5 การออกแบบม้าหมุนสำหรับ Divi 5 (ดาวน์โหลดฟรี)

โมดูล Carousel Group ทำให้ง่ายขึ้นกว่าเดิมในการสร้างม้าหมุนที่ดูสะอาดและปรับขนาดได้อย่างสวยงามให้เข้ากับขนาดหน้าจอที่แตกต่างกันและง่ายต่อการปรับแต่งใน Divi 5 ในชุดฟรีนี้คุณจะพบการออกแบบส่วนหมุนที่ไม่ซ้ำกัน 5 รายการ ม้าหมุนเหล่านี้พร้อมสำหรับคุณที่จะวางลงในหน้าใดก็ได้!

ดูตัวอย่าง

ลองดูที่ทั้ง 5 ส่วนของม้าหมุนในชุดนี้ แพ็คนี้ฟรีสำหรับคุณที่จะดาวน์โหลดเพิ่มเติมโพสต์

สมัครสมาชิกช่อง YouTube ของเรา

ดาวน์โหลด 5 ส่วนม้าหมุนสำหรับ Divi 5

รับทั้ง 5 ส่วนม้าหมุนฟรี แต่ละส่วนเป็นเวอร์ชันเริ่มต้นที่หยิบสีทั่วโลกของไซต์ของคุณฟอนต์และปุ่ม นำเข้าสู่ห้องสมุด Divi ของคุณและเพิ่มลงในหน้าใด ๆ

ดาวน์โหลดไฟล์

ดาวน์โหลดฟรี

เข้าร่วมจดหมายข่าว Divi และเราจะส่งสำเนาแพ็คเค้าโครงหน้า Landing Page ของ Divi Landing ให้คุณรวมถึงแหล่งข้อมูล Divi Tips และกลอุบายอื่น ๆ อีกมากมาย ติดตามและคุณจะเป็นอาจารย์ Divi ในเวลาไม่นาน หากคุณสมัครเป็นสมาชิกเพียงพิมพ์ที่อยู่อีเมลของคุณด้านล่างและคลิกดาวน์โหลดเพื่อเข้าถึง Layout Pack

การดาวน์โหลด

คุณสมัครสมาชิกสำเร็จแล้ว โปรดตรวจสอบที่อยู่อีเมลของคุณเพื่อยืนยันการสมัครสมาชิกของคุณและเข้าถึงแพ็คเค้าโครง Divi รายสัปดาห์ฟรี!

มีอะไรรวม (6 ครั้ง)

เมื่อคุณดาวน์โหลดและคลายซิปโฟลเดอร์แล้วคุณจะพบการส่งออกเค้าโครงทั้งหมด 6 แบบที่จัดระเบียบอย่างเรียบร้อยเป็นแต่ละส่วนและเป็นแพ็ค“ ทั้งหมด” เต็มรูปแบบ

ค่าเริ่มต้น - แต่ละส่วน (5) →ใช้สไตล์โลกของคุณ
ค่าเริ่มต้น - ทุกส่วน (1) →แพ็คเต็มรูปแบบโดยใช้สไตล์ทั่วโลกของคุณ

วิธีใช้การออกแบบม้าหมุน

ให้โฟลเดอร์ดาวน์โหลดของคุณปิดเพื่อเริ่มการนำเข้าเว็บไซต์ Divi ของคุณ

1. การนำเข้าส่วนลงในห้องสมุด Divi

ไปที่ Divi → Divi Library

เมื่อมีให้คลิกปุ่มนำเข้าและส่งออกเพื่อติดตั้งไฟล์

มองหาไฟล์ส่วนหมุน (ทั้งหมด) ไฟล์และคลิกเพื่อนำเข้า

2. เพิ่มส่วนม้าหมุนลงในหน้า

เปิดหน้าเว็บใน Visual Builder (หรือสร้างหน้าใหม่)

คลิกสีน้ำเงิน“+” เพื่อเพิ่มส่วนใหม่จากนั้นเลือก เพิ่มจากไลบรารี

คลิกส่วนม้าหมุนที่คุณต้องการแทรก

คลิกที่ปุ่ม ใช้ส่วนนี้ เพื่อโหลดส่วน

ตรวจสอบให้แน่ใจว่าได้บันทึกหน้าของคุณเมื่อเสร็จแล้ว

การจัดแต่งทรงผมทำงานอย่างไร (เริ่มต้นเท่านั้น)

ส่วนเหล่านี้สืบทอดสไตล์โลกของเว็บไซต์ของคุณสำหรับสีการพิมพ์ปุ่มและระยะห่าง ม้าหมุนจะตรงกับแบรนด์ของคุณทันทีหากคุณตั้งค่าสไตล์โลกแล้ว คุณยังสามารถแทนที่ทุกสิ่งที่ระดับแถวคอลัมน์หรือระดับโมดูลเมื่อจำเป็น

ปรับแต่งม้าหมุน

โมดูล Carousel กลุ่มของ Divi 5 ให้เครื่องมือที่ทรงพลังในการปรับแต่งเลย์เอาต์ในขณะที่ทำให้ทุกอย่างตอบสนองได้ นี่คือวิธีปรับแต่งส่วนเหล่านี้ให้เหมาะกับสไตล์ของเว็บไซต์ของคุณ

1. แทนที่เนื้อหาสไลด์

ในตัวสร้างภาพให้วางสไลด์และเปิดโมดูลภายใน - รูปภาพโมดูลข้อความปุ่มปุ่มแจ้งเตือนหรือรายการไอคอน แทนที่รูปภาพคัดลอกและเรียกใช้การดำเนินการ คุณสามารถใช้ Divi AI เพื่อช่วยเขียนพาดหัวหรือคำบรรยายภาพที่กระชับ

