ACF vs Divi Design Variables: เมื่อใดควรใช้อะไร

เผยแพร่แล้ว: 2025-06-08

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

โพสต์นี้อธิบายความแตกต่างและเมื่อคุณควรใช้สิ่งที่ ไปกันเถอะ!

Divi 5 พร้อมที่จะใช้สำหรับการสร้างเว็บไซต์ใหม่

สารบัญ
  • 1 ตัวแปรการออกแบบ Divi คืออะไร?
  • 2 สร้างเว็บไซต์ที่ชาญฉลาดและง่ายต่อการอัปเดต
    • 2.1 สิ่งที่ ACF นำมาสู่ตาราง
    • 2.2 ความยืดหยุ่นของตัวแปรการออกแบบของ Divi
    • 2.3 วิธีเปรียบเทียบ
  • 3 ตัวแปร ACF และ Divi สามารถทำงานร่วมกันได้หรือไม่?
    • 3.1 ใช้กรณี #1 - เว็บไซต์ธุรกิจในท้องถิ่นที่มีการเปลี่ยนแปลงตามฤดูกาล
    • 3.2 ใช้เคส #2 - เว็บไซต์พอร์ตโฟลิโอการถ่ายภาพ
    • 3.3 การเลือกที่ถูกต้องสำหรับโครงการของคุณ
  • 4 เริ่มสร้างอย่างชาญฉลาด

ตัวแปรการออกแบบ Divi คืออะไร?

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

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

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

การสร้างเว็บไซต์ที่ชาญฉลาดและง่ายต่อการอัปเดต

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

สิ่งที่ ACF นำมาสู่โต๊ะ

Advanced Custom Fields (ACF) ช่วยให้คุณเพิ่มฟิลด์ข้อมูลเพิ่มเติมในหน้าและโพสต์ของคุณในเวอร์ชันหลัก คุณได้รับมากกว่าแค่ชื่อพื้นฐานและกล่องเนื้อหา ACF ให้ฟิลด์พิเศษสำหรับรูปภาพ, บล็อกข้อความ, ไฟล์, เมนูดรอปดาวน์และอีกมากมาย

ภาพหน้าจอของโฮมเพจของ ACF

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

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

ภาพหน้าจอของประเภทโพสต์ที่กำหนดเองและฟิลด์ที่สร้างขึ้นด้วย ACF

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

หน้าตัวเลือก: แผงควบคุมทั่วทั้งไซต์ของคุณ

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

  • ข้อมูลติดต่อ
  • ลิงค์สำคัญ
  • เวลาทำการและสถานที่
  • รูปภาพและโลโก้เริ่มต้น

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

การบูรณาการลึกกับ Divi

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

นี่คือวิธีการทำงานของกระบวนการ:

  • ตั้งค่าฟิลด์ที่กำหนดเองด้วย ACF
  • เติมเนื้อหาเหล่านี้ด้วยเนื้อหาใน WordPress
  • ออกแบบเค้าโครงหน้าของคุณใน Divi
  • เชื่อมต่อเนื้อหา ACF ของคุณกับโมดูล Divi ของคุณ

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

แนวทางที่ยืดหยุ่น

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

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

ความยืดหยุ่นของตัวแปรการออกแบบของ Divi

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

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

ตัวแปรการออกแบบหกประเภท

Divi 5 มีตัวแปรหกประเภทที่แตกต่างกันเพื่อช่วยในด้านต่าง ๆ ของเว็บไซต์ของคุณ:

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

ตัวแปร Divi 5 ยังจัดการเนื้อหาที่ปรากฏทั่วทั้งเว็บไซต์ของคุณ:

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

ผลประโยชน์ในโลกแห่งความเป็นจริง

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

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

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

ตัวแปรตัวเลขใน Divi 5

พวกเขาเปรียบเทียบอย่างไร

เมื่อเปรียบเทียบฟิลด์ ACF มาตรฐานและตัวแปรการออกแบบของ Divi เรากำลังมองหาวิธีการที่แตกต่างกันสองวิธีในการทำให้เว็บไซต์สามารถจัดการได้มากขึ้น มาทำลายความแตกต่างหลักของพวกเขากันเถอะ:

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

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

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

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

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

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

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

ตัวแปร ACF และ Divi สามารถทำงานร่วมกันได้หรือไม่?

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

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

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

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

ใช้กรณี #1 - เว็บไซต์ธุรกิจในท้องถิ่นที่มีการเปลี่ยนแปลงตามฤดูกาล

เว็บไซต์เบเกอรี่ในท้องถิ่นต้องการเนื้อหาที่มีโครงสร้างและการอัปเดตการออกแบบตามฤดูกาล เรารวมฟิลด์ ACF มาตรฐานและตัวแปรการออกแบบ Divi เข้าด้วยกันในทางปฏิบัติสำหรับเว็บไซต์นี้

