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

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

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

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

วิธีแก้ไของค์ประกอบเริ่มต้นที่ตั้งไว้ล่วงหน้า - ขั้นตอนที่ 3

คุณจะรู้ว่าคุณกำลังแก้ไขล่วงหน้าเมื่อ breadcrumbs (แสดงตำแหน่งที่ซ้อนกันขององค์ประกอบที่คุณกำลังทำอยู่) หายไปและคำว่า " ที่ตั้งไว้ล่วงหน้า " จะปรากฏขึ้นที่ด้านบนซ้ายของแผงการตั้งค่า นอกจากนี้คุณยังจะสังเกตเห็นตัวเลือกที่ตั้งไว้ล่วงหน้ากล่าวว่า“ ค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า ” และเปลี่ยนเป็นสีน้ำเงิน จากที่นี่นำทางไปยัง กลุ่มตัวเลือกองค์ประกอบ ที่คุณต้องการแก้ไข ในกรณีนี้ฉันตัดสินใจที่จะไปที่ แท็บการออกแบบ> ขนาดข้อความ> ขนาดข้อความ เพื่อแก้ไขขนาดของเนื้อหาข้อความสำหรับโมดูลนี้

คลิก“ บันทึกที่ตั้งไว้ล่วงหน้า” เพื่อให้การเปลี่ยนแปลงของคุณถูกระงับไว้

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

มุมมอง Wireframe ของหน้าใน Divi 5. สังเกตว่าแถวนี้มีค่าที่ตั้งไว้ล่วงหน้าอย่างไรในขณะที่ไม่เหมาะสมกับเกณฑ์สำหรับการเป็นโมดูล แต่เป็นคอนเทนเนอร์

ค่าที่ตั้งไว้ล่วงหน้าองค์ประกอบเริ่มต้นสามารถ“ แทนที่” ได้ง่ายๆโดยใช้ องค์ประกอบที่กำหนดเองที่กำหนดไว้ล่วงหน้า กับโมดูล (เพิ่มเติมในด้านล่างนี้) หรือโดยใช้รูปแบบโดยตรงกับโมดูลหรือองค์ประกอบที่เฉพาะเจาะจง Divi เช่น CSS ทำงานกับกฎเฉพาะและในกรณีนี้การตั้งค่าที่ใช้กับโมดูลโดยตรงนั้นมีความเฉพาะเจาะจงมากกว่าการตั้งค่าที่ใช้กับองค์ประกอบเริ่มต้นที่ตั้งไว้ล่วงหน้า

แต่มีการตั้งค่าล่วงหน้าใหม่ในบล็อกที่คุณควรออกแบบเว็บไซต์ Divi ของคุณด้วยก่อน

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

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

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

ในระยะสั้นโมดูลที่แตกต่างกันมีองค์ประกอบที่แตกต่างกัน (ดูตารางด้านล่างสำหรับตัวอย่างเปรียบเทียบองค์ประกอบที่แตกต่างกันสี่องค์ประกอบ)

การออกแบบเว็บอเนกประสงค์โดยตั้งค่าล่วงหน้า Call to Action Module โมดูลตัวจับเวลานับถอยหลัง ส่วนและแถว
ข้อความ (การออกแบบ)
ข้อความชื่อเรื่อง (การออกแบบ)
ข้อความร่างกาย (ออกแบบ)
ปุ่ม (ออกแบบ)
ข้อความหมายเลข (การออกแบบ)
ข้อความตัวคั่น (การออกแบบ)
ข้อความฉลาก (การออกแบบ)
ความเป็นมา (เนื้อหา)
ปรับขนาด (ขั้นสูง)
ระยะห่าง (ขั้นสูง)
ชายแดน (ขั้นสูง)
Box Shadow (ขั้นสูง)
ตัวกรอง (ขั้นสูง)
แปลง (ขั้นสูง)
ภาพเคลื่อนไหว (ขั้นสูง)
*กลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าให้คุณใช้การออกแบบอย่างกว้างขวางในโมดูล/องค์ประกอบที่รองรับกลุ่มตัวเลือกที่ทับซ้อนกัน

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

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

