ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการจัดการคุณสมบัติของ Divi 5

เผยแพร่แล้ว: 2025-05-27

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

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

Divi 5 พร้อมที่จะใช้กับเว็บไซต์ใหม่ แต่เราไม่แนะนำให้แปลงเว็บไซต์ที่มีอยู่เป็น Divi 5

มาดำน้ำกันเถอะ

สารบัญ
  • 1 การจัดการแอตทริบิวต์ใน Divi 5 คืออะไร?
    • 1.1 ส่วนประกอบสำคัญของการจัดการแอตทริบิวต์
    • 1.2 เหตุใดการจัดการแอตทริบิวต์จึงมีความสำคัญ
  • 2 ความเข้าใจที่ตั้งไว้ล่วงหน้าใน Divi 5
    • 2.1 ความสามารถที่เพิ่มขึ้นด้วยการจัดการแอตทริบิวต์
  • 3 การจัดการแอตทริบิวต์ทำงานอย่างไร
    • 3.1 การคัดลอกคุณลักษณะ
    • 3.2 การวางคุณลักษณะ
    • 3.3 การรีเซ็ตแอตทริบิวต์
  • 4 แอปพลิเคชันและผลประโยชน์ที่ใช้งานได้จริง
    • 4.1 ใช้กรณี
    • 4.2 ผลประโยชน์
  • 5 เคล็ดลับและแนวทางปฏิบัติที่ดีที่สุด
    • 5.1 เรียนรู้อินเทอร์เฟซการจัดการแอตทริบิวต์
    • 5.2 เริ่มต้นด้วยตัวแปรและที่ตั้งไว้ล่วงหน้า
    • 5.3 จัดระเบียบล่วงหน้า
    • 5.4 ตรวจสอบจุดพัก
  • 6 ปลดปล่อยพลังของการจัดการแอปพลิเคชันของ Divi 5

การจัดการแอตทริบิวต์ใน Divi 5 คืออะไร?

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

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

การจัดการแอตทริบิวต์ Divi 5

องค์ประกอบสำคัญของการจัดการแอตทริบิวต์

การจัดการแอตทริบิวต์ถูกสร้างขึ้นบนเสาหลักสองเสาสำคัญ: การควบคุมเม็ดและการรวมที่กำหนดไว้ล่วงหน้า

การควบคุมคุณลักษณะ

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

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

การรวมเข้ากับกลุ่มตัวเลือกและค่าที่ตั้งไว้ล่วงหน้า

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

กลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าใน Divi 5

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

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

เหตุใดการจัดการคุณลักษณะจึงมีความสำคัญ

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

ทำความเข้าใจกับที่ตั้งไว้ล่วงหน้าใน Divi 5

Presets เป็นรากฐานที่สำคัญของเวิร์กโฟลว์การออกแบบที่มีประสิทธิภาพของ Divi 5 ทำให้เว็บไซต์ที่สอดคล้องและปรับขนาดได้อย่างง่ายดาย มาสำรวจว่าพวกเขาปรับปรุงการจัดการแอตทริบิวต์ได้อย่างไร

ความสามารถที่เพิ่มขึ้นด้วยการจัดการแอตทริบิวต์

โดยการรวมค่าที่ตั้งไว้ล่วงหน้าเข้ากับเวิร์กโฟลว์สำเนาและวาง Divi 5 อนุญาตให้นักออกแบบ:

ทำซ้ำการออกแบบได้อย่างมีประสิทธิภาพ

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

ใช้สไตล์เป้าหมาย

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

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

ตัวอย่างที่เป็นประโยชน์

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

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

การจัดการแอตทริบิวต์ทำงานอย่างไร

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

การคัดลอกคุณลักษณะ

กระบวนการนี้ง่าย คลิกขวาที่องค์ประกอบใด ๆ-โมดูลคอลัมน์แถวหรือส่วน-และเลือกคัดลอกแอตทริบิวต์ สิ่งนี้จะจับคุณลักษณะทั้งหมดรวมถึงเนื้อหาสไตล์และค่าที่ตั้งไว้ล่วงหน้าใด ๆ ที่เกี่ยวข้องกับโมดูล หรือคุณสามารถใช้แป้นพิมพ์ลัด - Shift + Command + C บน Mac หรือ Shift + Al + C บนคอมพิวเตอร์ Windows - เพื่อคัดลอกสไตล์โดยไม่ต้องเข้าถึงการตั้งค่าของโมดูล

