วิธีสร้างรูปแบบรายการใน Divi Cloud ของคุณ

ข้อดีอย่างหนึ่งของ Divi Cloud คือความสามารถในการมีเลย์เอาต์เดียวกันได้หลายรูปแบบเพียงปลายนิ้วสัมผัส สร้างเลย์เอาต์หลายเวอร์ชันได้อย่างง่ายดายด้วยสี ภาพถ่าย การออกแบบตัวอักษร และอื่นๆ อีกมากมาย การสร้างรูปแบบรายการทำได้ง่ายด้วย Divi Cloud ในโพสต์นี้ เราจะมาดูวิธีสร้างรูปแบบรายการต่างๆ ใน ​​Divi cloud ของคุณ นอกจากนี้ เราจะสำรวจวิธีต่างๆ ในการสร้างรูปแบบต่างๆ ของส่วนหัว และหารือเกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดสำหรับการสร้างรูปแบบรายการต่างๆ

แนวทางปฏิบัติที่ดีที่สุดสำหรับรูปแบบรายการต่างๆ

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

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

ตัวอย่างเช่น "Minimal Header (สีน้ำเงิน)" และ "Minimal Header (สีขาว)" เป็นคำอธิบายและแสดงว่าเป็นรูปแบบหนึ่งของเลย์เอาต์ที่เรียกว่า "Minimal Header" พวกเขายังอธิบายสิ่งที่แตกต่างจากต้นฉบับ สั้น เรียบง่าย และเข้าใจง่ายในพริบตา

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

สร้างเค้าโครงส่วนหัว

เราจะเริ่มด้วยวิธีการเพิ่มเค้าโครงส่วนหัวให้กับ Divi Cloud คุณสามารถใช้เค้าโครงที่สร้างไว้ล่วงหน้าหรือสร้างส่วนหัวตั้งแต่เริ่มต้น ฉันกำลังใช้ Header & Footer ฟรีสำหรับ Divi's Electrical Services Layout Pack สำหรับตัวอย่างของฉัน ฉันจะเรียกส่วนหัวนี้ว่า ส่วนหัวของบริการไฟฟ้า ฉันจะเลือกส่วนหัวสำหรับหมวดหมู่และเลือกหนึ่งในสองแท็ก

สร้างส่วนหัวในตัวสร้างธีม

ขั้นแรก สร้างส่วนหัวใน Divi Theme Builder สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการใช้ Divi Theme Builder ค้นหา "theme builder" ในบล็อก Elegant Themes คุณจะพบโพสต์มากมายที่นำคุณไปสู่แง่มุมต่างๆ ของตัวสร้างธีม กระบวนการนี้เรียบง่าย แต่ฉันได้แบ่งออกเป็นขั้นตอนเล็กๆ เพื่อให้จัดการได้

1. ขั้นแรก เปิดใช้งาน Visual Builder โดยไปที่ “Divi” > “Theme Builder” ในแดชบอร์ด WordPress
2. สร้างส่วนหัวด้วยวิธีใดวิธีหนึ่งจากสามวิธี เลือก "เพิ่มส่วนหัวส่วนกลาง" เพิ่ม "เทมเพลตใหม่" หรือเลือกตัวเลือก "การพกพา" และสร้างหรือนำเข้ารูปแบบส่วนหัวของคุณ
3. คลิกไอคอนแก้ไขสำหรับส่วนหัวที่คุณต้องการเพิ่มใน Divi Cloud

บันทึกส่วนหัวไปยัง Divi Cloud

ถัดไป แก้ไขส่วนหัวและบันทึกเค้าโครงไปยัง Divi Cloud ของคุณ

1. คลิกไอคอน "บันทึกไปยังห้องสมุด" สีม่วงที่ด้านล่างของหน้า
2. ป้อนชื่อเลย์เอาต์ เลือก บันทึกไปยังคลาวด์ แล้วเลือกหมวดหมู่และแท็กของคุณ
3. คลิก “บันทึกไปที่ห้องสมุด”
4. ปิดตัวแก้ไขของตัวสร้างธีม
5. เลือก "บันทึกการเปลี่ยนแปลง" ที่มุมซ้ายบนของตัวสร้างธีม

