การใช้ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นของ Divi 5 เพื่อจัดสไตล์ไซต์ทั้งหมดของคุณ
เผยแพร่แล้ว: 2025-03-23การมาถึงของกลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าได้เปิดโอกาสใหม่มากมายภายใน Divi 5 Nick กล่าวว่านี่เป็นคุณสมบัติที่สำคัญที่สุดในการตี Divi ในปีที่ผ่านมาและเมื่อคุณทดสอบพวกเขา คุณจะเห็นว่าทำไมเขาถึงพูดอย่างนั้น
คุณเคยใช้กับองค์ประกอบที่ตั้งไว้ล่วงหน้าแล้ว แต่การตั้งค่ากลุ่มตัวเลือกเพิ่มการควบคุมการออกแบบเลเยอร์ใหม่ทั้งหมดที่คุณจะไม่หยุดใช้ อย่างไรก็ตามการตั้งค่าที่ตั้งไว้ล่วงหน้าทั้งสองประเภทสนับสนุน“ ค่าตั้งค่าเริ่มต้น ” นั่นคือสิ่งที่ฉันต้องการแสดงให้คุณเห็นตลอดระยะเวลา 2,000 คำต่อไปนี้
- 1 ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นใน Divi 5 คืออะไร?
- 1.1 ค่าที่ตั้งไว้ล่วงหน้าองค์ประกอบเริ่มต้น
- 1.2 กลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้า
- 2 ความแตกต่างระหว่างค่าเริ่มต้นและค่าที่กำหนดเองที่กำหนดเองคืออะไร?
- 2.1 วิธีเปลี่ยนค่าที่กำหนดเองให้เป็นค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า
- 3 รูปแบบภายในค่าที่ตั้งล่วงหน้าเริ่มต้นมาจากไหน?
- 4 วิธีใช้ค่าล่วงหน้าเริ่มต้นเพื่อสร้างเว็บไซต์
- 5 ที่ตั้งไว้ล่วงหน้า 5 ค่าเริ่มต้นจะช่วยให้คุณประหยัดชั่วโมง
ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นใน Divi 5 คืออะไร?
ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นเป็นค่าที่ตั้งไว้ล่วงหน้าแรกที่คุณต้องการแก้ไขบนเว็บไซต์ของคุณ ในหลาย ๆ ด้านสิ่งเหล่านี้เป็นการแทนที่ทั้งหมดสำหรับการปรับแต่งธีม
คุณมีค่าที่ตั้งไว้ล่วงหน้าสองประเภทที่คุณสามารถทำงานได้ทันทีเมื่อแก้ไขหน้า - องค์ประกอบที่ตั้งไว้ล่วงหน้าองค์ประกอบเริ่มต้น และ ค่าที่ตั้งไว้ล่วงหน้ากลุ่มตัวเลือกเริ่มต้น มาตั้งค่าองค์ประกอบที่ตั้งไว้ล่วงหน้าก่อนเพราะมันคุ้นเคยมากกว่า แต่คุณจะต้องเริ่มการออกแบบทั้งหมดของคุณด้วยการตั้งค่ากลุ่มตัวเลือก
ค่าที่ตั้งไว้ล่วงหน้าองค์ประกอบเริ่มต้น
Element Presets ทำให้การออกแบบองค์ประกอบอย่างรวดเร็วคุณจะใช้หลายครั้งในเว็บไซต์ของคุณ ด้วย Element Presets คุณสามารถใช้โมดูลเช่นโมดูล Blurb และแก้ไข ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้น ของโมดูล เมื่อมีการแก้ไขที่ตั้งไว้ล่วงหน้าเริ่มต้นแล้วจะใช้สไตล์เดียวกันเหล่านั้นเมื่อเพิ่มโมดูล Blurb ใหม่ลงในเว็บไซต์ของคุณ (เนื่องจากรายการใหม่ใช้การตั้งค่าเริ่มต้น)
วิธีแก้ไของค์ประกอบเริ่มต้นที่ตั้งไว้ล่วงหน้า
การแก้ไขที่ตั้งไว้ล่วงหน้าเริ่มต้นตรงไปตรงมา คลิกที่องค์ประกอบที่คุณต้องการเปลี่ยนการตั้งค่าเริ่มต้นสำหรับ (ในกรณีนี้โมดูลข้อความ) ในด้านบนขวาให้คลิกที่ตัวเลือกที่ตั้งไว้ล่วงหน้า
คุณควรเห็นอย่างน้อยหนึ่งรายการที่ตั้งไว้ล่วงหน้าในเมนูแบบเลื่อนลง - ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นสำหรับองค์ประกอบนั้น ค้นหา การตั้งค่า (ไอคอนเกียร์) แล้วคลิกเพื่อเปลี่ยนตัวเลือกการตั้งค่าจากองค์ประกอบหน้าเฉพาะไปยังตัวเลือกการตั้งค่าสำหรับค่าที่ตั้งไว้ล่วงหน้าเริ่มต้น
คุณจะรู้ว่าคุณกำลังแก้ไขล่วงหน้าเมื่อ breadcrumbs (แสดงตำแหน่งที่ซ้อนกันขององค์ประกอบที่คุณกำลังทำอยู่) หายไปและคำว่า " ที่ตั้งไว้ล่วงหน้า " จะปรากฏขึ้นที่ด้านบนซ้ายของแผงการตั้งค่า นอกจากนี้คุณยังจะสังเกตเห็นตัวเลือกที่ตั้งไว้ล่วงหน้ากล่าวว่า“ ค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า ” และเปลี่ยนเป็นสีน้ำเงิน จากที่นี่นำทางไปยัง กลุ่มตัวเลือกองค์ประกอบ ที่คุณต้องการแก้ไข ในกรณีนี้ฉันตัดสินใจที่จะไปที่ แท็บการออกแบบ> ขนาดข้อความ> ขนาดข้อความ เพื่อแก้ไขขนาดของเนื้อหาข้อความสำหรับโมดูลนี้
คลิก“ บันทึกที่ตั้งไว้ล่วงหน้า” เพื่อให้การเปลี่ยนแปลงของคุณถูกระงับไว้
หากคุณอยู่ใกล้ Divi มาระยะหนึ่งแล้วคุณจะรู้เกี่ยวกับ การตั้งค่าโมดูล ค่าที่ตั้งไว้ล่วงหน้าขององค์ประกอบนั้น เหมือนกับโมดูลที่ตั้งไว้ล่วงหน้า แต่การเรียกว่าโมดูลที่ตั้งไว้ล่วงหน้านั้นทำให้เกิดความสับสนเพราะสามารถใช้ล่วงหน้าได้กับองค์ประกอบที่ไม่ใช่โมดูลเช่น ส่วน และ แถว