การคัดลอกคุณลักษณะใน Divi 5

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

คัดลอกแอตทริบิวต์ใน Divi 5

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

คัดลอกแอตทริบิวต์การออกแบบ

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

คัดลอกเอฟเฟกต์ด้วยการจัดการแอตทริบิวต์ใน Divi 5

การวางคุณลักษณะ

แนวคิดจะเหมือนกันเมื่อวางคุณลักษณะ แต่มีตัวเลือกเพิ่มเติม ใน Divi 5 คุณสามารถวางแอตทริบิวต์ทั้งหมดซึ่งจะวางเนื้อหาสไตล์และที่ตั้งไว้ล่วงหน้าทั้งหมดจากการตั้งค่าโมดูลต้นฉบับไปยังใหม่ คล้ายกับการคัดลอกแอตทริบิวต์คุณสามารถใช้แป้นพิมพ์ลัดเพื่อวางไว้ - Shift + Command + V บน Mac หรือ Shift + Alt + V บน Windows - ใช้การตั้งค่าด้วยคลิกเดียว

การวางคุณลักษณะใน Divi 5

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

วางคุณลักษณะการออกแบบใน Divi 5

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

แอตทริบิวต์สไตล์โมดูลใน Divi 5

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

วางคุณลักษณะเนื้อหาใน Divi 5

ในที่สุดหากโมดูลต้นฉบับมีที่ตั้งไว้ล่วงหน้าใด ๆ ที่เกี่ยวข้องการเลือก Paste Heading Presets จะใช้ที่ตั้งไว้ล่วงหน้าที่เกี่ยวข้องกับโมดูลและกำหนดไว้ในเมนูแบบเลื่อนลงที่ตั้งไว้ล่วงหน้า

วางไว้ล่วงหน้าใน Divi 5

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

วางคุณลักษณะสไตล์

การรีเซ็ตแอตทริบิวต์

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

รีเซ็ตแอตทริบิวต์ใน Divi 5

ตัวอย่างเช่นคุณสามารถรีเซ็ตแอตทริบิวต์ทั้งหมด - Shift + Command + R บน Mac หรือ Shift + Alt + R บน Windows - ลบเนื้อหาสไตล์และชุดที่เกี่ยวข้องทั้งหมดด้วยการคลิกเพียงครั้งเดียว

รีเซ็ตคุณลักษณะทั้งหมดใน Divi 5

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

รีเซ็ตตัวเลือกแอตทริบิวต์ใน Divi 5

แอปพลิเคชันและผลประโยชน์ที่ใช้งานได้จริง

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

ใช้เคส

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

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

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

ประโยชน์

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

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

เคล็ดลับและแนวทางปฏิบัติที่ดีที่สุด

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

เรียนรู้อินเทอร์เฟซการจัดการแอตทริบิวต์

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

คัดลอกแอตทริบิวต์ใน Divi 5

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

การวางคุณลักษณะ

เริ่มต้นด้วยตัวแปรและที่ตั้งไว้ล่วงหน้า

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

สร้างกลุ่มตัวเลือกใหม่ที่ตั้งไว้ล่วงหน้าใน Divi 5

จัดระเบียบล่วงหน้า

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

การตั้งชื่อ Divi Presets

ตรวจสอบจุดพัก

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

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

ปลดปล่อยพลังของการจัดการแอปพลิเคชันของ Divi 5

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

คุณพร้อมที่จะสัมผัสกับการจัดการแอตทริบิวต์สำหรับตัวคุณเองหรือไม่? ดาวน์โหลด Alpha Public Public และ Dive ล่าสุดลงในคุณสมบัติใหม่นี้เพื่อดูว่าจะเปลี่ยนวิธีการสร้างเว็บไซต์ด้วย Divi ได้อย่างไร เพียงแค่บันทึกย่อ: Divi 5 พร้อมที่จะส่องแสงบนเว็บไซต์ใหม่ แต่เรายังไม่แนะนำให้ย้ายเว็บไซต์ที่มีอยู่ไปแล้ว

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

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

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