สร้างรายการรูปแบบต่างๆ

ต่อไป เราจะสร้างส่วนหัวเดิมของเราสองรูปแบบ มีหลายวิธีในการสร้างรูปแบบรายการสำหรับ Divi Cloud เราจะพิจารณาตัวเลือกต่างๆ

รูปแบบเค้าโครงส่วนหัว One

สำหรับรูปแบบแรกของเรา เราจะยังคงทำงานใน Divi Theme Builder เป็นไปตามขั้นตอนการสร้างเค้าโครงส่วนหัวดั้งเดิม เราจะทำซ้ำหน้าต่างๆ เช่น หมวดหมู่ ผลิตภัณฑ์ บริการ ฯลฯ

ทำซ้ำเทมเพลตส่วนหัว

ขั้นแรก ทำซ้ำส่วนหัวและกำหนดให้กับตำแหน่ง

1. เปิดใช้งาน Visual Builder โดยไปที่ “Divi” > “Theme Builder” ในแดชบอร์ด WordPress
2. เลือกไอคอนทำซ้ำด้านบนเทมเพลตส่วนกลาง
3. เลือกสถานที่ที่คุณต้องการกำหนดเทมเพลตนี้ในป๊อปอัปแล้วคลิก "บันทึก" ที่ด้านล่าง

บันทึกการเปลี่ยนแปลงไปยัง Divi Cloud

ถัดไป แก้ไขส่วนหัวและบันทึกลงใน Divi Cloud

1. คลิกไอคอนแก้ไขสำหรับส่วนหัวที่คุณต้องการเพิ่มใน Divi Cloud
2. คลิกไอคอน "บันทึกไปยังห้องสมุด" สีม่วงที่ด้านล่างของหน้า
3. ป้อนชื่อเลย์เอาต์ เลือก บันทึกไปยังคลาวด์ แล้วเลือกหมวดหมู่และแท็กของคุณ เลือกชื่อ หมวดหมู่ และแท็กที่ชัดเจนว่าเป็นรูปแบบอื่น
4. คลิก “บันทึกไปที่ห้องสมุด”
5. ปิดตัวแก้ไขของตัวสร้างธีม
6. เลือก "บันทึกการเปลี่ยนแปลง" ที่มุมซ้ายบนของตัวสร้างธีม

รูปแบบเค้าโครงส่วนหัวที่สอง

สำหรับรูปแบบที่สองของเรา เราจะทำซ้ำส่วนหัวและแก้ไขภายใน Divi Cloud สำหรับสิ่งนี้ เราจะออกจาก Divi Theme Builder และใช้ Visual Builder ในหน้าหรือโพสต์ของ Divi

ทำซ้ำเค้าโครงส่วนหัว

ขั้นแรก คุณจะต้องโหลดเลย์เอาต์ลงในตัวแก้ไข Divi Cloud

