ไฮไลท์ปลั๊กอิน Divi: เครื่องมือ Divi Dream

Divi Dream Tools เป็นปลั๊กอินของบุคคลที่สามสำหรับ Divi ที่เพิ่มการปรับแต่งและโมดูลใหม่ๆ มากมายให้กับ Divi ประกอบด้วยโมดูลเกือบ 30 โมดูล 5 ประเภทโพสต์ที่กำหนดเองและ 5 วิดเจ็ต นอกจากนี้ยังมีตัวเลือกการออกแบบที่กำหนดเองมากมาย เช่น ตัวโหลดล่วงหน้า, CTA ในเมนู, เมนูแฮมเบอร์เกอร์, ปุ่มกลับไปด้านบน, ส่วนหัว, ส่วนท้าย, หน้าจอเข้าสู่ระบบแบบกำหนดเอง และอื่นๆ

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

การตั้งค่าเครื่องมือ Divi Dream

ติดตั้งและเปิดใช้งานปลั๊กอินตามปกติ เพิ่มหน้าจอการตั้งค่าใหม่ใน WordPress หน้าจอการตั้งค่า (พบได้ในเมนูแดชบอร์ดที่ Divi > การตั้งค่าเครื่องมือ Divi Dream) ประกอบด้วยแท็บและการตั้งค่าหลายรายการภายในแต่ละแท็บ มาดูแต่ละแท็บกัน

ทั่วไป

การตั้งค่าทั่วไปครอบคลุมสไตล์ส่วนหัวส่วนกลาง หน้าเข้าสู่ระบบของผู้ดูแลระบบที่กำหนดเอง เพิ่มปุ่ม CTA บนเมนู อนุญาตให้อัปโหลด SVG และเปิดใช้งานโหมดการบำรุงรักษา

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

ตัวโหลดล่วงหน้า

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

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

เมนูแฮมเบอร์เกอร์

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

กลับไปด้านบน

เลือกรูปแบบปุ่ม Back to Top จากหลายตัวเลือก คุณสามารถปรับสีของพื้นหลังและไอคอนได้อย่างอิสระ

โมดูล

การตั้งค่าโมดูลช่วยให้คุณปิดใช้งานโมดูล 13 โมดูลได้อย่างอิสระ พวกเขาจะเปิดใช้งานโดยค่าเริ่มต้น

เครื่องมือปรับแต่งธีม Divi Dream Tools

การปรับแต่งหลายอย่างถูกเพิ่มเข้าไปในตัวปรับแต่งธีม คุณสามารถปรับแต่งข้อความ H1-H6 และปุ่ม CTA ได้ ปุ่มประกอบด้วยขนาด ภาพเคลื่อนไหวแบบโฮเวอร์ ฯลฯ ในตัวอย่างนี้ ฉันกำลังปรับแต่งปุ่ม CTA ในเมนู ตัวอย่างนี้ยังแสดงปุ่มกลับไปด้านบนที่ปรับแต่งเอง

Divi Dream Tools ประเภทโพสต์ที่กำหนดเอง

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

สมาชิกทีม Divi Dream Tools

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

คำรับรองเครื่องมือ Divi Dream

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

คุณสามารถดูคำรับรองทั้งหมดในเมนู

กิจกรรม Divi Dream Tools

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

คุณสมบัติ Divi Dream Tools

คุณสมบัติรวมถึงตัวแก้ไขและอนุญาตให้คุณเพิ่มสถานะ ประเภท ประเภท คุณสมบัติ รูปภาพ และข้อมูลคุณสมบัติรวมถึงตัวแทน

นี่คือรายการคุณสมบัติที่ฉันสร้างในเมนู

ตัวแทนเครื่องมือ Divi Dream

ตัวแทนรวมถึงผู้แก้ไข รูปภาพ และข้อมูล รวมถึงข้อมูลติดต่อและปุ่มติดตามทางสังคม

วิดเจ็ตเครื่องมือ Divi Dream

Divi Dream Tools มาพร้อมกับวิดเจ็ตห้าแบบ:

1. โพสต์
2. ตัวเลื่อนคุณสมบัติ
3. วิดเจ็ตทรัพย์สิน
4. คำรับรอง Slider
5. เหตุการณ์ที่จะเกิดขึ้น

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

นี่คือแถบด้านข้างที่แสดงวิดเจ็ตทั้งหมด

โมดูลเครื่องมือ Divi Dream

Divi Dream Tools มีโมดูลเพียง 30 โมดูล นี่คือตัวอย่างบางส่วนของพวกเขา ฉันสุ่มเลือกมาสองสามอย่าง

โพสต์ Slider View

