ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการขยายคุณลักษณะใน Divi 5
เผยแพร่แล้ว: 2025-06-17คุณสมบัติใหม่ล่าสุดของ Divi 5 ขยายแอตทริบิวต์อยู่ที่นี่และช่วยให้คุณเปลี่ยนแปลงการออกแบบหน้าเว็บของคุณได้อย่างมีนัยสำคัญด้วยการคลิกเพียงไม่กี่ครั้ง
มาสำรวจว่ามันคืออะไรวิธีการทำงานและทำไมจึงเป็นสิ่งที่ต้องมีสำหรับผู้ใช้ Divi 5 ไม่ว่าจะเป็นการสร้างบล็อกส่วนตัวหรือการจัดการเว็บไซต์ลูกค้าที่ซับซ้อนคุณลักษณะนี้สัญญาว่าจะปรับปรุงกระบวนการของคุณและยกระดับการออกแบบของคุณ
Divi 5 พร้อมที่จะใช้กับเว็บไซต์ใหม่ แต่เราไม่แนะนำให้แปลงเว็บไซต์ที่มีอยู่เป็น Divi 5
- 1 คุณลักษณะขยายใน Divi 5 คืออะไร?
- 2 วิธีขยายคุณลักษณะการทำงาน
- 2.1 การเรียนรู้อินเทอร์เฟซ
- 2.2 ขยายจากองค์ประกอบ
- 2.3 ขยายไปยังตำแหน่ง
- 2.4 ขยายไปยังประเภทองค์ประกอบ
- 2.5 ประเภทแอตทริบิวต์ที่จะขยาย
- 2.6 กลุ่มตัวเลือกที่จะขยาย
- 2.7 ฟิลด์ที่ปรับเปลี่ยนเพื่อขยาย
- 3 ประโยชน์หลักของคุณลักษณะขยายของ Divi 5
- 3.1 1. ประสิทธิภาพเวลา
- 3.2 2. การออกแบบความสอดคล้อง
- 3.3 3. ความยืดหยุ่นและการควบคุม
- 3.4 4. ใช้งานง่ายสำหรับทุกระดับทักษะ
- 3.5 5. ความคิดสร้างสรรค์ที่เพิ่มขึ้น
- 4 กรณีการใช้งานจริงสำหรับการขยายคุณลักษณะ
- 5 ลองใช้คุณสมบัติ Extributes ของ Divi 5 ในวันนี้
คุณลักษณะขยายใน Divi 5 คืออะไร?
ขยายแอตทริบิวต์ใน Divi 5 ช่วยให้ผู้ใช้เผยแพร่องค์ประกอบการออกแบบเฉพาะเช่นสไตล์การตั้งค่าล่วงหน้าหรือเนื้อหาจากองค์ประกอบหนึ่งไปยังอื่น ๆ ในคอลัมน์แถวแถวส่วนหรือหน้าทั้งหมด ไม่ว่าจะเป็นแบบอักษรปรับแต่งสีหรือการซิงค์เนื้อหาในหลายโมดูลคุณลักษณะนี้จะช่วยประหยัดเวลาและทำให้มั่นใจได้ถึงความสอดคล้อง เป็นฟีเจอร์ Extend Styles ของ Divi 4 รุ่นที่ขยายและปรับปรุง
สมัครสมาชิกช่อง YouTube ของเรา
ขยายแอตทริบิวต์ช่วยให้ผู้ใช้คลิกขวาที่องค์ประกอบใด ๆ ในตัวสร้างภาพของ Divi และเลือกขยายแอตทริบิวต์จากเมนู คุณสามารถเลือกได้อย่างชัดเจนว่าแอตทริบิวต์ใดที่จะใช้เช่นการตั้งค่าตัวอักษรระยะห่างเส้นขอบเงาหรือเนื้อหาเช่นข้อความหรือรูปภาพ
จากนั้นคุณกำหนดขอบเขตของการเปลี่ยนแปลงไม่ว่าจะเป็นองค์ประกอบที่คล้ายกันทั้งหมดส่วนที่เฉพาะเจาะจงหรือแถวที่เลือก การควบคุมแบบละเอียดนี้ทำให้ง่ายต่อการใช้การเปลี่ยนแปลงการกวาดหรือการอัปเดตเป้าหมายด้วยความพยายามน้อยที่สุดทั้งหมดภายในอินเทอร์เฟซที่ใช้งานง่ายของ Divi
เมื่อเทียบกับรูปแบบการขยายของ Divi 4 ซึ่งผู้ใช้ชื่นชอบความสามารถในการคัดลอกและวางสไตล์ข้ามองค์ประกอบขยายแอตทริบิวต์ให้ความเป็นไปได้มากขึ้น ในกรณีที่การขยายรูปแบบถูก จำกัด อยู่ที่การจำลองแบบสไตล์พื้นฐานแอตทริบิวต์ขยายคะแนนเพื่อรวมคะแนนต่อไปนี้:
- คุณลักษณะการออกแบบ
- คุณลักษณะสไตล์
- คุณลักษณะเนื้อหา
- คุณลักษณะที่ตั้งไว้ล่วงหน้า
สิ่งใดก็ตามที่คุณแก้ไขภายในองค์ประกอบเฉพาะสามารถขยายได้
วิธีขยายคุณลักษณะการทำงาน
ขยายคุณลักษณะใน Divi 5 ได้รับการออกแบบมาเพื่อทำการเปลี่ยนแปลงการออกแบบที่ราบรื่นและใช้งานง่ายทำให้ผู้ใช้สามารถอัปเดตองค์ประกอบหลายอย่างได้อย่างง่ายดาย นี่คือวิธีการทำงานทีละขั้นตอนภายในตัวสร้างภาพของ Divi
เริ่มต้นด้วยการคลิกขวาบนโมดูล Divi ใด ๆ ในตัวสร้างภาพ จากเมนูคลิกขวาเลือกตัวเลือก แอตทริบิวต์ Extain
แผงจะปรากฏขึ้นช่วยให้คุณสามารถเลือกแอตทริบิวต์เฉพาะเช่นสไตล์และที่ตั้งไว้ล่วงหน้าหรือเนื้อหาเช่นข้อความ
ตัวอย่างเช่นหากคุณต้องการขยายแอตทริบิวต์การออกแบบของปุ่มให้คลิก แอตทริบิวต์การออกแบบปุ่มขยาย เพื่อเปิดใช้งานเมนู Extend Attributes
ถัดไประบุว่าควรใช้แอตทริบิวต์เหล่านี้ที่ไหน Divi 5 มีตัวเลือกที่ยืดหยุ่นให้คุณขยายแอตทริบิวต์ไปยังองค์ประกอบที่คล้ายกันทั้งหมดในหน้าหรือคอลัมน์ปัจจุบันแถวหรือส่วน
เมื่อคุณเลือกแอตทริบิวต์ของคุณและควรใช้ที่ใดแล้วยืนยันตัวเลือกของคุณและการเปลี่ยนแปลงจะเกิดขึ้นทันที ไม่ว่าจะเป็นการอัปเดตส่วนเดียวหรือทั้งหน้ากระบวนการนั้นรวดเร็วและราบรื่นส่งการอัปเดตเป้าหมายด้วยการกระทำเดียว
เรียนรู้อินเทอร์เฟซ
อินเทอร์เฟซแอตทริบิวต์ขยายใน Divi 5 ได้รับการออกแบบให้ใช้งานง่ายและทรงพลัง มันมีตัวเลือกที่หลากหลายในการปรับแต่งวิธีการและสถานที่ที่มีการใช้แอตทริบิวต์ ด้านล่างเราแบ่งตัวเลือกแต่ละตัวเพื่อช่วยคุณนำทางและควบคุมอินเทอร์เฟซ
ขยายจากองค์ประกอบ
นี่คือองค์ประกอบต้นทางที่คุณจะขยายแอตทริบิวต์ ในแผงขยายแอตทริบิวต์คุณสามารถเลือกโมดูลแถวหรือส่วนใด ๆ จากรายการดรอปดาวน์หรือเพียงคลิกองค์ประกอบบนหน้าเพื่อตั้งค่าเป็นแหล่งที่มา หากคุณคลิกขวาที่องค์ประกอบและเลือก ขยายแอตทริบิวต์ มันจะถูกกำหนดให้เป็นแหล่งที่มาโดยอัตโนมัติ
ขยายไปยังตำแหน่ง
เลือกที่จะใช้แอตทริบิวต์ที่คุณเลือก ตัวเลือกรวมถึงองค์ประกอบภายในคอลัมน์ปัจจุบันแถวส่วนหรือหน้าทั้งหมด ตัวอย่างเช่นหากคุณกำลังจัดแต่งทรงองค์ประกอบในส่วนที่มีพื้นหลังมืดคุณสามารถ จำกัด การขยายไปยังส่วนนั้นเพียงอย่างเดียวเพื่อให้แน่ใจว่ารูปแบบยังคงเฉพาะบริบทและหลีกเลี่ยงการเปลี่ยนแปลงที่ไม่ได้ตั้งใจ