1. ขั้นแรก เปิดใช้งาน Visual Builder โดยไปที่หน้าใดก็ได้ที่ส่วนหน้าของเว็บไซต์ Divi ของคุณและคลิก “เปิดใช้งาน Visual Builder” ในแถบเครื่องมือของคุณที่ด้านบนของหน้าจอ
2. คลิกไอคอนเครื่องหมายบวกสีม่วงบนแถบเครื่องมือ Divi ที่ด้านล่างของหน้าเพื่อเปิด Divi Library
3. คลิกแท็บที่ด้านบนที่มีข้อความว่า "เค้าโครงที่บันทึกไว้ของคุณ"
4. ถัดไป ดูรายการ Divi Cloud ของคุณ คลิกช่องทำเครื่องหมายที่ระบุว่า "My Divi Cloud" ใต้ตำแหน่งในแถบด้านข้างทางซ้าย
5. ค้นหาเลย์เอาต์ที่คุณต้องการทำซ้ำโดยค้นหา เรียงลำดับ หรือกรองรายการ Divi Cloud ค้นหาด้วยคีย์เวิร์ดหรือรายการโปรด เลือกหมวดหมู่และ/หรือแท็กเพื่อกรอง หรือจัดเรียงตามเวลา ชื่อ หรือรายการโปรด
6. คลิกขวาที่เค้าโครงที่คุณต้องการทำซ้ำ
7. เลือก "ทำซ้ำ" ในเมนูป๊อปอัป
8. หรือคุณสามารถคลิกขวาที่ตัวอย่างในหน้าจอรายละเอียดเค้าโครงเพื่อเปิดรายการเมนูและคลิก "ทำซ้ำ" ในเมนูป๊อปอัป
9. โมดอลจะเปิดขึ้นซึ่งคุณสามารถเลือกรายละเอียดได้ เพิ่มชื่อใหม่ในช่อง "ชื่อเค้าโครง" เลือกหมวดหมู่ที่คุณต้องการสำหรับเลย์เอาต์นี้หรือเพิ่มหมวดหมู่ใหม่ เลือกหรือเพิ่มแท็กใหม่ ป้อนชื่อเลย์เอาต์ เลือก “บันทึกไปยังคลาวด์” แล้วเลือกหมวดหมู่และแท็กของคุณ เลือกชื่อ หมวดหมู่ และแท็กที่ชัดเจนว่าเป็นรูปแบบอื่น
10. คลิกปุ่มเครื่องหมายถูกสีเขียวเมื่อดำเนินการเสร็จ เลย์เอาต์จะถูกบันทึกโดยอัตโนมัติใน Divi Cloud ของคุณ ดังนั้นคุณไม่จำเป็นต้องบันทึกเพจ

แก้ไขเค้าโครงภายในคลาวด์

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

1. ค้นหาเลย์เอาต์ที่คุณต้องการแก้ไขโดยการค้นหา เรียงลำดับ หรือกรองรายการ Divi Cloud ค้นหาด้วยคีย์เวิร์ดหรือรายการโปรด เลือกหมวดหมู่และ/หรือแท็กเพื่อกรอง หรือจัดเรียงตามเวลา ชื่อ หรือรายการโปรด
2. คลิกขวาที่เค้าโครงที่คุณต้องการแก้ไข
3. เลือก "แก้ไขด้วย Divi" ในเมนูป๊อปอัป เลย์เอาต์จะเปิดในแท็บใหม่ แทนที่จะเป็นหน้าบนเว็บไซต์ของคุณ โดยเปิดใช้งาน Visual Builder
4. หรือคุณสามารถคลิกขวาที่ตัวอย่างในหน้าจอรายละเอียดเค้าโครงเพื่อเปิดรายการเมนูและคลิก "แก้ไขด้วย Divi" ในเมนูป๊อปอัป
5. เพียงแก้ไขเลย์เอาต์ด้วย Divi Builder ตามปกติ เพิ่มหรือปรับแต่งส่วน แถว คอลัมน์ โมดูล โค้ด ฯลฯ

บันทึกการเปลี่ยนแปลงรูปแบบส่วนหัวภายใน Cloud

สุดท้าย บันทึกการเปลี่ยนแปลงของคุณ การแก้ไขจะถูกบันทึกโดยอัตโนมัติใน Divi Cloud

1. คลิก “บันทึกรายการคลาวด์” ที่มุมล่างขวาของเลย์เอาต์เพื่อบันทึกการเปลี่ยนแปลง
2. รอให้การเปลี่ยนแปลงบันทึก การเปลี่ยนแปลงจะถูกบันทึกไว้ในคลาวด์เอง
3. ปิดแท็บเมื่อคุณแก้ไขเสร็จแล้ว นี่ไม่ใช่หน้าบนเว็บไซต์ของคุณ ดังนั้นคุณไม่จำเป็นต้องออกจาก Visual Builder

จบความคิด

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

เราต้องการได้ยินจากคุณ คุณได้สร้างรูปแบบรายการต่างๆ ภายใน Divi Cloud หรือไม่? แจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในความคิดเห็น