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