มุมมอง Wireframe ของหน้าใน Divi 5. สังเกตว่าแถวนี้มีค่าที่ตั้งไว้ล่วงหน้าอย่างไรในขณะที่ไม่เหมาะสมกับเกณฑ์สำหรับการเป็นโมดูล แต่เป็นคอนเทนเนอร์
ค่าที่ตั้งไว้ล่วงหน้าองค์ประกอบเริ่มต้นสามารถ“ แทนที่” ได้ง่ายๆโดยใช้ องค์ประกอบที่กำหนดเองที่กำหนดไว้ล่วงหน้า กับโมดูล (เพิ่มเติมในด้านล่างนี้) หรือโดยใช้รูปแบบโดยตรงกับโมดูลหรือองค์ประกอบที่เฉพาะเจาะจง Divi เช่น CSS ทำงานกับกฎเฉพาะและในกรณีนี้การตั้งค่าที่ใช้กับโมดูลโดยตรงนั้นมีความเฉพาะเจาะจงมากกว่าการตั้งค่าที่ใช้กับองค์ประกอบเริ่มต้นที่ตั้งไว้ล่วงหน้า
แต่มีการตั้งค่าล่วงหน้าใหม่ในบล็อกที่คุณควรออกแบบเว็บไซต์ Divi ของคุณด้วยก่อน
กลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้า
ค่าที่ตั้งไว้ล่วงหน้ากลุ่มตัวเลือกใหม่ของ Divi ช่วยให้คุณสร้างสไตล์เริ่มต้นที่ครอบคลุมโมดูลและองค์ประกอบต่าง ๆ ที่อาจใช้กลุ่มตัวเลือกที่คล้ายกัน ทั้งหมดนี้ทำด้วย การตั้งค่ากลุ่มตัวเลือก“ ค่าเริ่มต้น” หากคุณมีความคลุมเครือในรายละเอียดของแนวคิดใหม่ของกลุ่มตัวเลือกคุณสามารถอ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ในโพสต์ของเราซึ่งจะบอกทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับพวกเขา
เรียนรู้เกี่ยวกับตัวเลือกกลุ่มที่ตั้งไว้ล่วงหน้า
ในระยะสั้นโมดูลที่แตกต่างกันมีองค์ประกอบที่แตกต่างกัน (ดูตารางด้านล่างสำหรับตัวอย่างเปรียบเทียบองค์ประกอบที่แตกต่างกันสี่องค์ประกอบ)
การออกแบบเว็บอเนกประสงค์โดยตั้งค่าล่วงหน้า | Call to Action Module | โมดูลตัวจับเวลานับถอยหลัง | ส่วนและแถว |
---|---|---|---|
ข้อความ (การออกแบบ) | |||
ข้อความชื่อเรื่อง (การออกแบบ) | |||
ข้อความร่างกาย (ออกแบบ) | |||
ปุ่ม (ออกแบบ) | |||
ข้อความหมายเลข (การออกแบบ) | |||
ข้อความตัวคั่น (การออกแบบ) | |||
ข้อความฉลาก (การออกแบบ) | |||
ความเป็นมา (เนื้อหา) | |||
ปรับขนาด (ขั้นสูง) | |||
ระยะห่าง (ขั้นสูง) | |||
ชายแดน (ขั้นสูง) | |||
Box Shadow (ขั้นสูง) | |||
ตัวกรอง (ขั้นสูง) | |||
แปลง (ขั้นสูง) | |||
ภาพเคลื่อนไหว (ขั้นสูง) | |||
*กลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าให้คุณใช้การออกแบบอย่างกว้างขวางในโมดูล/องค์ประกอบที่รองรับกลุ่มตัวเลือกที่ทับซ้อนกัน |
เมื่อคุณสมบัติคอมโพสิตขององค์ประกอบหนึ่งซ้อนทับกับผู้อื่นพวกเขาสามารถแบ่งปันรูปแบบในระดับกลุ่มตัวเลือก - หมายถึงว่าคุณประหยัดเวลาเมื่อออกแบบลวดลายที่คล้ายกันในโมดูลและองค์ประกอบที่แตกต่างกัน (เช่นข้อความชื่อในหลายโมดูล) โดยเฉพาะอย่างยิ่งกับ หัวเรื่อง, ข้อความร่างกาย, เงา, ภาพเคลื่อนไหว, ฟังก์ชั่นเหนียว, เส้นขอบ, ระยะห่างและปุ่ม คุณจะออกแบบเว็บไซต์เร็วกว่ามาก
วิธีแก้ไขกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้า
หากต้องการแก้ไขกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้าให้ไปที่แผง การตั้งค่า โมดูลหรือแถว/ส่วน วางเมาส์เหนือกลุ่มตัวเลือกที่มีอยู่ (ข้อความ, ข้อความชื่อ, ปุ่ม, พื้นหลัง ฯลฯ ) กลุ่มตัวเลือกที่รองรับการตั้งค่าล่วงหน้าจะเปิดเผย ไอคอนที่ตั้งไว้ ทางด้านขวาของฟิลด์ OG นั้นเมื่อลอยอยู่เหนือ คลิกที่ไอคอนที่ตั้งไว้ล่วงหน้าเพื่อแสดง ค่าเริ่มต้น และ ค่าที่กำหนดเอง ใด ๆ สำหรับกลุ่มตัวเลือกนั้น

