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

เผยแพร่แล้ว: 2020-07-06

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

การติดตั้งเครื่อง Divi

การติดตั้งเครื่อง Divi

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

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

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

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

การสร้าง Divi Machine Post Type

การสร้าง Divi Machine Post Type

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

การสร้าง Divi Machine Post Type

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

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

การสร้าง Divi Machine Post Type

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

การสร้าง Divi Machine Post Type

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

การสร้างกลุ่มฟิลด์ใน ACF

การสร้างกลุ่มฟิลด์ใน ACF

เมื่อคุณสร้างประเภทโพสต์ใน Divi Machine แล้ว ให้สร้างกลุ่มฟิลด์สำหรับประเภทโพสต์ด้วยฟิลด์กำหนดเองขั้นสูง ในแดชบอร์ด WordPress ไปที่ Custom Fields แล้วคลิก Add New

การสร้างกลุ่มฟิลด์ใน ACF

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

การสร้างกลุ่มฟิลด์ใน ACF

สร้างแต่ละฟิลด์ด้วยแอตทริบิวต์ของพวกเขา

การสร้างกลุ่มฟิลด์ใน ACF

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

การสร้างกลุ่มฟิลด์ใน ACF

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

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

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

Divi Machine เพิ่มโมดูลใหม่ 15 โมดูลให้กับ Divi Builder โมดูลรวมถึง:

  1. รายการ ACF
  2. ห่วงเก็บถาวร
  3. วงหมวดหมู่
  4. กรองโพสต์
  5. แกลลอรี่
  6. สั่งโดย
  7. โพสต์ภาพหมุน
  8. โพสต์เนื้อหา
  9. โพสต์ Meta
  10. ตัวเลื่อนโพสต์
  11. ชื่อกระทู้
  12. ทบทวน
  13. ค้นหากระทู้
  14. รูปขนาดย่อ
  15. ปุ่มดูกระทู้

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

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

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

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

ฟรี Divi Machine Layout Packs

ฟรี Divi Machine Layout Packs

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

ฟรี Divi Machine Layout Packs

เลย์เอาต์ Divi สำหรับประเภทโพสต์บ้านเน้นที่ตัวแทนอสังหาริมทรัพย์ ซึ่งรวมถึงไม่พบโพสต์ หน้าคุณสมบัติเดียว และเค้าโครงลูป

ฟรี Divi Machine Layout Packs

เลย์เอาต์ตัวสร้างธีมสำหรับประเภทโพสต์ของบ้านประกอบด้วยบ้านทั้งหมด หน้าหมวดหมู่บ้านทั้งหมด และหน้าคลังบ้าน

ฟรี Divi Machine Layout Packs

เมื่อคุณอัปโหลดเลย์เอาต์ไปยัง Theme Builder เลย์เอาต์จะถูกกำหนดให้คุณโดยอัตโนมัติ

บ้านทั้งหมด

บ้านทั้งหมด

เลย์เอาต์ All Houses ออกแบบมาสำหรับตัวสร้างธีม มันใช้ประโยชน์จากการนำเสนอ ข้อความ ตัวแบ่ง แบบฟอร์มการติดต่อ และโมดูล Divi Machine จำนวนมาก

บ้านทุกประเภทและหน้าเอกสารเก่า

บ้านทุกประเภทและหน้าเอกสารเก่า

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

เค้าโครงวนตัวแทนอสังหาริมทรัพย์

เค้าโครงวนตัวแทนอสังหาริมทรัพย์

นี่คือเลย์เอาต์ Estate Loop ประกอบด้วยโมดูลสำหรับชื่อโพสต์ รายการ AFC ภาพขนาดย่อ เมตาของโพสต์ ฯลฯ

คุณสมบัติเดียว

คุณสมบัติเดียว

เค้าโครงคุณสมบัติเดียวแสดงภาพขนาดย่อ ชื่อโพสต์ และรายการ ACF

หน้าโพสต์เดียว

หน้าโพสต์เดียว

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

คุณสมบัติ Divi Machine AJAX

Divi Machine มีคุณสมบัติ AJAX หลายอย่างที่อนุญาตให้ผู้ใช้อัปเดตข้อมูลในหน้าโดยไม่ต้องโหลดหน้าซ้ำ ซึ่งเหมาะสำหรับการค้นหาและตัวกรอง

กรองโพสต์

กรองโพสต์

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

กรองโพสต์

แต่ละองค์ประกอบสำหรับตัวกรองจะถูกเพิ่มเป็นองค์ประกอบย่อย

โหลดปุ่มเพิ่มเติม

โหลดปุ่มเพิ่มเติม

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

สั่งโดย

สั่งโดย

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

แกลลอรี่

แกลลอรี่

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

เอกสาร

เอกสาร

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

ราคา

Divi Machine สามารถใช้ได้จาก Divi Engine มีตัวเลือกการซื้อหลายแบบ:

ประจำปี

  • 1 ไซต์ £18
  • 2 – 5 ไซต์ £42
  • ไม่จำกัด £85

อายุการใช้งาน

  • 1 ไซต์ £63
  • ไม่จำกัด £260

ซึ่งรวมถึงการสนับสนุนและการอัปเดตหนึ่งปีตราบเท่าที่ใบอนุญาตยังใช้งานอยู่

จบความคิด

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

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

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