การคัดลอกวางและรีเซ็ตค่าที่ตั้งไว้ใน Divi 5

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

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

ภาพรวมอย่างรวดเร็วของเครื่องมือที่ตั้งไว้ล่วงหน้าของ Divi 5

Divi 5 สร้างการจัดการที่ตั้งไว้ล่วงหน้าประมาณสามระบบหลักที่ทำงานร่วมกัน

ตัวแปรการออกแบบเป็นรากฐาน พวกเขาเก็บสีของแบรนด์ฟอนต์ค่าระยะห่างรูปภาพและตัวอย่างข้อความ ซึ่งแตกต่างจากผู้สร้างที่จัดการกับสีทั่วโลกเท่านั้นตัวแปร 5 ตัวแปรครอบคลุมทุกอย่าง

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

Element Presets รวมถึงรูปแบบการออกแบบทั้งหมดสำหรับองค์ประกอบเฉพาะ คุณสามารถสร้างองค์ประกอบที่ตั้งไว้ล่วงหน้าสำหรับส่วนแถวคอลัมน์โมดูลและกลุ่มโมดูล

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

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

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

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

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

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

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

การสร้างที่ตั้งไว้ล่วงหน้าใช้เวลาไม่กี่วินาที จัดสไตล์องค์ประกอบของคุณก่อน ตั้งค่าความกว้างของเส้นขอบ, เงาเบลอหรือตัวเลือกตัวอักษร เมื่อคุณมีความสุขคลิกที่ไอคอนที่ตั้งไว้ล่วงหน้า เลือก“ ใหม่ที่ตั้งไว้ล่วงหน้าจากสไตล์ปัจจุบัน” และตั้งชื่อให้ชัดเจน “ Shadow Card” ชนะ“ สไตล์ 1” ทุกครั้ง

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

คัดลอกกลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้า

คลิกขวาที่องค์ประกอบใด ๆ เพื่อดูเมนูคัดลอก “ คัดลอกแอตทริบิวต์ X” คว้ากลุ่มตัวเลือกที่กำหนดไว้ล่วงหน้า

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

ค้นหากลุ่มตัวเลือก Target & Paste Preset

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

แป้นพิมพ์ลัดเร่งการทำสิ่งต่างๆ กด Shift + Command + V บน Mac หรือ Shift + Alt + V บน windows เพื่อวางแอตทริบิวต์ที่คัดลอกทั้งหมด

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

รีเซ็ตกลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้า

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

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

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

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

“ รีเซ็ตที่ตั้งค่าไว้ล่วงหน้า” ลบการเชื่อมต่อที่ตั้งไว้ล่วงหน้าในขณะที่ยังคงจัดแต่งทรงผมด้วยตนเอง

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

การคัดลอกการวางและการรีเซ็ตองค์ประกอบที่ตั้งไว้ล่วงหน้า

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

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

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

จัดรูปแบบทุกอย่างก่อนการออม: พื้นหลัง, การพิมพ์, ระยะห่าง, เอฟเฟกต์โฮเวอร์และเนื้อหา Element Presets จับการตั้งค่าโมดูลและเนื้อหาทั้งหมดเข้าด้วยกัน

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

คลิกขวาองค์ประกอบเพื่อคัดลอกแอตทริบิวต์ทั้งหมด

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

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

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

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

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

การวางมาตรฐานเขียนทับทุกอย่างในโมดูลเป้าหมาย “ Paste X ที่ตั้งไว้ล่วงหน้า” ใช้วิธีการผ่าตัดใช้เฉพาะการเชื่อมต่อที่ตั้งไว้ล่วงหน้าในขณะที่รักษาเนื้อหาที่มีอยู่และสไตล์การออกแบบด้วยตนเอง

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

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

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

รีเซ็ตองค์ประกอบที่ตั้งไว้ล่วงหน้าเมื่อสิ่งผิดปกติ

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

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

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

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

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

สร้างเร็วขึ้นออกแบบอย่างชาญฉลาดด้วยตัวจัดการแอตทริบิวต์ของ Divi 5

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

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