แนะนำตัวแปรการออกแบบสำหรับ Divi 5

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

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

การทำงานร่วมกันระหว่างตัวแปรและระบบการออกแบบที่ตั้งไว้ล่วงหน้าใหม่ของ Divi นั้นยอดเยี่ยมมาก ให้ฉันแสดงให้คุณเห็นว่ามันทำงานอย่างไร

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

Divi ไป“ ทั่วโลก” ด้วยการจัดการตัวแปร

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

การสร้างตัวแปรใหม่

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

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

การใช้ตัวแปรในองค์ประกอบและที่ตั้งไว้ล่วงหน้า

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

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

ตัวอย่างการออกแบบตัวแปร

ตัวแปรการออกแบบเป็นเครื่องมือและจะกลายเป็นองค์ประกอบหลักของเวิร์กโฟลว์ Divi Design อย่างรวดเร็ว แต่ถ้าแนวคิดไม่ได้คลิกให้ฉันยกตัวอย่างให้คุณ

ตัวอย่างที่หนึ่ง: จัดการแบบอักษรทั่วโลก

คุณจะใช้ตัวแปรการออกแบบเพื่อปรับปรุงเวิร์กโฟลว์ของคุณได้อย่างไร? ก่อนอื่นมาพิจารณาตัวแปรแบบอักษร

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

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

นั่นคือสิ่งที่ตัวแปรตัวอักษรเข้ามา

ฉันสร้างเว็บไซต์ในวิดีโอด้านบนโดยใช้ตัวแปรแบบอักษรสามตัว: ตัวอักษรชื่อเรื่องตัวอักษรตัวอักษรและตัวอักษรไฮไลต์

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

การเปลี่ยนฟอนต์ชื่อเว็บไซต์ของฉันนั้นง่ายพอ ๆ กับการอัปเดตตัวแปรตัวอักษรชื่อเรื่อง

ตัวอย่างที่สอง: จัดการขนาดทั่วโลก

คุณสามารถทำสิ่งเดียวกันกับขนาดข้อความ

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

เนื่องจากฉันใช้ขนาดข้อความทั้งหมดของเว็บไซต์ของฉันบนตัวแปรฉันสามารถจัดการขนาดข้อความของเว็บไซต์ทั้งหมดจากตัวแปรตัวแปร

ตัวอย่างที่สาม: โลกาภิวัตน์เว็บไซต์ทั้งหมดของคุณ

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

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

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

ลอง Divi 5 วันนี้

ตัวแปรการออกแบบสำหรับ Divi 5 มีให้บริการในปัจจุบันและเป็นหนึ่งในคุณสมบัติมากมายที่มาถึง Divi ในปีนี้

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

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

เราต้องการให้คุณลองและถ้าคุณรักมันให้ใช้มัน เมื่อทุกคนรักมันเราจะทำให้มันเป็นทางการ

แอบดู: แถวซ้อนกัน

เรากำลังสร้างคุณสมบัติ ที่รวดเร็ว ทุกครั้งที่เราจบคุณสมบัติใหม่เราจะเริ่มใหม่ เมื่อใดก็ตามที่เราเริ่มคุณสมบัติใหม่ฉันจะแอบดู

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

ดูวิดีโอนี้สำหรับรายละเอียดทั้งหมด

การอัปเดต Divi 5 เพิ่มเติมกำลังมา

2025 เป็นปีของ Divi 5 งานที่น่าเบื่ออยู่ข้างหลังเรา เราสร้างรากฐานที่รวดเร็วเป็นพิเศษและตอนนี้ถึงเวลาแล้วที่ Divi จะกลับมาอีกครั้ง

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

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