หากต้องการแก้ไขกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้าให้ไปที่แผง การตั้งค่า โมดูลหรือแถว/ส่วน วางเมาส์เหนือกลุ่มตัวเลือกที่มีอยู่ (ข้อความ, ข้อความชื่อ, ปุ่ม, พื้นหลัง ฯลฯ ) กลุ่มตัวเลือกที่รองรับการตั้งค่าล่วงหน้าจะเปิดเผย ไอคอนที่ตั้งไว้ ทางด้านขวาของฟิลด์ OG นั้นเมื่อลอยอยู่เหนือ คลิกที่ไอคอนที่ตั้งไว้ล่วงหน้าเพื่อแสดง ค่าเริ่มต้น และ ค่าที่กำหนดเอง ใด ๆ สำหรับกลุ่มตัวเลือกนั้น

วิธีแก้ไขกลุ่มตัวเลือกเริ่มต้นที่ตั้งไว้ล่วงหน้า - ขั้นตอนที่ 1-3

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

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

ความแตกต่างระหว่างค่าเริ่มต้นและค่าที่กำหนดเองที่กำหนดเองคืออะไร?

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

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

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

วิธีใช้กลุ่มตัวเลือกและองค์ประกอบที่ตั้งไว้ด้วยกัน

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

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

อนาคตกำลังดูสดใสสำหรับนักออกแบบและนักพัฒนาใน Divi 5!

วิธีเปลี่ยนค่าที่กำหนดเองให้เป็นค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า

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

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

รูปแบบภายในค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นมาจากไหน?

ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นที่ ไม่ได้รับการแก้ไขเพียงแค่สืบทอดค่าสไตล์ที่พบในชุดรูปแบบการปรับแต่ง ชุดรูปแบบ WordPress เกือบทั้งหมดยังคงใช้บางแง่มุมของชุดรูปแบบการปรับแต่ง (แม้แต่บล็อกธีม) แม้ว่า Divi ได้สร้างมันขึ้นมาเพื่อให้มันเชื่อมต่อ แต่ ไม่จำเป็นต้องใช้ เราจะแทนที่ Customizer ในบางจุดในอนาคต แต่สำหรับตอนนี้มันเป็นของที่ระลึกที่นำมาจาก WordPress Core ซึ่งเป็น queirk ของธีม WordPress ที่ทันสมัย

สมมติว่าฉันใช้ไซต์เริ่มต้นที่ปรึกษาทางการเงิน (เป็นตัวอย่างที่เป็นรูปธรรมเดียว) ในชุดรูปแบบ Customizer ขนาดข้อความส่วนหัว ถูกตั้งค่าเป็น 30px

ค่าปรับแต่งธีมที่ใช้ในค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า - รูปภาพของค่าตัวอักษรชุดรูปแบบการปรับแต่ง

ฉันสามารถเห็นค่าเดียวกัน (30px) ที่ใช้ในการตั้งค่าล่วงหน้าเริ่มต้นโดยไปที่ตัวแก้ไขภาพสำหรับหน้าคลิก " ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้น " สำหรับ หัวเรื่องหรือโมดูลข้อความ และตรวจสอบภายใต้ การออกแบบ> ข้อความหัวเรื่อง สำหรับระดับความสูง H1

ค่า Customizer ธีมที่ใช้ในค่าเริ่มต้นที่ตั้งไว้ล่วงหน้า - รูปภาพของค่า contivity ใน d5 องค์ประกอบเริ่มต้นที่ตั้งไว้ล่วงหน้า

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

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

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

วิธีใช้ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นเพื่อสร้างเว็บไซต์

ฉันขอแนะนำให้เริ่มงานสร้างของคุณด้วยสองหน้าของ wireframes จัดวางทุกอย่างในไม่กี่หน้าด้วยสิ่งที่คุณรู้ว่าคุณจะต้องได้รับการออกแบบ

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

วิธีการออกแบบไซต์ด้วยการตั้งค่าล่วงหน้าของ Divi - ขั้นตอนที่ 1

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

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

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

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

ค่าที่ตั้งไว้ล่วงหน้าเริ่มต้นจะช่วยให้คุณประหยัดชั่วโมง

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

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

ดาวน์โหลด divi 5 เรียนรู้ทั้งหมดเกี่ยวกับ divi 5 ลอง divi 5 demo