ขยายไปยังประเภทองค์ประกอบ
Divi 5 ช่วยให้แอตทริบิวต์สามารถขยายได้ในประเภทองค์ประกอบที่แตกต่างกันซึ่งให้ความยืดหยุ่นมากขึ้น คุณสามารถกำหนดเป้าหมายโมดูลเฉพาะเช่นปุ่มหรือโมดูลข้อความ - หรือหมวดหมู่ที่กว้างขึ้นเช่นคอนเทนเนอร์ช่วยให้คุณสามารถใช้การเปลี่ยนแปลงกับองค์ประกอบที่คุณต้องการได้
ประเภทแอตทริบิวต์ที่จะขยาย
Divi 5 ช่วยให้คุณขยายหมวดหมู่แอตทริบิวต์หลายประเภทรวมถึงสไตล์เนื้อหาที่ตั้งไว้ล่วงหน้าหรือการรวมกันของสิ่งเหล่านี้ ความเก่งกาจนี้ช่วยให้คุณอัปเดตการออกแบบภาพเนื้อหาโมดูลหรือที่ตั้งไว้ล่วงหน้าในครั้งเดียว
กลุ่มตัวเลือกที่จะขยาย
เพื่อความแม่นยำยิ่งขึ้นคุณสามารถขยายแอตทริบิวต์จากกลุ่มตัวเลือกเฉพาะเช่นรูปแบบปุ่มหรือการตั้งค่าแบบฟอร์ม ตัวอย่างเช่นคุณสามารถขยายรูปแบบปุ่มจากโมดูลแบบฟอร์มการติดต่อไปยังโมดูลอื่น ๆ ทั้งหมดที่มีปุ่มทั่วหน้า นอกจากนี้คุณยังสามารถคลิกขวาที่กลุ่มตัวเลือกในแผงการตั้งค่าเพื่อเลือกล่วงหน้าในเมนู Extend Attributes ทำให้กระบวนการเร็วขึ้นและใช้งานง่ายขึ้น
แก้ไขฟิลด์เพื่อขยาย
ตัวเลือกนี้ช่วยให้คุณสามารถระบุฟิลด์เฉพาะภายในกลุ่มตัวเลือกเพื่อขยาย ตัวอย่างเช่นหากคุณต้องการขยายสีพื้นหลังของปุ่มเพียงแค่สไตล์ทั้งหมดคุณสามารถเลือกฟิลด์นั้นได้
ประโยชน์หลักของคุณลักษณะขยายของ Divi 5
ขยายแอตทริบิวต์ใน Divi 5 เป็นมากกว่าคุณสมบัติ ปรับปรุงวิธีการออกแบบเว็บ นี่คือประโยชน์หลักที่ทำให้เป็นเครื่องมือสำคัญสำหรับผู้ใช้ Divi 5
1. ประสิทธิภาพเวลา
ขยายแอตทริบิวต์เวลาการออกแบบ Slash โดยการเปิดใช้งานการเปลี่ยนแปลงอย่างรวดเร็วในหลาย ๆ องค์ประกอบ แทนที่จะแก้ไขแต่ละโมดูลด้วยตนเองคุณสามารถใช้การอัปเดตในไม่กี่วินาที ตัวอย่างเช่นการเปลี่ยนรูปแบบพื้นหลังของตารางการกำหนดราคาทั้งหมดบนหน้าเว็บตอนนี้จะต้องคลิกขวาเพียงเล็กน้อยและเลือกไม่กี่การประหยัดเวลาในการทำงานซ้ำ ๆ เป็นผลให้คุณสามารถมุ่งเน้นไปที่ภาพที่ใหญ่กว่า
2. การออกแบบความสอดคล้อง
ความสอดคล้องเป็นกระดูกสันหลังของการสร้างแบรนด์ที่แข็งแกร่งและมอบประสบการณ์การใช้งานที่ไร้รอยต่อ ขยายแอตทริบิวต์ช่วยให้มั่นใจได้ถึงความสม่ำเสมอโดยช่วยให้คุณสามารถเผยแพร่รูปแบบการตั้งค่าล่วงหน้าหรือเนื้อหาในเว็บไซต์ของคุณได้อย่างรวดเร็ว ไม่ว่าจะเป็นการจับคู่สีหรือการจัดเรียงตัวอักษรข้ามส่วนคุณลักษณะนี้รับประกันว่ารูปลักษณ์ที่ขัดเงาและขัดเงาที่ยกระดับความเป็นมืออาชีพของเว็บไซต์ของคุณ
3. ความยืดหยุ่นและการควบคุม
ด้วยแอตทริบิวต์ขยายคุณอยู่ในที่นั่งคนขับ คุณลักษณะนี้มีความยืดหยุ่นเพิ่มขึ้นช่วยให้คุณเลือกคุณลักษณะใดที่จะขยายและสถานที่ที่จะนำไปใช้จากโมดูลเฉพาะไปจนถึงทั้งหน้า ความสมดุลของความแม่นยำและความยืดหยุ่นนี้หมายความว่าคุณสามารถปรับแต่งเป้าหมายหรืออัปเดตในวงกว้างโดยไม่ลดความเร็วหรือความแม่นยำ
4. ใช้งานง่ายสำหรับทุกระดับทักษะ
ไม่ว่าคุณจะเป็นผู้เริ่มต้นสร้างไซต์แรกของคุณหรือนักพัฒนาที่จัดการโครงการที่ซับซ้อนขยายคุณลักษณะที่ออกแบบมาสำหรับทุกคน อินเทอร์เฟซคลิกขวาที่ใช้งานง่ายภายในเครื่องสร้างภาพทำให้สามารถเข้าถึงได้โดยต้องใช้ความรู้การเข้ารหัสเป็นศูนย์หรือทักษะขั้นสูง ความสะดวกในการใช้งานนี้ช่วยให้ผู้ใช้ทุกระดับทักษะในการสร้างเว็บไซต์ที่น่าทึ่ง
5. ความคิดสร้างสรรค์ที่เพิ่มขึ้น
ความสะดวกในการใช้และการทดลองกับการเปลี่ยนแปลงการออกแบบจะช่วยให้เกิดความคิดสร้างสรรค์อย่างกล้าหาญ ขยายแอตทริบิวต์ให้คุณทดสอบรูปแบบหรือเลย์เอาต์ใหม่โดยไม่ต้องใช้เวลานาน ต้องการลองใช้โทนสีใหม่ที่เป็นตัวหนาหรือปรับระยะขอบทั่วโลกหรือไม่? ด้วยการคลิกเพียงไม่กี่ครั้งคุณสามารถดูตัวอย่างการเปลี่ยนแปลงและปรับแต่งวิสัยทัศน์ของคุณปลดล็อคความเป็นไปได้ที่ไม่มีที่สิ้นสุดสำหรับการออกแบบที่เป็นนวัตกรรม
ผลประโยชน์เหล่านี้ทำให้แอตทริบิวต์ขยายเป็นรากฐานที่สำคัญของภารกิจของ Divi 5 เพื่อปรับปรุงการออกแบบเว็บในขณะที่ขยายความคิดสร้างสรรค์และประสิทธิภาพการตั้งค่ามาตรฐานใหม่สำหรับสิ่งที่เป็นไปได้ด้วยตัวสร้างหน้า WordPress
กรณีการใช้งานจริงสำหรับการขยายคุณลักษณะ
Extend Attributes เป็นคุณสมบัติที่หลากหลายพร้อมแอพพลิเคชั่นในโลกแห่งความเป็นจริงที่ปรับปรุงเวิร์กโฟลว์และเพิ่มคุณภาพการออกแบบ นี่คือตัวอย่างที่เป็นประโยชน์ของวิธีการใช้ประโยชน์จากพวกเขาในกระบวนการออกแบบของคุณ:
- การอัปเดตการสร้างแบรนด์: ลองนึกภาพธุรกิจที่อยู่ระหว่างการเปลี่ยนโฉมใหม่ที่ต้องใช้ปุ่มเรียกร้องให้เข้าร่วมทั้งหมดเพื่อสะท้อนโทนสีส้มที่มีชีวิตชีวาใหม่ คุณสามารถเลือกปุ่มปรับสีและขยายสไตล์นั้นไปยังทุกปุ่มทั่วหน้าในไม่กี่นาที สิ่งนี้ทำให้มั่นใจได้ถึงความสอดคล้องของแบรนด์โดยไม่ต้องยุ่งยากในการอัปเดตแต่ละองค์ประกอบด้วยตนเองประหยัดเวลาบนเว็บไซต์ขนาดใหญ่
- เทมเพลตมาตรฐาน: การรักษารูปลักษณ์ที่สอดคล้องกันเป็นกุญแจสำคัญสำหรับไซต์พอร์ตโฟลิโอที่มีโมดูลข้อความรับรองหลายสิบรายการ การใช้แอตทริบิวต์ขยายคุณสามารถใช้สไตล์ที่ตั้งไว้ล่วงหน้ากับโมดูลข้อความรับรองทั้งหมดในหน้าเช่นเส้นขอบที่เฉพาะเจาะจงพื้นหลังหรือแบบอักษร สิ่งนี้ทำให้มั่นใจได้ว่าคำรับรองทุกฉบับมีรูปลักษณ์ที่สม่ำเสมอเสริมความเป็นมืออาชีพและการเชื่อมโยงกัน
- การอัปเดตเนื้อหา: การจัดการเว็บไซต์บล็อกหรือพอร์ตโฟลิโอมักเกี่ยวข้องกับการอัปเดตเนื้อหาซ้ำ ๆ เช่นวลีเรียกร้องให้เข้าร่วมหรืออีเมลติดต่อ ด้วยแอตทริบิวต์ขยายคุณสามารถอัปเดตข้อความในโมดูลเดียวและขยายไปยังโมดูลที่คล้ายกันทั้งหมดในหลายส่วน ตัวอย่างเช่นคุณสามารถเปลี่ยนติดต่อเราเพื่อติดต่อข้ามโมดูลปุ่มทั้งหมดในไม่กี่วินาทีเพื่อให้การเปลี่ยนแปลงเนื้อหาง่ายและรวดเร็ว
- การออกแบบที่ตอบสนอง: การเพิ่มประสิทธิภาพสำหรับมือถือเป็นสิ่งสำคัญในภูมิทัศน์เว็บของวันนี้ ขยายแอตทริบิวต์ช่วยให้สิ่งนี้ง่ายขึ้นโดยช่วยให้คุณสามารถใช้การตั้งค่าที่ตอบสนองได้เช่นขนาดตัวอักษรหรือการปรับการขยายช่องว่างในทุกองค์ประกอบของประเภทที่เฉพาะเจาะจง ตัวอย่างเช่นคุณสามารถลดขนาดตัวอักษรของส่วนหัวทั้งหมดสำหรับอุปกรณ์มือถือในการกระทำเดียวเพื่อให้มั่นใจว่าประสบการณ์การใช้งานที่ราบรื่นของหน้าจอ
ลองใช้คุณสมบัติ Extend ของ Divi 5 ของ Divi 5 วันนี้
ขยายคุณลักษณะช่วยเพิ่มประสิทธิภาพและความยืดหยุ่นในการออกแบบเว็บ ช่วยให้ผู้ใช้ขยายรูปแบบการตั้งค่าล่วงหน้าและเนื้อหาข้ามองค์ประกอบประหยัดเวลามั่นใจในความมั่นคงและจุดประกายความคิดสร้างสรรค์สำหรับทุกระดับทักษะ ไม่ว่าจะเป็นการอัปเดตหนึ่งส่วนหรือทั้งหน้าให้ขยายแอตทริบิวต์ปรับปรุงกระบวนการ เป็นเครื่องมือที่ต้องมีสำหรับผู้ใช้ Divi
พร้อมที่จะลองขยายแอตทริบิวต์ใน Divi 5 หรือไม่? ดาวน์โหลด Divi 5 Public Alpha สำหรับเว็บไซต์ใหม่ ดูว่ามันเปลี่ยนเวิร์กโฟลว์ของคุณอย่างไร แบ่งปันประสบการณ์เคล็ดลับหรือคำถามในความคิดเห็น หรือเชื่อมต่อกับช่องทางโซเชียลมีเดียของเรา เราชอบที่จะได้ยินว่าคุณปรับปรุงการออกแบบอย่างไร
Divi 5 พร้อมที่จะใช้กับเว็บไซต์ใหม่