ไฮไลท์ปลั๊กอิน Divi: ชุดรบสำหรับ Divi

Battle Suit for Divi เป็นปลั๊กอินของบุคคลที่สามที่มีคอลเลกชัน Divi Builder Modules, Divi Extensions, Tweaks, WordPress Widgets และอื่นๆ ที่เพิ่มคุณสมบัติใหม่ให้กับ Divi เป็นระบบโมดูลาร์ที่สามารถขยายได้สูง ปลั๊กอินนั้นฟรีและสามารถขยายได้ด้วยโปรแกรมเสริมฟรีและพรีเมียมมากมาย

ในไฮไลต์ปลั๊กอิน Divi นี้ เราจะมาดูที่ Battle Suit for Divi และดูว่ามีอะไรรวมอยู่บ้าง เนื่องจากคุณสามารถรับปลั๊กอินได้ฟรีในคลัง WordPress ฉันจะแสดงตัวอย่างส่วนเสริมพรีเมียมเป็นส่วนใหญ่

ชุดรบสำหรับ Divi

ติดตั้งและเปิดใช้งาน Battle Suit สำหรับ Divi เพิ่มรายการเมนูใหม่ที่เรียกว่า Divi Sensei Suit ลงในเมนูแดชบอร์ด

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

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

อัปโหลดและเปิดใช้งานแต่ละปลั๊กอินตามปกติ

เพิ่มรหัสใบอนุญาตของคุณและเปิดใช้งานใบอนุญาตเพื่อใช้ส่วนเสริม

ชุดรบสำหรับโมดูล Divi

มีการเพิ่มโมดูลใหม่จำนวนมากใน Divi Builder โมดูลประกอบด้วยแท็บและคุณลักษณะเนื้อหา การออกแบบ และขั้นสูงที่คาดไว้ ภาพนี้แสดงโมดูลที่มาพร้อมกับ Battle Suit สำหรับ Divi เวอร์ชันฟรี โมดูลฟรีประกอบด้วย:

โพสต์อื่น – แสดงเนื้อหาจากโพสต์อื่นของโพสต์ประเภทใดก็ได้

Bucket – โมดูลที่คล้ายกับการประกาศ รวมถึงเอฟเฟกต์โฮเวอร์ เหมาะอย่างยิ่งสำหรับการสร้างรายการฝากข้อมูลหรือแสดงผลิตภัณฑ์

ส่วนท้าย – แสดงส่วนท้าย Divi ที่ใดก็ได้ในเค้าโครง เหมาะอย่างยิ่งสำหรับการแสดงส่วนท้ายในเทมเพลตหน้าว่างหรือด้วยชุดเครื่องมือ

เลย์เอาต์ไลบรารี - ให้คุณแทรกเลย์เอาต์จากไลบรารี Divi ของคุณ

Masonry Gallery – แกลเลอรี่ใหม่ที่แสดงรูปภาพในขนาดต่างๆ ของเลย์เอาต์การก่ออิฐ

ปุ่มโพสต์ – นี่คือปุ่มที่เชื่อมโยงไปยังโพสต์

โพสต์ข้อความที่ตัดตอนมา – ให้คุณปรับแต่งและแสดงข้อความที่ตัดตอนมาของโพสต์

โพสต์รูปภาพเด่น – แสดงรูปภาพเด่นพร้อมการตั้งค่าของโมดูลรูปภาพ

โพสต์ Meta – แสดงเมตาโพสต์ที่ปรับแต่งได้

ชื่อโพสต์ – แสดงชื่อโพสต์ด้วยโมดูลที่ปรับแต่งได้

Transformable Image – แสดงภาพ 3 มิติพร้อมเอฟเฟกต์โฮเวอร์

ไลท์บ็อกซ์วิดีโอ – แสดงวิดีโอในไลท์บ็อกซ์ที่ปรับแต่งได้

