ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการขยายคุณลักษณะใน 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

ขยายคุณลักษณะใน Divi 5

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

ขยายตัวเลือกแอตทริบิวต์ใน Divi 5

ตัวอย่างเช่นหากคุณต้องการขยายแอตทริบิวต์การออกแบบของปุ่มให้คลิก แอตทริบิวต์การออกแบบปุ่มขยาย เพื่อเปิดใช้งานเมนู Extend Attributes

ขยายคุณลักษณะใน Divi 5

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

ขยายคุณลักษณะใน Divi 5

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

เรียนรู้อินเทอร์เฟซ

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

ขยายคุณลักษณะใน Divi 5

ขยายจากองค์ประกอบ

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

ขยายคุณลักษณะใน Divi 5

ขยายไปยังตำแหน่ง

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

ขยายคุณลักษณะใน Divi 5

ขยายไปยังประเภทองค์ประกอบ

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

ขยายคุณลักษณะใน Divi 5

ประเภทแอตทริบิวต์ที่จะขยาย

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

ขยายคุณลักษณะใน Divi 5

กลุ่มตัวเลือกที่จะขยาย

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

ขยายคุณลักษณะใน Divi 5

แก้ไขฟิลด์เพื่อขยาย

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

ขยายคุณลักษณะใน Divi 5

ประโยชน์หลักของคุณลักษณะขยายของ 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 พร้อมที่จะใช้กับเว็บไซต์ใหม่

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