วิธีการแทนที่สไตล์คงที่ด้วยตัวแปรการออกแบบของ Divi 5

เผยแพร่แล้ว: 2025-07-21

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

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

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

สารบัญ
  • 1 “ สไตล์คงที่” คืออะไร?
  • 2 วิธีการที่ Divi 5 ทำให้การเปลี่ยนสไตล์คงที่เป็นเรื่องง่าย
    • 2.1 ตัวแปรการออกแบบช่วยให้คุณกำหนดสไตล์โลกของคุณได้
    • 2.2 ค้นหาและแทนที่ช่วยให้คุณเปลี่ยนจากรูปแบบคงที่เป็นระดับโลก
  • 3 วิธีการแทนที่สไตล์คงที่ด้วยตัวแปรที่บันทึกไว้
    • 3.1 1. บันทึกตัวแปรการออกแบบของคุณ
    • 3.2 2. ใช้ค้นหาและแทนที่เพื่อสลับสไตล์คงที่เป็นตัวแปร
    • 3.3 3. แปลงสไตล์ที่คุณต้องการเป็นค่าที่ตั้งไว้ล่วงหน้า (ไม่บังคับ)
  • 4 การอัปเดตรูปแบบหน้าของคุณง่ายกว่าที่เคย
  • 5 ทำให้การแก้ไขจำนวนมากง่ายด้วยการค้นหาและแทนที่

“ สไตล์คงที่” คืออะไร?

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

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

สไตล์คงที่ในเลย์เอาต์

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

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

Divi 5 ทำให้การเปลี่ยนสไตล์คงที่เป็นเรื่องง่ายอย่างไร

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

ตัวแปรการออกแบบช่วยให้คุณกำหนดสไตล์โลกของคุณได้

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

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

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

ตัวแปรตัวแปรใน Divi 5

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

ตัวแปรการออกแบบที่ประหยัด

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

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

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

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

เรียนรู้ทุกอย่างเกี่ยวกับตัวแปรการออกแบบ

ค้นหาและแทนที่ช่วยให้คุณเปลี่ยนจากรูปแบบคงที่เป็นระดับโลก

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

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

ค้นหาและแทนที่ไอคอน

สิ่งนี้จะเปิด การค้นหาใหม่และแทนที่ แผง ที่นี่คุณสามารถทำการเปลี่ยนแปลงที่ต้องการและนำไปใช้เป็นกลุ่ม

ค้นหาและแทนที่แผง

  • (1. ) องค์ประกอบแหล่งที่มา: การตั้งค่าที่คุณกำหนดเป้าหมาย (ตัวอย่างเช่นข้อความสีหรือระยะห่าง) เปิดดรอปดาวน์แล้วคุณจะสังเกตเห็นว่ามันเป็นลำดับชั้นของเลเยอร์
  • (2. ) ค้นหาค่า: ค่าที่แน่นอนที่คุณต้องการแทนที่เช่นตัวอักษรหรือรหัสสีที่เฉพาะเจาะจง
  • (3. ) แทนที่ค่า: ค่าใหม่หรือตัวแปรที่คุณต้องการใช้แทน
  • (4. ) ค้นหาและแทนที่ในสถานที่: เลือกที่จะใช้การเปลี่ยนแปลง โมดูลนี้ส่วนหรือทั้งหน้า
  • (5. ) ค้นหาและแทนที่ในประเภทองค์ประกอบ: ตัดสินใจว่าการเปลี่ยนแปลงควรใช้กับองค์ประกอบทั้งหมดหรือประเภทโมดูลเฉพาะเท่านั้น
  • (6. ) แทนที่ฟิลด์ที่เหมือนกันเท่านั้น: เมื่อเปิดใช้งานการเปลี่ยนจะเกิดขึ้นเฉพาะในกรณีที่ทั้งการตั้งค่าและค่าจับคู่ตรง

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

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

(คุณสามารถคลิกที่องค์ประกอบที่แตกต่างกันและตัวเลือกแผงจะปรับโดยอัตโนมัติ)

ใน ค่าค้นหา ให้ป้อนค่าที่จะถูกแทนที่ สำหรับตัวอย่างของเราคือ Medula One ตัวอักษรที่ใช้ปัจจุบัน ใน การแทนที่ค่า ให้เลือกค่าใหม่ที่คุณต้องการใช้ เลือก Aclonica กันเถอะ

ป้อนและแทนที่ค่าฟิลด์

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

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

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

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

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

เรียนรู้ทุกอย่างเกี่ยวกับการค้นหาและแทนที่

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

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

วิธีการแทนที่สไตล์คงที่ด้วยตัวแปรที่บันทึกไว้

ตอนนี้คุณรู้แล้วว่าเครื่องมือใดที่เราจะใช้แล้วก็ถึงเวลาที่จะได้เห็นพวกเขาในการดำเนินการ

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

Pie Shop Landing Page Divi Layout

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

1. บันทึกตัวแปรการออกแบบของคุณ

หลังจากวิเคราะห์เค้าโครงร้านค้าพายฉันได้ระบุค่าบางอย่างที่ปรากฏอย่างสม่ำเสมอทั่วทั้งหน้าและต้องการอัปเดตด้วยสไตล์ที่ฉันต้องการ เหล่านี้รวมถึง:

  • ความกว้างเส้นขอบแถว
  • ปุ่มพิมพ์
  • ข้อความหัวเรื่อง
  • ข้อความร่างกาย
  • สีของข้อความร่างกาย

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

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

บันทึกตัวแปร

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

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

2. ใช้ค้นหาและแทนที่เพื่อสลับสไตล์คงที่เป็นตัวแปร

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

ตอนนี้แต่ละปุ่มใช้ช่องเสียบที่ป้อนด้วยตนเอง: 6px สำหรับด้านบนและด้านล่างและ 1px สำหรับซ้ายและขวา เพื่อนำความสอดคล้องและทำให้การอัปเดตง่ายขึ้นฉันได้สร้างตัวแปรสองตัว:

  • button-t = 12px สำหรับช่องว่างภายในและล่าง
  • Button-l = 32px สำหรับช่องว่างด้านซ้ายและขวา

หากต้องการใช้สิ่งเหล่านี้ฉันจะเปิดการตั้งค่าของปุ่มใด ๆ ไปที่ การออกแบบ> ระยะห่าง> การขยายการลงทะเบียน คลิกขวาค่าการขยายและเลือก ค้นหาและแทนที่ จากตัวเลือก

ปุ่มรองปุ่มแทนที่ด้วยตัวอย่างตัวแปร

ในแผงค้นหาและแทนที่ฉันจะแทนที่ค่าคงที่ที่มีอยู่ด้วยตัวแปรที่บันทึกไว้จากตัวจัดการตัวแปร

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

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

3. แปลงสไตล์ที่คุณต้องการเป็นค่าที่ตั้งไว้ล่วงหน้า (ไม่บังคับ)

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

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

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

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

การอัปเดตรูปแบบหน้าของคุณง่ายกว่าที่เคย

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

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

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

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

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

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

ก่อนและหลัง

ทำให้การแก้ไขเป็นจำนวนมากง่ายด้วยการค้นหาและแทนที่

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

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

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

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