ส่วนเสริมระดับพรีเมียมเพิ่มโมดูลให้กับ Divi Builder มากยิ่งขึ้น รูปภาพที่นี่มีส่วนเสริมพรีเมียมที่ฉันใช้อยู่ มีอีกหลายรายการจากเว็บไซต์ของผู้พัฒนา โมดูลรวมถึง:

Countdown Timer – ตัวนับเวลาถอยหลังที่ปรับแต่งได้ซึ่งสามารถดำเนินการเหตุการณ์เมื่อการนับถอยหลังเสร็จสิ้น

วัสดุ Blurb - ประกาศพร้อมปุ่มหลายปุ่มและตัวเลือกระดับความสูง

โพสต์เนื้อหา – แสดง URL เฉพาะ การคลิกจะเปิดลิงก์

ปุ่มชุดเครื่องมือ – เพิ่มปุ่มสำหรับฟิลด์ชุดเครื่องมือเฉพาะและลิงก์ไปยัง URL เฉพาะ

ตัวนับชุดเครื่องมือ – นี่คือตัวนับสำหรับเนื้อหาชุดเครื่องมือ

Toolset Gallery – แสดงแกลเลอรีสำหรับฟิลด์ชุดเครื่องมือเฉพาะ

ภาพชุดเครื่องมือ – แสดงภาพชุดเครื่องมือ

ตารางชุดเครื่องมือ – แสดงตารางชุดเครื่องมือพร้อมตัวเลือกเค้าโครงและตัวคั่น รวมถึงการปรับแต่งรายการแต่ละรายการ

ชุดเครื่องมือ Textfield – แสดงช่องข้อความชุดเครื่องมือ

มุมมองชุดเครื่องมือ – แสดงมุมมองฐานข้อมูลที่สร้างด้วยชุดเครื่องมือ

ชุดรบสำหรับตัวอย่างการออกแบบวัสดุ Divi

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

นี่คือผลลัพธ์ของการประกาศเนื้อหาทั้งสามแบบ ฉันได้ตั้งค่าระดับความสูงฐานเป็น 5 และระดับความสูงของโฮเวอร์เป็น 1 ฉันวางเมาส์เหนือข้อความแจ้งทางด้านขวาเพื่อแสดงผลเงาของโฮเวอร์ ฉันปล่อยปุ่มไว้ที่รูปแบบเริ่มต้น แต่แน่นอนว่าสามารถจัดสไตล์ได้เหมือนกับปุ่มอื่นๆ ใน Divi

สำหรับอันนี้ ฉันได้ปรับเอฟเฟกต์โฮเวอร์อีกครั้ง ฉันตั้งค่าระดับความสูงฐานเป็น 1 และระดับความสูงโฮเวอร์เป็น 0 ฉันกำลังวางเมาส์เหนือข้อความแจ้งเนื้อหาทางด้านขวาสุด

ชุดรบสำหรับ Divi Final Countdown ตัวอย่าง

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

นี่คือรูปแบบบล็อกที่มีการตั้งค่าเริ่มต้น

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

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

ชุดรบสำหรับตัวอย่าง Divi Toolset

ส่วนเสริมของ Toolset เพิ่ม 7 โมดูลให้กับ Divi Builder ต้องใช้ Toolset เวอร์ชันพรีเมียม ฉันพบว่าส่วนเสริม Battle Suit สำหรับ Divi Toolset นั้นใช้งานง่ายพอสมควร แต่ Toolset เองก็เป็นอีกเรื่องหนึ่ง ไม่ใช่แพลตฟอร์มที่ใช้งานง่าย แต่อย่างใด และฉันไม่แนะนำสำหรับผู้เริ่มต้นใช้งาน WordPress

