จุดเด่นของผลิตภัณฑ์ Divi: Divi Den Pro – ไลบรารีเค้าโครง

เผยแพร่แล้ว: 2023-05-22

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

สารบัญ
  • 1 การติดตั้ง Divi Den Pro – ไลบรารีเค้าโครง
  • 2 เค้าโครงเนื้อหาไลบรารี
  • 3 เมนู Divi Den Pro DM
    • 3.1 เครื่องมือค้นหาเค้าโครง
    • 3.2 ล่าสุด
    • 3.3 บทช่วยสอน
    • 3.4 ตัวสร้างธีม
    • 3.5 ไฟล์ CSS แบบกำหนดเอง
    • 3.6 ขั้นสูง
  • 4 Divi Den Pro Layout Library ใน Divi Builder
  • 5 Divi Den Pro Layout Library ในตัวสร้างธีม Divi
  • 6 ตัวอย่างไลบรารีเค้าโครง Divi Den Pro
    • 6.1 เค้าโครง
    • 6.2 ส่วน
    • 6.3 โมดูล
  • 7 สถานที่ซื้อ Divi Den Pro Layout Library
  • 8 สิ้นสุดความคิดเกี่ยวกับ Divi Den Pro Layout Library

การติดตั้ง Divi Den Pro – ไลบรารีเค้าโครง

การติดตั้ง Divi Den Pro – Layout Library นั้นง่ายมาก ทำงานเหมือนกับการอัปโหลดปลั๊กอินใดๆ แต่คุณจะต้องลงชื่อเข้าใช้บัญชี Divi Marketplace เพื่อให้ใช้งานได้ภายใน Divi ก่อนอื่นในการติดตั้ง ให้ไปที่:

  1. ปลั๊กอิน
  2. เพิ่มใหม่
  3. อัปโหลดปลั๊กอิน
  4. เลือกไฟล์
  5. ติดตั้งในขณะนี้

การติดตั้ง Divi Den Pro – ไลบรารีเค้าโครง

ถัดไป เมื่อติดตั้งปลั๊กอินแล้ว ให้เปิดใช้งานตามปกติ แล้วคุณจะเห็นเมนูใหม่เพิ่มในแดชบอร์ดของคุณ

  1. เปิดใช้งานปลั๊กอิน

การติดตั้ง Divi Den Pro – ไลบรารีเค้าโครง

เค้าโครงเนื้อหาไลบรารี

Divi Den Pro – Layout Library มาพร้อมกับรายการไลบรารี 2615 รายการ ซึ่งรวมถึงส่วนและโมดูลปี 1988 เค้าโครง 631 รายการ เมนู 39 รายการ และการออกแบบเว็บไซต์ที่สมบูรณ์ 18 รายการ รายการทั้งหมดเป็นแบบสำเร็จรูป เลย์เอาต์ได้รับการติดป้ายกำกับ ทดสอบ และปรับให้เหมาะสมสำหรับขนาดหน้าจอต่างๆ

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

เมนู Divi Den Pro DM

คุณจะพบรายการเมนูใหม่ในแดชบอร์ด WordPress ของคุณที่เรียกว่า Divi Den Pro DM เมนูมีลิงก์มากมาย ซึ่งคุณจะพบเป็นแท็บภายในเมนูด้วย

เมนู Divi Den Pro DM

เครื่องมือค้นหาเค้าโครง

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

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

เมนู Divi Den Pro DM

การเลือกตัวกรองจะเปิดขึ้นเพื่อแสดงตัวเลือก ฉันเปิดคอลเล็กชันซึ่งแสดงชื่อเลย์เอาต์จาก Divi Den การเลือกหนึ่งรายการจะแสดงเค้าโครงภายในคอลเลกชันนั้นในพื้นที่ทางด้านขวา

เมนู Divi Den Pro DM

ฉันคลิกเพื่อดูเค้าโครงและเปิดการสาธิตบนหน้า Divi Den ในแท็บอื่น หน้านี้แสดงเลย์เอาต์ ส่วนต่างๆ และอื่นๆ อีกมากมาย ฉันกำลังวางเมาส์เหนือรูปภาพตรงกลางด้านบนสุดเพื่อแสดงเอฟเฟกต์โฮเวอร์

เมนู Divi Den Pro DM

ล่าสุด

แท็บล่าสุดแสดงโพสต์ล่าสุดจากบล็อก Divi Den นี่เป็นวิธีที่ดีในการเรียนรู้ว่ามีอะไรใหม่ใน Layout Library

เมนู Divi Den Pro DM

บทช่วยสอน

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

เมนู Divi Den Pro DM

ตัวสร้างธีม