โมดูล Post Slider View มีสไตล์เลย์เอาต์หลายแบบ คุณสามารถเลือกประเภทโพสต์ที่กำหนดเอง กำหนดหมายเลขที่แสดง ลำดับการแสดง ขนาดภาพ และปรับแต่งการตั้งค่าการแสดงผล สีของสไลด์และไอคอน ฯลฯ นี่เป็นการตั้งค่าเริ่มต้นสำหรับ Slider 1

มุมมองรายชื่อตัวแทน

นี่คือ Agent List View ที่ใช้สไตล์ 1 โดยประกอบด้วยสไตล์สองสามแบบพร้อมการปรับแต่ง สีไอคอน สีของการแบ่งหน้า และอื่นๆ นี่คือการตั้งค่าเริ่มต้น

Posts Masonry

โมดูล Posts Masonry View แสดงรูปแบบต่างๆ นี่คือสไตล์ 1 ซึ่งแสดงการออกแบบหลายเลย์เอาต์ ประกอบด้วยประเภทโพสต์ที่กำหนดเอง การแบ่งหน้า ผู้เขียนที่แสดงและวันที่ และการตั้งค่าสีการแบ่งหน้า นี่คือการตั้งค่าเริ่มต้น

รายการเหตุการณ์ดู

โมดูลมุมมองรายการเหตุการณ์มีรูปแบบเลย์เอาต์หลายแบบและมีตัวเลือกขนาดรูปภาพ รูปภาพ ป๊อปอัปพร้อมการจัดสไตล์ และการแบ่งหน้า ฉันได้เพิ่มลงในรูปแบบ E-Book แล้ว นี่คือเลย์เอาต์ 3 ฉันได้ปรับแต่งให้เข้ากับสไตล์ของเลย์เอาต์

ข้อความรับรอง มุมมองกริด

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

เอียงภาพ

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

พลิกกล่อง

Flip Box สร้างกล่องที่มีข้อความอยู่ทั้งสองด้านของกล่อง เมื่อคุณวางเมาส์เหนือกล่องนั้น กล่องจะพลิกไปรอบๆ เพื่อแสดงด้านหลัง คุณสามารถกำหนดสี ไอคอน ข้อความ และรูปภาพของด้านหน้าและด้านหลังแยกกันได้ คุณยังสามารถเพิ่มลิงค์ ในภาพด้านบน ฉันพลิกกล่องพลิกที่สองแล้วเลื่อนเมาส์ไปที่ช่องที่สาม เหมาะอย่างยิ่งสำหรับการสร้างการนำเสนอ, CTA, ข้อมูล ฯลฯ

มุมมองตารางคุณสมบัติ

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

นอกจากนี้ยังแสดงป๊อปอัปซึ่งแสดงภาพขนาดเต็ม ป๊อปอัปมีสไตล์แยกต่างหาก นี่คือป๊อปอัปสำหรับสไตล์ 3

มุมมองกริดทรัพย์สิน

โมดูล Property Grid View มี 3 สไตล์ให้เลือก นี่คือรูปแบบ 1 แสดง 2 คอลัมน์ คุณสามารถตั้งค่าให้แสดงป๊อปอัป การแบ่งหน้า และความสูงเท่ากันได้

นี่คือสไตล์ 3 ฉันตั้งค่าให้แสดง 3 คอลัมน์

Woo Slider

Woo Slider แสดงผลิตภัณฑ์ WooCommerce และเพิ่มคุณสมบัติใหม่มากมาย มันมีสามสไตล์ แต่ละสไตล์จะแสดงภาพซ้อนทับต่างกันและตอบสนองต่อการวางเมาส์ที่ต่างกัน นี่คือรูปแบบ 1 ซึ่งเอียงภาพผลิตภัณฑ์และแสดงปุ่มซื้อเมื่อวางเมาส์เหนือ คุณสามารถกำหนดจำนวนคอลัมน์ ขนาดรูปภาพ แสดงป๊อปอัปเมื่อคลิก และอื่นๆ

ป๊อปอัปแสดงข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์ นี่คือป๊อปอัปของสไตล์ 3 มันเปลี่ยนสีปุ่มเมื่อโฮเวอร์ ประกอบด้วยปุ่มปิด

ราคาเครื่องมือ Divi Dream

มีสองตัวเลือกใบอนุญาตสำหรับ Divi Dream Tools:

• เว็บไซต์เดียว – $99
• เว็บไซต์ไม่จำกัด – $199

ทั้งสองเป็นค่าธรรมเนียมแบบครั้งเดียวและรวมการสนับสนุนตลอดชีพและการอัปเดต

คุณสามารถซื้อ Divi Dream Tools ได้จากเว็บไซต์ของผู้จัดพิมพ์

จบความคิด

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

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

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

ภาพเด่นผ่าน johave / shutterstock.com