จุดเด่นของผลิตภัณฑ์ Divi: ขยายเค้าโครง Divi
เผยแพร่แล้ว: 2023-09-25Divi Layouts Extended เป็นผลิตภัณฑ์ของบริษัทอื่นสำหรับ Divi ซึ่งมีเลย์เอาต์มากกว่า 1,700 รายการที่นำเข้าผ่านแดชบอร์ดที่กำหนดเอง ครอบคลุมหลายประเภทและรวมถึงโมดูล ส่วน และหน้าฉบับเต็ม ในโพสต์นี้ เราจะดูที่ Divi Layouts Extended เพื่อช่วยคุณตัดสินใจว่าเป็นผลิตภัณฑ์ที่เหมาะสมสำหรับกล่องเครื่องมือ Divi ของคุณหรือไม่
- 1 การติดตั้งส่วนขยาย Divi Layouts
- อัปเดต 2 : ส่วนต่อประสานผู้ใช้ใหม่
- 3 Divi เค้าโครงขยายแดชบอร์ด
- 4 โมดูลขยายเค้าโครง Divi
- 4.1 ปุ่มขยายเค้าโครง Divi
- 4.2 Divi Layouts ตัวเลื่อนแบบขยาย
- 5 เค้าโครง Divi ขยายส่วน
- 5.1 ส่วนหัว
- 5.2 บล็อก
- 5.3 CTA
- 5.4 ส่วนฮีโร่
- 5.5 ทีม
- 5.6 คำรับรอง
- 5.7 เส้นเวลา
- 5.8 ผลงาน
- 5.9 ส่วน Woo
- 6 เค้าโครง Divi ขยายหน้า
- 6.1 บ้าน
- 6.2 การลงจอด
- 6.3 ลุคบุ๊ก
- 6.4 ร้านค้า
- 6.5 โพสต์
- 6.6 เร็วๆ นี้
- 6.7 404
- 7 สถานที่ซื้อ Divi Layouts Extended
- 8 การสิ้นสุดความคิดเกี่ยวกับ Divi Layouts Extended
การติดตั้ง Divi Layouts Extended
การติดตั้ง Divi Layouts นั้นง่ายดาย อัปโหลดและเปิดใช้งานเหมือนกับปลั๊กอินใดๆ หากต้องการอัปโหลด ให้ไปที่:
- ปลั๊กอิน
- เพิ่มใหม่
- อัพโหลดปลั๊กอิน
- เลือกไฟล์
- ติดตั้งในขณะนี้
เมื่อติดตั้งแล้ว คุณจะเห็นตัวเลือกในการเปิดใช้งานปลั๊กอิน เลือกเปิดใช้งานก็พร้อมใช้งาน
- เปิดใช้งานปลั๊กอิน
อัปเดต: ส่วนต่อประสานผู้ใช้ใหม่
ก่อนที่เราจะเจาะลึกถึงไฮไลท์ของผลิตภัณฑ์ Divi Extended ได้มอบรูปลักษณ์และความรู้สึกใหม่ให้กับ Divi Layouts Extended ดูด้านล่างเพื่อดูว่าคุณคาดหวังอะไรได้บ้างจากอินเทอร์เฟซผู้ใช้ใหม่ พวกเขายังได้เพิ่มเลย์เอาต์อีก 200 เลย์เอาต์ลงในไลบรารี ทำให้คุณมีตัวเลือกมากขึ้นให้เลือกเมื่อสร้างเว็บไซต์ของคุณ!
Divi เค้าโครงขยายแดชบอร์ด
เพิ่มเมนู Divi Layouts Extended ใหม่ลงในแดชบอร์ด WordPress การคลิกจะเปิดแดชบอร์ดใหม่ซึ่งคุณสามารถเลือกเค้าโครงที่คุณต้องการได้ ฉันพบว่าแดชบอร์ดนี้เรียบง่ายและใช้งานง่ายมาก
ประกอบด้วยแท็บเพื่อดูเค้าโครง โมดูล ส่วน หรือหน้า คุณยังสามารถค้นหาสิ่งที่คุณต้องการและจัดเรียงตามความนิยม ชื่อ และวันที่โดยเรียงลำดับจากน้อยไปหามากหรือจากมากไปหาน้อย เค้าโครงจะปรากฏเป็นการ์ด คุณสามารถดูตัวอย่างเค้าโครงหรือบันทึกลงในไลบรารีของคุณ เลื่อนเค้าโครงที่ใหญ่ขึ้นเพื่อดู และดูตัวอย่างเค้าโครงเพื่อให้ดูดีขึ้น ตัวอย่างนี้แสดงแท็บทั้งหมด ซึ่งประกอบด้วยโมดูล ส่วน และหน้า
การเลื่อนไปที่ด้านล่างของรายการคือการนำทางที่คุณสามารถเลือกหน้าหรือเลือกแรกหรือสุดท้าย
การคลิกดูตัวอย่างจะเปิดรายการบนเว็บไซต์ Divi Layouts Extended คุณสามารถเลื่อนดูเลย์เอาต์ คลิกที่สิ่งที่คลิกได้ทั้งหมด วางเมาส์เหนือเพื่อดูเอฟเฟกต์โฮเวอร์ และดูเลย์เอาต์พร้อมรูปภาพ ผลิตภัณฑ์ ฯลฯ
เมื่อคุณเลือกบันทึกลงในไลบรารี เค้าโครงจะถูกนำเข้า และปุ่มจะเปลี่ยนจากปุ่มสีม่วงเป็นปุ่มที่บันทึกไว้สีเขียว
คุณจะเห็นเลย์เอาต์ในไลบรารีของคุณซึ่งคุณสามารถใช้งานได้ตามปกติในหน้าเพจ โพสต์ และเครื่องมือสร้างธีม Divi โดยจะรวมหมวดหมู่และประเภทต่างๆ ในตัวอย่างนี้ ฉันได้บันทึกหน้าแรกไว้ รวมถึงหมวดหมู่หน้าแรกและประเภทเค้าโครง
Divi Layouts โมดูลขยาย
โมดูลเพิ่มเติมของ Divi Layouts ประกอบด้วยปุ่มและแถบเลื่อน เราจะดูตัวอย่างบางส่วน
ปุ่มขยายเค้าโครง Divi
มีปุ่มให้เลือกถึง 55 ปุ่ม ข้อความของปุ่มทำหน้าที่เป็นคำอธิบายสั้นๆ ว่าปุ่มทำหน้าที่อะไรหรือเค้าโครงของปุ่ม
การออกแบบประกอบด้วยสีทึบ ไม่มีสี การไล่ระดับสี รูปภาพ ข้อความ มีหรือไม่มีเส้นขอบ ขอบสี่เหลี่ยมหรือโค้งมน มีหรือไอคอน มีหรือไม่มีเงา มีหรือไม่มีเอฟเฟกต์โฮเวอร์ และอื่นๆ ส่วนใหญ่สร้างมาให้โดดเด่นและโดดเด่นเช่นกัน ฉันชอบปุ่มที่มีไอคอนและมีเอฟเฟกต์โฮเวอร์เป็นพิเศษ
Divi Layouts ตัวเลื่อนแบบขยาย
มีแถบเลื่อนให้เลือกถึง 15 แบบ เป็นแบบเต็มหน้าจอและมีการออกแบบที่แตกต่างกันสำหรับเค้าโครงและการนำทาง รวมถึงคำกระตุ้นการตัดสินใจ รูปภาพ พื้นหลัง ผลิตภัณฑ์ การนำทาง ฯลฯ
ตัวอย่างนี้แสดงพื้นหลังที่ทำมุม การนำทางที่มีสไตล์ รูปภาพ ข้อความ และ CTA
Divi เลย์เอาต์ส่วนที่ขยาย
มี 855 ส่วนใน 27 หมวดหมู่ที่แตกต่างกัน ประกอบด้วยส่วนต่างๆ เช่น เกี่ยวกับ บล็อก CTA โลโก้ของลูกค้า ส่วนหัว ส่วนท้าย แถบด้านบน ตัวนับจำนวน คำรับรอง ส่วนฮีโร่ แกลเลอรี บริการ และอื่นๆ อีกมากมาย
ส่วนหัว
ประกอบด้วย 130 ส่วนหัว ประกอบด้วยเมนู ไอคอนโซเชียลมีเดีย ช่องค้นหา หมายเลขโทรศัพท์ที่คลิกได้ CTA เมนูแบบเลื่อนลงที่มีสไตล์ และอื่นๆ อีกมากมาย หลายแห่งมีแถบด้านบนด้วย
ตัวอย่างนี้แสดงส่วนหัว 127-129 รวมถึงการนำทาง ไอคอนโซเชียล การค้นหา ข้อมูลการติดต่อ ฯลฯ
ตัวอย่างนี้แสดงส่วนหัว 101-103 ประกอบด้วยปุ่ม CTA พร้อมภาพเคลื่อนไหวแบบโฮเวอร์ ฉันกำลังวางเมาส์เหนือเมนูส่วนหัวที่สองเพื่อแสดงเมนูแบบเลื่อนลง
บล็อก
มี 60 ส่วนบล็อก รวมถึงเค้าโครงตาราง เค้าโครงสลับ เค้าโครงคอลัมน์เดียว สไตล์ เอฟเฟกต์โฮเวอร์ ฯลฯ การ์ดบล็อกมีตัวเลือกสไตล์มากมาย
ตัวอย่างนี้มีเค้าโครงสไตล์นิตยสารที่มีสองคอลัมน์ โพสต์บล็อกล่าสุดจะแสดงในคอลัมน์ด้านซ้ายและรวมรูปภาพเด่น ในขณะที่โพสต์อื่นๆ จะเรียงซ้อนกันในคอลัมน์ด้านขวาและมีปุ่มอ่านเพิ่มเติมขนาดใหญ่
ตัวอย่างนี้แสดงเค้าโครงตารางกริดที่มีชื่อเรื่องและข้อความที่ตัดตอนมาทับซ้อนกัน ฉันกำลังวางเมาส์เหนือโพสต์ที่สองเพื่อแสดงเอฟเฟกต์โฮเวอร์
CTA
มีคำกระตุ้นการตัดสินใจ 38 ส่วนให้เลือก เป็นแบบเต็มความกว้างและประกอบด้วยรูปภาพ ข้อความ ปุ่ม แบบฟอร์ม ตัวนับตัวเลข และอื่นๆ ในเค้าโครงหลายประเภท
ตัวอย่างนี้แสดง CTA ของอีเมลพร้อมไฮไลต์สีแดงและข้อมูลติดต่อ หมายเลขโทรศัพท์สามารถคลิกได้
ส่วนฮีโร่
ประกอบด้วยส่วนฮีโร่ 60 ส่วน ซึ่งรวมถึง CTA, วิดีโอแบบฝัง, ตัวจับเวลาถอยหลัง, รูปภาพ, พื้นหลัง, แบบฟอร์ม, คำโปรย, โพสต์, ผลิตภัณฑ์ และอื่นๆ นี่คือเค้าโครงบางส่วนที่ฉันชื่นชอบใน Divi Layouts Extended
ตัวอย่างนี้แสดง CTA พร้อมกราฟที่ทับซ้อนสองพื้นหลัง พื้นหลังประกอบด้วยรูปทรงที่มีสีต่างกันเพื่อให้โดดเด่น
ตัวอย่างนี้มีลิงค์ไปยังหน้าต่างๆ ในร้านค้า ประกอบด้วยสีทึบและรูปภาพพร้อมชื่อ ปุ่ม หรือส่วนลด
ทีม
เลือกจาก 35 รูปแบบทีม โดยแสดงโมดูลบุคคลที่มีสไตล์ในรูปแบบต่างๆ และรวมถึงข้อความสนับสนุน ปุ่ม และอื่นๆ ส่วนใหญ่วางอยู่ในตาราง แต่มีบางส่วนที่มีเค้าโครงแบบคอลัมน์เดียว เค้าโครงแบบโมเสก ฯลฯ
ตัวอย่างนี้แสดงโมดูลบุคคลสามโมดูลพร้อมข้อความ ปุ่ม และพื้นหลังหยัก การวางเมาส์เหนือโมดูลทั้งสองด้านจะทำให้โมดูลเลื่อนเป็นแนวทแยง
ข้อความรับรอง
มี 25 ส่วนรับรองให้เลือก ซึ่งรวมถึงเค้าโครงตาราง เค้าโครงคอลัมน์เดียว เค้าโครงสลับ และอื่นๆ อีกมากมาย ประกอบด้วยรูปภาพพื้นหลังหรือสีด้านหนึ่ง พื้นหลังที่แตกต่างกันสำหรับโมดูลคำรับรอง รูปภาพวงกลม รูปภาพสี่เหลี่ยม ฯลฯ
ตัวอย่างนี้แสดงรูปภาพที่ด้านหนึ่งและแถบเลื่อนข้อความรับรองที่ซ้อนทับรูปภาพในอีกด้านหนึ่ง แถบเลื่อนมีการนำทางทางด้านขวาสุด
เส้นเวลา
มี 5 ส่วนไทม์ไลน์ให้เลือก สิ่งเหล่านี้เหมาะอย่างยิ่งสำหรับการแสดงขั้นตอนกระบวนการ ไทม์ไลน์การตีพิมพ์ ฯลฯ รวมถึงเค้าโครงแนวนอนและแนวตั้ง
อันนี้แสดงไทม์ไลน์การผลิตซึ่งเหมาะสำหรับการจัดการโครงการ โดยจะแสดงไทม์ไลน์ด้วยไอคอนสีต่างๆ ที่สลับจากบนลงล่าง ข้อความอยู่ฝั่งตรงข้ามของไอคอนและมีชื่อเรื่องที่มีสีเดียวกับไอคอน
ผลงาน
เลือกจากเค้าโครงพอร์ตโฟลิโอ 10 แบบ นี่คือเค้าโครงที่หรูหราที่สุดใน Divi Layouts Extended ประกอบด้วยการออกแบบพื้นหลังหลายแบบ รวมถึงรูปภาพและบล็อคสี ประกอบด้วยเลย์เอาต์และการออกแบบการ์ดพอร์ตโฟลิโอหลายแบบ บางส่วนมี CTA หรือตัวกรองสไตล์ พวกเขาทำงานในอุตสาหกรรมต่างๆ รวมถึงอุตสาหกรรม ผู้บริโภค ร้านค้า ร้านอาหาร การถ่ายภาพ การออกแบบ ฯลฯ
ตัวอย่างนี้ใช้ส่วนพอร์ตโฟลิโอเพื่อสร้างเมนูร้านอาหาร การ์ดพอร์ตโฟลิโอมีเงา ภาพซ้อนทับ และมุมโค้งมน พวกมันซ้อนทับภาพพื้นหลัง ฉันกำลังวางเมาส์เหนือรายการทางด้านขวาเพื่อแสดงภาพซ้อนทับ
ส่วนวู
มี Woo 30 ส่วนให้เลือก พวกเขาทำงานเป็น CTA ในหมวดหมู่ต่างๆ ในร้านค้า และรวมถึงพื้นหลังที่มีสไตล์ รูปภาพที่มีสไตล์ ข้อเสนอ ตัวนับเวลาถอยหลัง และการออกแบบเค้าโครงมากมาย พวกเขาจะทำงานได้ดีมากเป็นส่วนภายในเลย์เอาต์และเป็นส่วนฮีโร่
ตัวอย่างนี้แสดงรูปภาพที่มีสไตล์และมีเส้นขอบออฟเซ็ต ประกอบด้วยเค้าโครงที่แตกต่างกันสองแบบภายในตาราง มันทำงานเป็นลิงค์ไปยังหมวดหมู่ในร้านค้า
ตัวอย่างนี้มีนาฬิกาจับเวลาถอยหลังและปุ่มดูร้านค้า
Divi เลย์เอาต์ขยายหน้า
แท็บ Divi Layouts Extended Pages ประกอบด้วยหน้า 23 ประเภท รวมถึงบ้าน การลงจอด เกี่ยวกับ เร็วๆ นี้ การชำระเงิน ราคา ผลิตภัณฑ์ การค้นหา บริการ โปรเจ็กต์ ร้านค้า ทีมงาน ข้อความรับรอง คำถามที่พบบ่อย Lookbook 404 และอื่นๆ พวกเขาใช้โมดูลและส่วนต่างๆ จากแท็บอื่นๆ เพื่อสร้างหน้าในหลายประเภทพร้อมสไตล์ที่กำหนดเองสำหรับแต่ละรายการ นี่เป็นตัวอย่างบางส่วน
บ้าน
เลือกจาก 10 หน้าแรกให้เลือก ได้รับการออกแบบมาสำหรับร้านค้า เอเจนซี่ วงดนตรี อสังหาริมทรัพย์ งานแต่งงาน และธุรกิจบริการต่างๆ
ตัวอย่างนี้แสดงครึ่งแรกของ Divi Concert ซึ่งออกแบบมาสำหรับวงดนตรีและกิจกรรมแสดงสด ประกอบด้วยส่วนฮีโร่พร้อมภาพพื้นหลัง CTA และตัวนับตัวเลข นอกจากนี้ยังมีส่วนสำหรับข้อมูล ตารางกิจกรรม และส่วนทีมสำหรับสมาชิกวง
ครึ่งหลังประกอบด้วยแผนการเดินทางที่มีสองส่วนซึ่งแสดงรูปภาพด้านหนึ่งและเบลออีกด้านหนึ่ง รวมถึงส่วนของบล็อก ตารางราคา และโลโก้ของผู้สนับสนุนด้วย
ลงจอด
มีหน้า Landing Page ให้เลือก 40 หน้าในหลายประเภทโดยเน้นที่ธุรกิจ รวมถึงเอเจนซี่ การประชุม ผู้เขียน พอดแคสต์ การสัมมนาผ่านเว็บ ฯลฯ
นี่คือหน้า Landing Page สำหรับพอดแคสต์ ประกอบด้วยส่วนฮีโร่พร้อม CTA วิดีโอแบบฝัง โลโก้ของผู้สนับสนุน และแบบฟอร์มอีเมล นอกจากนี้ยังมีส่วนสำหรับข้อมูล ไฟล์เสียงที่ฝัง และโฮสต์
มองหนังสือ
มีหน้า Lookbook ให้เลือก 3 หน้า ประกอบด้วยรูปภาพที่มีสไตล์จำนวนมากในเลย์เอาต์ต่างๆ เพื่อสร้างหน้าร้านค้าที่เน้นไปที่รูปภาพ
ตัวอย่างนี้แสดงรูปภาพผลิตภัณฑ์หลายส่วนและรวมถึงตัวจับเวลาถอยหลังและผลิตภัณฑ์แนะนำ
ร้านค้า
มีหน้าร้านให้เลือกถึง 30 เพจ โดยแสดงผลิตภัณฑ์ในรูปแบบตารางต่างๆ ด้วยรูปภาพขนาดใหญ่หรือเล็ก มีหรือไม่มีแถบด้านข้าง และมีหรือไม่มี CTA
ตัวอย่างนี้มีแถบด้านข้างพร้อมเบรดครัมบ์ ผลิตภัณฑ์ หมวดหมู่ และแท็ก แถบเลื่อนที่ด้านบนของหน้าจะลิงก์ไปยังหมวดหมู่ต่างๆ สินค้ามีองค์ประกอบที่มีสไตล์
โพสต์
มี 25 รูปแบบการโพสต์บล็อก พวกเขาแสดงองค์ประกอบของโพสต์ในรูปแบบต่างๆ เลือกเค้าโครงที่มีหรือไม่มีแถบด้านข้าง
ตัวอย่างนี้วางรูปภาพเด่นทางด้านซ้ายพร้อมข้อความและข้อมูลเมตาทางด้านขวาบนพื้นหลังทึบ เนื้อหาถูกนำเสนอในรูปแบบคอลัมน์เดียวแบบกว้างพร้อมการนำทางโพสต์ แท็ก และความคิดเห็น
เร็วๆ นี้
มี 5 หน้าให้เลือกเร็วๆ นี้ ประกอบด้วยข้อความขนาดใหญ่ ตัวจับเวลาถอยหลัง แบบฟอร์มอีเมล และไอคอนติดตามโซเชียลมีเดีย
ตัวอย่างนี้แสดงข้อความทางด้านซ้ายเหนือภาพพื้นหลัง ทางด้านขวาคือนาฬิกาจับเวลาถอยหลัง ไอคอนโซเชียลมีเดีย และปุ่มสำหรับแบบฟอร์มอีเมล ทั้งหมดวางอยู่บนพื้นหลังสีขาวที่มีขอบโค้งมนด้านซ้าย
404
มี 10 404 หน้า. ประกอบด้วยการผสมผสานระหว่างกราฟิก รูปภาพ การพิมพ์ ไอคอนติดตามโซเชียล ข้อมูลติดต่อ ช่องค้นหา และลิงก์ไปยังหน้าแรก ส่วนใหญ่จะมีองค์ประกอบเหล่านี้เพียงบางส่วนเท่านั้น ซึ่งทำให้องค์ประกอบเหล่านี้เรียบง่ายและเข้าใจง่าย
ตัวอย่างนี้ใช้ภาพพื้นหลังของกิจกรรม ซึ่งใช้งานได้ดีกับแลนดิ้งเพจ Divi Concert ประกอบด้วยภาพพื้นหลังแบบเต็มความกว้าง ข้อความแสดงข้อผิดพลาด 404 ช่องค้นหา และไอคอนโซเชียล
สถานที่ซื้อ Divi Layouts Extended
Divi Layouts Extended มีวางจำหน่ายแล้วใน Divi Marketplace ในราคา 49 ดอลลาร์ ประกอบด้วยการใช้งานเว็บไซต์ไม่จำกัด การสนับสนุนและการอัปเดตหนึ่งปีและการรับประกันคืนเงินภายใน 30 วัน
การสิ้นสุดความคิดเกี่ยวกับ Divi Layouts Extended
นั่นคือรูปลักษณ์ของเราที่ Divi Layouts Extended มีเลย์เอาต์ที่ออกแบบมาอย่างดีมากมายในปลั๊กอิน Divi นี้ แดชบอร์ดใช้งานง่ายและนำเข้าเฉพาะเค้าโครงที่คุณต้องการ ทำให้ไลบรารี Divi ของคุณสะอาด เมื่อนำเข้าสู่ไลบรารี Divi ของคุณแล้ว ไลบรารีเหล่านี้จะทำงานเหมือนกับเค้าโครง Divi ใดๆ หากคุณสนใจที่จะขยายไลบรารีเค้าโครง Divi ของคุณ Divi Layouts Extended เป็นตัวเลือกที่ยอดเยี่ยมที่ควรพิจารณา
เราต้องการได้ยินจากคุณ คุณได้ลองใช้ Divi Layouts Extended แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น