หากสไลด์มีหลายโมดูลให้ทำซ้ำสำหรับแต่ละอันเพื่อให้สไตล์สอดคล้องกัน

2. ปรับการตั้งค่าม้าหมุน

เปิดการตั้งค่าแบบม้าหมุนกลุ่ม ในแท็บการออกแบบตั้งค่ารายการต่อมุมมองต่ออุปกรณ์, ช่องว่างสไลด์, การเล่นอัตโนมัติ, ความเร็ว, ลูปและการนำทาง (ลูกศร) หรือการจัดฟัน (จุด)

ใช้การสลับที่ตอบสนองต่อจุดพักที่ปรับแต่ง

หากคุณต้องการ UI ที่น้อยที่สุดปิดการใช้งานลูกศรหรือจุดและพึ่งพาการปัดและการโต้ตอบ

3. เพิ่มองค์ประกอบลงในสไลด์

เปิดเนื้อหาของสไลด์และเพิ่มโมดูลเช่นปุ่ม, Blurb, รายการไอคอน, วิดีโอหรือแอนิเมชั่น Lottie ใช้แถวสองคอลัมน์ภายในสไลด์สำหรับภาพด้านหนึ่งและส่งข้อความอีกด้านหนึ่งหรือองค์ประกอบสแต็กในแนวตั้งสำหรับบัตรผลิตภัณฑ์และคำรับรอง

เพื่อเน้นอย่างรวดเร็วให้เพิ่มโมดูลข้อความขนาดเล็กเป็นฉลากด้านบนพาดหัวหรือวางโมดูลปุ่มภายใต้คำอธิบายด้วยสไตล์หลักของคุณ

4. การสั่งซื้อซ้ำซ้ำหรือลบสไลด์

ในโครงสร้างม้าหมุนกลุ่มลากสไลด์เพื่อจัดเรียงใหม่ซ้ำสไลด์เพื่อให้การจัดแต่งทรงผมสอดคล้องกันหรือลบสไลด์ที่คุณไม่ต้องการ รักษาจำนวนทั้งหมดให้สมดุลกับรายการต่อการดูเพื่อการปนเปื้อนที่สะอาด

5. เค้าโครงสไลด์ควบคุมด้วย FlexBox

ภายในสไลด์ตั้งค่าคอนเทนเนอร์เป็นเค้าโครงคอลัมน์จากนั้นใช้ ช่องว่าง สำหรับระยะห่างที่สะอาด ใช้ การปรับเนื้อหา ให้กับเนื้อหาตรงกลางและ จัดเรียงรายการ สำหรับการจัดแนวซ้ายกลางหรือการจัดตำแหน่งขวา ยืดรายการสำหรับการ์ดที่มีความสูงเท่ากันทั่วสไลด์

หากพาดหัวบนมือถือให้ลดขนาดตัวอักษรในการควบคุมการตอบสนองของโมดูลหรือตั้งค่าความกว้างสูงสุดบนคอนเทนเนอร์ข้อความ

6. ใช้ตัวแปรการออกแบบที่ตั้งไว้ล่วงหน้าและขยายแอตทริบิวต์

ผูกสีและระยะห่างกับตัวแปรการออกแบบของคุณเพื่อให้การอัพเดทแบรนด์ใด ๆ เรียงซ้อนกันข้ามสไลด์ทั้งหมด บันทึกสไตล์โมดูลที่ใช้กันทั่วไปเป็นที่ตั้งไว้ล่วงหน้าสำหรับพาดหัวปุ่มหรือป้าย

ใช้ แอตทริบิวต์ขยาย เพื่อใช้การเปลี่ยนแปลงสไตล์จากโมดูลหนึ่งไปยังส่วนที่เหลือของสไลด์ในการกระทำเดียว

สำหรับการปรับแต่งทั่วโลกอย่างรวดเร็วให้ใช้การค้นหาและเปลี่ยนสีหรือขนาดตัวอักษรทั่วทั้งส่วน

7. ตัวเลือก: เปลี่ยนเป็นเนื้อหาแบบไดนามิกด้วย Loop Builder

เปลี่ยนม้าหมุนให้เป็นตัวเลื่อนแบบไดนามิกโดยการแทนที่เนื้อหาสไลด์แบบคงที่ด้วยองค์ประกอบที่วนรอบที่สอบถามโพสต์โครงการหรือประเภทโพสต์ที่กำหนดเอง เลือกแบบสอบถามของคุณออกแบบการ์ดหนึ่งครั้งและปล่อยให้รายการใหม่เติมม้าหมุนโดยอัตโนมัติ

เหมาะอย่างยิ่งสำหรับไฮไลท์บล็อก, ม้าหมุนผลิตภัณฑ์, รายการพอร์ตโฟลิโอหรือคำรับรอง

ใช้ Divi 5 เพื่อสร้างม้าหมุนของคุณวันนี้

5 กลุ่มม้าหมุนกลุ่มเหล่านี้เป็นวิธีที่รวดเร็วในการเร่งความเร็ว Divi 5 Builds ของคุณ ดาวน์โหลดพวกเขาวางลงในหน้าใดก็ได้และทำให้เป็นของคุณเอง โมดูลม้าหมุนกลุ่มจัดการการเคลื่อนไหวเพื่อให้คุณสามารถมุ่งเน้นไปที่การออกแบบ