ฟิลด์ ACF มาตรฐานจัดการแคตตาล็อกผลิตภัณฑ์ของเบเกอรี่พร้อมประเภทโพสต์ที่กำหนดเองและฟิลด์สำหรับ:

  • รายการ
  • คำอธิบายรายการ
  • ส่วนผสมและข้อมูลสารก่อภูมิแพ้
  • ระดับราคา
  • สถานะความพร้อมใช้งาน

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

ในขณะเดียวกันตัวแปร Divi Design จัดการองค์ประกอบการออกแบบตามฤดูกาล:

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

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

ภาพพื้นหลังเปลี่ยนไปเพื่อแสดงการตกแต่งที่มีธีมตกโดยไม่จำเป็นต้องแก้ไขแต่ละหน้าโดยใช้ตัวแปรรูปภาพดังต่อไปนี้:

การตั้งค่านี้ช่วยให้เบเกอรี่ดีที่สุดทั้งสองโลก: ข้อมูลผลิตภัณฑ์ที่มีโครงสร้างผ่านฟิลด์ ACF มาตรฐานและการรีเฟรชตามฤดูกาลอย่างรวดเร็วผ่านตัวแปรการออกแบบของ Divi

ใช้กรณี #2 - เว็บไซต์พอร์ตโฟลิโอการถ่ายภาพ

เว็บไซต์ธุรกิจการถ่ายภาพจำเป็นต้องปรับสมดุลแกลเลอรี่ลูกค้าที่จัดระเบียบด้วยแบรนด์ภาพที่สอดคล้องกัน นี่คือวิธีที่ฟิลด์ ACF มาตรฐานและตัวแปรการออกแบบ Divi แก้ปัญหาความท้าทายนี้ ฟิลด์ ACF มาตรฐานจัดการด้านเนื้อหาที่มีโครงสร้าง:

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

ช่างภาพอัปเดตแต่ละแกลเลอรีไคลเอนต์ผ่านส่วนต่อประสานของ ACF โดยเพิ่ม:

  • วันที่โครงการและสถานที่ตั้ง
  • ข้อมูลพื้นฐาน
  • การเรียงลำดับภาพและการจัดหมวดหมู่

ในขณะเดียวกันตัวแปรการออกแบบ Divi จัดการความสอดคล้องของแบรนด์:

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

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

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

การเลือกที่เหมาะสมสำหรับโครงการของคุณ

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

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

ตัวแปรออกแบบ ACF ทั้งคู่
ดีที่สุดสำหรับ ความสอดคล้องของภาพการเปลี่ยนแปลงสไตล์ที่รวดเร็วการอัปเดตข้อมูลง่ายๆ เนื้อหาที่มีโครงสร้างเขตข้อมูลที่ซับซ้อนความสัมพันธ์ โครงการที่ต้องการการเปลี่ยนแปลงเนื้อหาและการออกแบบที่มีโครงสร้าง
การใช้ตัวอย่าง สี/โลโก้ทั่วทั้งไซต์และเนื้อหาการอัปเดตตามฤดูกาล/วัฏจักร ข้อมูลติดต่อทั่วทั้งไซต์การตั้งค่าทั่วโลกรายละเอียด บริษัท (ต้องใช้หน้าตัวเลือก) การแยกข้อกังวล (การออกแบบเทียบกับเนื้อหา) ไซต์ขนาดใหญ่
บรรณาธิการ อินเทอร์เฟซ Visual Builder อินเตอร์เฟสผู้ดูแลระบบ WordPress บรรณาธิการทั้งสองสามารถใช้ได้
ค่าใช้จ่าย รวมอยู่ใน Divi ปลั๊กอิน (อาจมีคุณสมบัติที่ชำระแล้ว) -

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

เริ่มสร้างอย่างชาญฉลาด

บรรทัดล่างคือตัวแปรการออกแบบของ Divi 5 และฟิลด์ ACF มาตรฐานแต่ละฟิลด์แก้ปัญหาที่แตกต่างกันในขณะที่มีการทับซ้อนกัน (โดยเฉพาะกับหน้าตัวเลือก) ต้องการการอัปเดตการออกแบบอย่างรวดเร็วในเว็บไซต์ของคุณหรือไม่? ตัวแปรการออกแบบเปล่งประกาย ต้องการการจัดการเนื้อหาที่ทรงพลังด้วยตรรกะตามเงื่อนไขหรือไม่? ฟิลด์ ACF มาตรฐานส่งมอบ

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

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

ข้อควรจำ: Divi 5 ทำงานได้ดีที่สุดสำหรับเว็บไซต์ใหม่ เรายังไม่แนะนำให้ย้ายเว็บไซต์ที่มีอยู่ไปยัง Divi 5

ดาวน์โหลด Divi 5 เรียนรู้เพิ่มเติมเกี่ยวกับ Divi 5