แท็บ Theme Builder แบ่งเค้าโครงออกเป็น Divi Theme Builder และ Plugin Theme Builder แสดงคอลเล็กชัน ประเภทเพจ และอื่นๆ ซึ่งจะเพิ่มไปยัง Divi Theme Builder คุณยังสามารถเปิด Theme Builder ได้จากที่นี่

เมนู Divi Den Pro DM

ตัวสร้างธีมปลั๊กอินมีลิงก์สำหรับเปิดตัวปรับแต่งธีม

เมนู Divi Den Pro DM

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

เมนู Divi Den Pro DM

ไฟล์ CSS ที่กำหนดเอง

แท็บไฟล์ CSS แบบกำหนดเองมี CSS แบบกำหนดเองจากเลย์เอาต์ Divi Den ที่คุณสามารถคัดลอกและแก้ไขได้ การคลิกหนึ่งครั้งจะเป็นการเปิด CSS ในอีกแท็บหนึ่ง วิดีโอแบบฝังแสดงวิธีใช้ CSS ที่กำหนดเอง

เมนู Divi Den Pro DM

ขั้นสูง

แท็บขั้นสูงประกอบด้วยแท็บป้ายขาวและแท็บตัวเลือกเพิ่มเติม White Label ให้คุณเปลี่ยนโฉมปลั๊กอินให้ตรงกับแบรนด์ของคุณ

เมนู Divi Den Pro DM

แท็บตัวเลือกเพิ่มเติมให้คุณย้ายแท็บ Divi Den Pro ภายในองค์ประกอบ Divi Builder สิ่งนี้เปิดใช้งานตามค่าเริ่มต้น

เมนู Divi Den Pro DM

Divi Den Pro Layout Library ใน Divi Builder

แท็บสำหรับ Divi Den Pro – Layout Library ถูกเพิ่มไปยังโมดอลโมดูล

Divi Den Pro Layout Library ใน Divi Builder

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

Divi Den Pro Layout Library ใน Divi Builder

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

อินเทอร์เฟซ Divi Den Pro – Layout Library ยังถูกเพิ่มที่ด้านล่างของหน้าจอ Divi Theme Builder มันทำงานเหมือนกับที่ทำในแดชบอร์ดของ WordPress

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

มันทำงานในลักษณะเดียวกันใน Theme Builder เช่นเดียวกับที่ทำในเพจและโพสต์

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

ตัวอย่างไลบรารีเค้าโครง Divi Den Pro

ตอนนี้เราได้เห็นวิธีใช้อินเทอร์เฟซ Divi Den Pro – Layout Library แล้ว มาดูตัวอย่างบางส่วนกัน เราจะดูที่แต่ละประเภท

เค้าโครง

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

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

ร้านค้า Landing Page V3 Ragnar

นี่คือส่วนบนสุดของ Shop Landing Page V3 Ragnar ประกอบด้วยส่วนฮีโร่พร้อม CTA อีเมล ส่วนร้านค้าแสดงสินค้าเด่นและรวมถึงภาพซ้อนทับแบบเคลื่อนไหวที่เลื่อนข้อความเป็นข้อความขนาดใหญ่เมื่อวางเมาส์เหนือ

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

นี่คือส่วนด้านล่างของ Shop Landing Page V3 Ragnar รูปภาพขนาดใหญ่พิเศษสร้าง CTA ของร้านค้าและมีปุ่มเคลื่อนไหว ส่วนบล็อกที่ไม่ซ้ำกันจะแสดงภาพเด่นด้านหลังข้อความที่ปรากฏด้านหนึ่ง

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

หน้าอาชีพ V1 ทีน่า

นี่คือส่วนบนสุดของ Careers Page V1 Tina ประกอบด้วยภาพหลักที่มีชื่อทับซ้อน บทนำพร้อมข้อความเสริม และข้อความสองคอลัมน์ ต่อไปนี้คือส่วนของตำแหน่งที่เปิดซึ่งแสดงเป็นการ์ด

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

นี่คือส่วนด้านล่างของ Careers Page V1 Tina ข้อความแจ้งพร้อมภาพเคลื่อนไหวแบบโฮเวอร์ให้ข้อมูลตามด้วย CTA เพื่อส่ง CV และส่วนของสิทธิพิเศษของบริษัท

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

หน้าบล็อกครั้งเก่า

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

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

นี่คือส่วนด้านล่างของหน้าบล็อก Old Times นอกจากนี้ยังใช้เส้นสีเหลืองในการแยกและมีส่วนบล็อกสามคอลัมน์สองส่วน ฟอร์มอีเมลขนาดใหญ่ และส่วนท้าย

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

เค้าโครงหน้าเมนู Jamie

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

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

เค้าโครงหน้าเมนู Jamie