แม้ว่าคุณจะคุ้นเคยกับ WordPress และ Divi ฉันขอแนะนำให้ดูวิธีสร้าง Taxonomy Archive แบบกำหนดเองโดยใช้ Toolset และ Divi บน YouTube หากคุณไม่คุ้นเคยกับ Toolset โปรดทราบว่าเมนูแดชบอร์ดสำหรับ Toolset เปลี่ยนไปตั้งแต่มีการสร้างวิดีโอ ดังนั้นจึงอาจต้องใช้เวลาอีกสองสามขั้นตอนในการค้นหา นี่คือขั้นตอนที่ฉันทำ

มุมมองชุดเครื่องมือ

สร้างมุมมองในชุดเครื่องมือ อย่าลืมเลือกประเภทโพสต์ที่แสดงเพื่อให้สามารถใช้มุมมองได้

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

สร้างเค้าโครงเทมเพลตด้วย Divi Builder ขั้นแรก เปิดใช้งานโดยเลือกจากตัวเลือกในฟิลด์นี้ จากนั้นคลิกเพื่อแก้ไข

สร้างเทมเพลตโดยใช้โมดูล Sensei เผยแพร่เทมเพลตและบันทึกมุมมอง

ปล่อยให้ตัวแก้ไขผลลัพธ์ว่างไว้

เพิ่มโมดูล Sensei Toolset View ให้กับเพจหรือรูปแบบโพสต์ของคุณ เลือกมุมมองจากดรอปดาวน์ในแท็บเนื้อหาของโมดูล

ตรวจสอบให้แน่ใจว่าคุณไม่ได้ใช้รูปแบบชุดเครื่องมือสำหรับหน้า คุณต้องการให้ Battle Suit สำหรับ Divi ควบคุมเลย์เอาต์ ไม่ใช่ Toolset (อย่างน้อยก็ในกรณีนี้)

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

ตอนนี้ฉันได้เพิ่มโมดูลภายในเลย์เอาต์ผู้แต่งแล้ว ฉันใช้รูปแบบตัวอักษรจากเค้าโครง ฉันได้เพิ่มเงากล่องให้กับโมดูลด้วย

ชุดเครื่องมือเคาน์เตอร์

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

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

ชุดเครื่องมือสำหรับ Divi WordPress Widget

Battle Suit for Divi ยังเพิ่มวิดเจ็ตใหม่ให้กับ WordPress ชื่อ Blurb เพิ่มชื่อ รูปภาพ URL และคำอธิบายเพื่อสร้างการนำเสนอแบบคลิกได้สำหรับแถบด้านข้างของคุณ

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

ฉันได้เพิ่มแถบด้านข้างไปยังส่วนในเค้าโครงผู้เขียนแล้ว ผลลัพธ์ดูดีด้วยเลย์เอาต์ Divi

ชุดต่อสู้เพื่อ Divi Price

Battle Suite for Divi นั้นฟรีและมีอยู่ในคลัง WordPress ส่วนเสริมมีอยู่ในเมนูของปลั๊กอิน ราคาเสริมคือ:

• ชุดเครื่องมือสำหรับ Divi – $19
• การออกแบบวัสดุ – $9.99
• นับถอยหลังสุดท้าย – $9.99

ข้อมูลเพิ่มเติมสามารถดูได้ที่เว็บไซต์ของผู้พัฒนา

Battle Suit สำหรับเอกสาร Divi และการสนับสนุน

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

จบความคิด

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

ฉันไม่มีปัญหากับโมดูลและส่วนเสริมส่วนใหญ่ แต่ฉันต้องการดูตัวอย่างการใช้งานบนเว็บไซต์ของนักพัฒนาซอฟต์แวร์ ฉันต้องการดูตัวอย่างของส่วนเสริม Toolset เป็นพิเศษ นั่นเป็นส่วนเสริมเดียวที่ทำให้ฉันมีปัญหา

หากคุณสนใจที่จะเพิ่มโมดูลใหม่ๆ มากมายให้กับ Divi Builder เพื่อให้การออกแบบของคุณง่ายขึ้น เราขอแนะนำให้คุณดู Battle Suit for Divi

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

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