ไฮไลท์ปลั๊กอิน Divi: Divi Plus

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

การตั้งค่า Divi Plus

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

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

รหัสย่อห้องสมุด Divi

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

DP Scheduler

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

DP Visibility Manager

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

พื้นหลังอนุภาค DP

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

ฉันได้เพิ่มจำนวนและขนาดของอนุภาคเพื่อให้โดดเด่นสำหรับพื้นหลังของส่วนของฉัน สามารถวางแถวและโมดูลไว้เหนือสิ่งนี้ได้

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

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

ข้อความรับรอง DP

นี่คือรายการตัวอย่างการโพสต์ข้อความรับรอง DP ของฉัน

สมาชิกทีม DP

นี่คือรายการตัวอย่างโพสต์สำหรับสมาชิกทีม DP

โมดูล Divi Plus

Divi Plus เพิ่มโมดูลมากกว่า 40 โมดูลใน Divi Builder เราจะดูโมดูลบางส่วนที่โดดเด่น

DP Ajax ค้นหา

Ajax Search แสดงผลการค้นหาในป๊อปอัปโดยไม่ต้องโหลดหน้าซ้ำ

นี่คือ Ajax Search ที่แสดงผลลัพธ์โดยอัตโนมัติขณะที่ฉันพิมพ์ ฉันได้กำหนดเงาของกล่องค้นหาด้านนอกและหน้าต่างผลลัพธ์เป็นเงาของกล่องด้านใน

DP เกล็ดขนมปัง

เบรดครัมบ์ให้คุณเลือกเลย์เอาต์ได้สองแบบ และสามารถเปิดลิงก์ในแท็บใหม่ได้

เวลาทำการของ DP

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

ปุ่ม DP

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

DP เนื้อหาสลับ

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

นี่คือการสลับที่แสดงเนื้อหาที่สอง เนื้อหาพอดีกับคอลัมน์ที่คุณวางโมดูลไว้

DP FAQPage Schema

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

DP แบบฟอร์ม Styler

Form Styler ให้คุณเลือกแบบฟอร์มจาก Contact Form 7 หรือ Caldera Forms แล้วจัดรูปแบบด้วยตัวเลือกการจัดสไตล์ Divi จำนวนของตัวเลือกสำหรับการจัดสไตล์องค์ประกอบแต่ละส่วนของแบบฟอร์มนั้นน่าประทับใจ ในตัวอย่างนี้ ฉันได้ตั้งค่าการจัดตำแหน่งให้อยู่ตรงกลาง ปรับน้ำหนักแบบอักษรสำหรับป้ายกำกับ ปัดเศษมุมสำหรับเขตข้อมูลและปุ่ม และเพิ่มเงาของกล่องให้กับเขตข้อมูล ฉันยังปรับแต่งปุ่มด้วยภาพพื้นหลังและโอเวอร์เลย์ เพิ่มขนาดฟอนต์ และเปลี่ยนสีฟอนต์

DP Hotspot

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

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

DP How To Schema

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

DP Modal

DP Modal สร้างป๊อปอัปที่คุณสามารถควบคุมได้ด้วยทริกเกอร์ ทริกเกอร์อาจเป็นการคลิกองค์ประกอบ ในการโหลดหน้าเว็บ หรือความตั้งใจในการออก อาจเป็นปุ่ม รูปภาพ ไอคอน ข้อความ CSS ID หรือ CSS Class สร้างส่วนหัว เนื้อหา และส่วนท้ายภายในโมดูล

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

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

DP แว่นขยายภาพ

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

DP Team Slider

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

DP Testimonial Grid

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

DP Timeline

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

นี่คือต้นไม้วันที่ ฉันได้เพิ่มรูปภาพและตั้งค่าเลย์เอาต์เพื่อแสดงเนื้อหาทางด้านขวาของต้นไม้

ซื้อ Divi Plus

Divi Plus สามารถซื้อได้ใน Divi Marketplace มีการใช้งานเว็บไซต์ไม่ จำกัด และการสนับสนุนและอัปเดตหนึ่งปี นอกจากนี้ยังมีเลย์เอาต์เต็มหน้า 20 แบบและส่วนที่มีสไตล์ 200 แบบ ราคาปกติคือ 79 เหรียญ

จบความคิด

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

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

รูปภาพเด่นผ่าน Sky vectors / shutterstock.com