นี่คือวิดีโอที่แสดงให้เห็นถึงความแตกต่างระหว่างการแก้ไขแง่มุมเฉพาะของโมดูลเดียวและการแก้ไขด้านเดียวกันกับกลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้า
คุณรู้ว่าคุณกำลังแก้ไขกลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าเมื่อ UI เปลี่ยนจากแสงเป็นมืด (เว้นแต่คุณจะอยู่ในโหมดมืดซึ่งในกรณีนี้มันตรงกันข้าม) สำหรับกลุ่มตัวเลือกที่คุณกำลังแก้ไขอยู่เท่านั้น คุณต้องบันทึกการเปลี่ยนแปลงเพื่อให้พวกเขามีผล
ความแตกต่างระหว่างค่าเริ่มต้นและค่าที่กำหนดเองที่กำหนดเองคืออะไร?
ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นคือรูปแบบที่ใช้กับองค์ประกอบใหม่ใด ๆ โดยอัตโนมัติ (โมดูล/ส่วน/แถว) ที่วางไว้บนหน้าหรือเทมเพลต ไม่ว่าอะไรก็ตามทุกองค์ประกอบและทุกกลุ่มตัวเลือกภายใน Divi จะมีค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า ดูด้านล่างว่ารูปแบบเริ่มต้นมาจากไหน
ค่าที่ตั้งไว้ล่วงหน้าที่กำหนดเอง เป็นค่าที่ตั้งล่วงหน้าเพิ่มเติมที่ง่ายต่อการจัดการและใช้เป็นค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า แต่จะไม่ถูกใช้โดยอัตโนมัติ (คุณต้องใช้ค่าที่ตั้งไว้ล่วงหน้าที่กำหนดเองเหล่านี้แทนค่าเริ่มต้น) พวกเขาจะใช้ในสถานการณ์พิเศษเช่นส่วนมืดแถบด้านข้างและการแสดงเนื้อหาที่หนาแน่น - ไม่ว่าคุณจะต้องการการออกแบบ
ทุกเว็บไซต์ควรได้รับการออกแบบโดยใช้กลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้าเท่าที่จะทำได้ จากนั้นควรสร้างค่าที่ตั้งไว้ล่วงหน้ากลุ่มตัวเลือกที่กำหนดเองเพิ่มเติมเพื่อจัดการกับสถานการณ์ที่คล้ายกันตามข้อกำหนดการออกแบบของคุณ สิ่งที่ไม่ครอบคลุมโดยค่าที่ตั้งไว้ล่วงหน้า OG เหล่านั้นสามารถออกแบบได้ด้วยการตั้งค่าองค์ประกอบเริ่มต้นและค่าที่ตั้งไว้ล่วงหน้าองค์ประกอบที่กำหนดเอง คุณสามารถใช้สไตล์โดยตรงกับแต่ละโมดูลสำหรับกรณีขอบที่เหลือซึ่งยังคงต้องได้รับการออกแบบ
Divi อยู่ในขั้นตอนที่น่าตื่นเต้นด้วยคุณสมบัติใหม่ทั้งหมดที่กำลังจะเปิดตัว เมื่อหน่วยขั้นสูงและตัวแปรการออกแบบลดลงคุณสามารถตั้งค่าตัวแปร CSS ด้วยหน่วยและฟังก์ชั่น CSS ทั้งหมด จากตรงนั้นคุณสามารถใช้ตัวแปร CSS เหล่านั้นในสถานที่ตั้งที่ตั้งไว้ล่วงหน้าทั้งหมดของคุณทำให้การออกแบบเวิร์กโฟลว์ของคุณมีความสอดคล้องและเร็วขึ้น 10 เท่า
นอกจากนี้ยังมีคุณสมบัติที่วางแผนไว้เพื่ออนุญาตให้กลุ่มตัวเลือกการทำรังอยู่ในตำแหน่งที่ตั้งไว้ล่วงหน้าองค์ประกอบช่วยให้คุณสามารถสร้างองค์ประกอบที่ตั้งไว้ล่วงหน้าด้วยตรรกะของตัวเลือกกลุ่มที่ตั้งไว้ล่วงหน้า นั่นหมายความว่าเมื่อคุณแก้ไขค่าที่ตั้งไว้ล่วงหน้า OG มันก็จะแก้ไขการตั้งค่าองค์ประกอบที่เกี่ยวข้อง (และในทางกลับกันในระดับ)
อนาคตกำลังดูสดใสสำหรับนักออกแบบและนักพัฒนาใน Divi 5!
วิธีเปลี่ยนค่าที่กำหนดเองให้เป็นค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า
เรามีค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นและเรายังมีที่ตั้งไว้ล่วงหน้าที่กำหนดเอง เราเห็นวิธีการใช้ที่ตั้งไว้ล่วงหน้าแทนค่าเริ่มต้น แต่ถ้าเราชอบมันมากจนเราต้องการทำให้เป็นค่าเริ่มต้นของเรา
นั่นเป็นเรื่องง่าย ไปที่ การตั้งค่าองค์ประกอบที่ตั้งไว้ล่วงหน้า หรือ กลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าแบบเลื่อนลง วางเมาส์เหนือ ค่าที่กำหนดเองที่กำหนดเอง ที่คุณต้องการทำให้เป็นค่าเริ่มต้นและคลิกที่ไอคอน ดาว จากนั้น บันทึกการเปลี่ยนแปลงของคุณ ตอนนี้ที่ตั้งไว้ล่วงหน้าของคุณเป็นค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นทั่วทั้งเว็บไซต์ของคุณ
รูปแบบภายในค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นมาจากไหน?
ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นที่ ไม่ได้รับการแก้ไขเพียงแค่สืบทอดค่าสไตล์ที่พบในชุดรูปแบบการปรับแต่ง ชุดรูปแบบ WordPress เกือบทั้งหมดยังคงใช้บางแง่มุมของชุดรูปแบบการปรับแต่ง (แม้แต่บล็อกธีม) แม้ว่า Divi ได้สร้างมันขึ้นมาเพื่อให้มันเชื่อมต่อ แต่ ไม่จำเป็นต้องใช้ เราจะแทนที่ Customizer ในบางจุดในอนาคต แต่สำหรับตอนนี้มันเป็นของที่ระลึกที่นำมาจาก WordPress Core ซึ่งเป็น queirk ของธีม WordPress ที่ทันสมัย
สมมติว่าฉันใช้ไซต์เริ่มต้นที่ปรึกษาทางการเงิน (เป็นตัวอย่างที่เป็นรูปธรรมเดียว) ในชุดรูปแบบ Customizer ขนาดข้อความส่วนหัว ถูกตั้งค่าเป็น 30px
ฉันสามารถเห็นค่าเดียวกัน (30px) ที่ใช้ในการตั้งค่าล่วงหน้าเริ่มต้นโดยไปที่ตัวแก้ไขภาพสำหรับหน้าคลิก " ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้น " สำหรับ หัวเรื่องหรือโมดูลข้อความ และตรวจสอบภายใต้ การออกแบบ> ข้อความหัวเรื่อง สำหรับระดับความสูง H1

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