นี่คือครึ่งล่างของเค้าโครงหน้าเมนู Jamie มันยังคงแสดงเมนูอาหารและรวมถึงข้อมูลการติดต่อด้วยแผนที่แบบเต็มความกว้าง

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

เค้าโครงหน้าแรกของ Showreel

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

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

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

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

Visual Progress Bar Page เฟรดดี้

อันนี้คือ Visual Progress Bar Page Freddie มีเลย์เอาต์ที่สวยงาม แต่องค์ประกอบหลักที่ฉันต้องการแสดงคือแถบความคืบหน้า นี่คือส่วนหลักของเค้าโครง เมนูอยู่ที่ด้านล่างของหน้าจอ เมื่อคุณเลื่อน เมนูจะติดกับด้านบนของหน้าจอและแสดงความคืบหน้าผ่านเค้าโครง

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

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

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

ส่วน

หากคุณมี Divi Den Pro – ส่วน Layout Library ที่บันทึกไว้ใน Divi Library ของคุณ แท็บ Divi Den Pro DM จะถูกเพิ่มไปยังโมดอล Section ของคุณ

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

Greatest Hits Music Module เฟรดดี้

Greatest Hits Music Module Freddie นำเสนอส่วนเครื่องเล่นเสียงที่มีสไตล์พร้อมพื้นหลังสีดำและเอฟเฟ็กต์โฮเวอร์สีเหลือง

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

การสาธิตแกลเลอรีจัดแต่งทรงผม

การสาธิตแกลเลอรีสไตล์มีแกลเลอรีรูปภาพที่น่าสนใจพร้อมรูปทรงเส้นขอบที่แตกต่างกันและบล็อกสีเพื่อแยกรูปภาพ

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

Lintang กระบวนการเกรซ

การสาธิตแกลเลอรีจัดแต่งทรงผมมีรายการขั้นตอนต่างๆ พวกมันวางในแนวนอนและมีรูปภาพหรือสีที่มีรูปร่างและเอฟเฟ็กต์โฮเวอร์

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

ผลิตภัณฑ์สายฟ้า Freddie

Thunderbolt Product Freddie เป็นส่วนผลิตภัณฑ์ที่แสดงแถบเลื่อนผลิตภัณฑ์ที่ด้านหนึ่งและข้อมูลสไตล์ที่อีกด้านหนึ่ง

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

Alula Timeline เกรซ

Alula Timeline Grace สร้างไทม์ไลน์แนวตั้งทางเลือกที่มีรูปภาพด้านหนึ่งและข้อมูลอีกด้านหนึ่ง

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

โมดูล

ตัวเลือกโมดูลในแดชบอร์ดแสดงปุ่มต่างๆ นี่คือบางส่วนที่ฉันดาวน์โหลด

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

ฉันได้เพิ่มปุ่มทั้งหมดที่ฉันดาวน์โหลดไว้ในหน้าเดียว แต่ละปุ่มมีแอนิเมชั่นโฮเวอร์ที่น่าสนใจ

Divi Den Pro Layout Library ในตัวสร้างธีม Divi

สถานที่ซื้อ Divi Den Pro Layout Library

Divi Den Pro – Layout Library มีอยู่ใน Divi Marketplace ในราคา $189 รวมถึงการใช้งานเว็บไซต์ไม่จำกัด การสนับสนุนและการอัปเดตหนึ่งปี และการรับประกันคืนเงินภายใน 30 วัน

สถานที่ซื้อ Divi Den Pro Layout Library

สิ้นสุดความคิดเกี่ยวกับ Divi Den Pro Layout Library

นั่นคือรูปลักษณ์ของเราที่ Divi Den Pro – ไลบรารีเลย์เอาต์ มีเค้าโครงมากมายในห้องสมุดนี้ ส่วนต่อประสานกับผู้ใช้นั้นเรียบง่าย ค้นหา จัดเรียง นำเข้า และดาวน์โหลดเลย์เอาต์นั้นใช้งานง่าย ฉันพบว่าลิงก์ในส่วนและโมดูลถูกจำกัดมากกว่าแดชบอร์ด เมื่อเลย์เอาต์อยู่ในไลบรารี จะพร้อมใช้งานโดยเลือกตัวเลือกเพิ่มจากไลบรารี หากคุณสนใจที่จะเพิ่มเลย์เอาต์ที่ออกแบบอย่างมืออาชีพหลายพันแบบให้กับ Divi Library ของคุณ Divi Den Pro – Layout Library นั้นคุ้มค่าที่จะลองดู

เราต้องการได้ยินจากคุณ คุณเคยลอง Divi Den Pro – ไลบรารีเลย์เอาต์แล้วหรือยัง แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น