หน้านี้ใช้ส่วน, แถว, คอลัมน์, ข้อความ, การแจ้งเตือน, ภาพ, ปุ่ม, ปุ่มและโมดูลเมนู ด้วยการรักษาสิ่งต่าง ๆ ให้เรียบง่ายเท่าที่จะทำได้สำหรับหน้านี้ฉันจะลดจำนวนกลุ่มตัวเลือกที่ฉันต้องออกแบบด้วย
ถัดไปคุณจะต้องเริ่มออกแบบการเปลี่ยนแปลงที่กว้างที่สุดของคุณด้วยการตั้งค่ากลุ่มตัวเลือกเริ่มต้น สำหรับการออกแบบส่วนใหญ่นี่จะเป็น:
- ระยะห่างส่วน : รวมระยะขอบบน/ล่างระยะขอบซ้าย/ขวาและช่องว่างภายในที่จำเป็น
- สีพื้นหลังส่วน : สร้างกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้าที่คุณต้องการใช้ในกรณีส่วนใหญ่และกลุ่มตัวเลือกที่กำหนดเองที่ตั้งไว้ล่วงหน้าสำหรับสีพื้นหลัง/ความคมชัด โปรดจำไว้ว่าการตั้งค่าล่วงหน้าเริ่มต้นไปยังกลุ่มตัวเลือกพื้นหลังที่ตั้งไว้ล่วงหน้าสามารถนำไปใช้กับพื้นหลังของคอลัมน์ได้
- ตัวอักษร : เริ่มต้นด้วย H1-H6S ของคุณ ขึ้นอยู่กับการใช้งานโมดูลของคุณคุณจะต้องเริ่มต้นสิ่งเหล่านี้ในกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้าภายใต้ ข้อความหัวเรื่อง สำหรับหัวเรื่องและโมดูลข้อความและ ข้อความชื่อเรื่อง สำหรับสิ่งต่าง ๆ เช่นโมดูล Blurb จากนั้นทำงานกับข้อความปกติโดยมุ่งเน้นที่กลุ่มตัวเลือก ข้อความ ในโมดูลข้อความและกลุ่มตัวเลือก ข้อความ ที่พบในสิ่งต่าง ๆ เช่นโมดูล Blurb
- การตั้งค่าการออกแบบอื่น ๆ : สร้างกลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าสำหรับเส้นขอบ, เงากล่อง, ตัวกรอง (ถ้าคุณเป็นภาพจัดแต่งทรงผม) และภาพเคลื่อนไหว สำหรับสิ่งเหล่านี้ฉันมักจะไม่ใช้ที่ตั้งไว้ล่วงหน้า แต่สร้างที่ตั้งไว้ล่วงหน้าที่กำหนดเองซึ่งฉันสามารถเลือกใช้กับองค์ประกอบหน้าเว็บได้
- การตั้งค่าขั้นสูง : นี่คล้ายกับขั้นตอนข้างต้น แต่ฉันสร้างตัวเลือกกลุ่มที่ตั้งไว้ล่วงหน้าสำหรับสิ่งต่าง ๆ เช่นการเปลี่ยนผ่านและเอฟเฟกต์การเลื่อน ฉันมักจะไม่ใช้ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้น แต่สร้างที่ตั้งไว้ล่วงหน้าที่กำหนดเองซึ่งฉันสามารถเลือกใช้กับองค์ประกอบหน้า
การสร้างกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้าในแฟชั่นนี้จะเริ่มใช้สไตล์ของคุณในเว็บไซต์ของคุณโดยอัตโนมัติ ทุกครั้งที่มีการอัปเดต OG เริ่มต้นองค์ประกอบที่เกี่ยวข้องทั่วทั้งเว็บไซต์ของคุณจะยอมรับการเปลี่ยนแปลงเหล่านั้นโดยอัตโนมัติ
ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นจะช่วยให้คุณประหยัดชั่วโมง
ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นทั้งองค์ประกอบและความหลากหลายของกลุ่มตัวเลือกจะช่วยให้คุณประหยัดเวลาได้จำนวนมาก ฉันไม่สามารถรอให้คุณเริ่มสร้างเว็บไซต์ด้วยคุณสมบัติเหล่านี้โดยใช้ผู้สร้างที่รวดเร็วของ Divi 5 และนั่นก็ไม่ใช่จุดสิ้นสุดของคุณสมบัติใหม่ที่เปิดตัวใน Divi 5
ด้วยคุณสมบัติใหม่และตามแผนของ Divi คุณจะมีระบบการออกแบบที่แท้จริงที่ปลายนิ้วของคุณ คุณได้ลองแก้ไขไซต์โดยใช้ค่าเริ่มต้นที่ตั้งไว้ล่วงหน้าก่อนหรือไม่? มันเป็นยังไงบ้าง? แจ้งให้เราทราบในความคิดเห็นด้านล่างและแบ่งปันวิธีการใช้คุณสมบัติเหล่านี้
ดาวน์โหลด divi 5 เรียนรู้ทั้งหมดเกี่ยวกับ divi 5 ลอง divi 5 demo