ดาวน์โหลด Global Presets Style Guide ฟรีสำหรับ Divi's Freelance Writer Layout Pack

เฮ้ Divi Nation! ขอขอบคุณที่เข้าร่วมกับเราในงวดถัดไปของ Divi Design Initiative ประจำสัปดาห์ โดยเราจะแจกของสมนาคุณใหม่ๆ ทุกสัปดาห์ วันนี้ เรากำลังแบ่งปันคู่มือสไตล์พรีเซ็ตทั่วโลกสำหรับ Divi's Freelance Writer Layout Pack ค่าที่ตั้งไว้ล่วงหน้าทั่วโลกของ Divi ช่วยให้คุณเร่งความเร็วกระบวนการออกแบบเว็บได้ในเวลาไม่นาน และเพื่อช่วยให้คุณเร่งความเร็วได้เร็วยิ่งขึ้นไปอีก เราจะจัดหาพรีเซ็ตส่วนกลางเป็นประจำ ซึ่งเป็นเอกลักษณ์ของแพ็กเลย์เอาต์ในเลย์เอาต์เดียว คุณสามารถเลือกได้ว่าต้องการอัปโหลดสถานีที่ตั้งไว้ล่วงหน้าทั้งหมดพร้อมกันหรือเลือกเฉพาะ

ดาวน์โหลด Global Presets Style Guide สำหรับ Freelance Writer Layout Pack

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

ดาวน์โหลดไฟล์

ดาวน์โหลดฟรี

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

ดาวน์โหลด

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

ภาพรวมโดยย่อของ Global Presets

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

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

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

เมื่อใดควรใช้ Global Presets Style Guide

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

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

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

ตัวเลือก A: อัปโหลดสถานีที่ตั้งไว้ล่วงหน้าทั้งหมดโดยอัตโนมัติในครั้งเดียว

วิธีการนี้จะเพิ่มค่าที่ตั้งล่วงหน้าทั้งหมดลงในไลบรารีที่ตั้งไว้ล่วงหน้าของคุณโดยอัตโนมัติในครั้งเดียว

ไปที่ห้องสมุด Divi

ไปที่ Divi Library ของคุณที่ส่วนหลังของเว็บไซต์ WordPress ของคุณ

อัปโหลดเค้าโครงด้วยพรีเซ็ต

คลิกที่ปุ่ม "นำเข้าและส่งออก" ที่ด้านบน

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

ชื่อที่ตั้งไว้ล่วงหน้าภายในไลบรารีที่ตั้งไว้ล่วงหน้า

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

• FWLP – H1 – 1
• FWLP – H2 – 1
• FWLP – H3 – 1
• FWLP – H3 – 2
• FWLP – H4 – 1
• FWLP – ร่างกาย – 1 นาที
• FWLP – ลิงค์-1
• FWLP – ลิงค์- 2
• FWLP – ข้อความ – ทั้งหมด – 1

• FWLP – ปุ่ม 1
• FWLP – ปุ่ม 2
• FWLP – ปุ่ม 3
• FWLP – ปุ่ม 4

• FWLP – Blurb 1
• FWLP – Blurb 2
• FWLP – Blurb 3
• FWLP – Blurb 4

• FWLP – อีเมล Optin 1
• FWLP – แบบฟอร์มการติดต่อ 1
• FWLP – ตัวเลื่อน 1
  • FWLP – สไลด์ 1
• FWLP – ติดตามโซเชียลมีเดีย 1
  • FWPL – โซเชียลเน็ตเวิร์ก 1
• FWLP – โซเชียลมีเดียติดตาม2
  • FWPL – โซเชียลเน็ตเวิร์ก 2

เข้าถึงพรีเซ็ตในโมดูลใหม่ที่คุณเพิ่ม

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

ตัวเลือก B: การเลือกเปลี่ยนโมดูลในคู่มือสไตล์ให้เป็นค่าที่ตั้งไว้ล่วงหน้าทั่วโลก

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

ไปที่ห้องสมุด Divi

นำทางไปยัง Divi Library ของคุณในแบ็กเอนด์ของเว็บไซต์ WordPress ของคุณ

อัปโหลดเค้าโครงโดยไม่ต้องตั้งค่าล่วงหน้า

จากนั้นคลิกที่ปุ่ม "นำเข้าและส่งออก"

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

สร้างหน้าร่างใหม่ + อัปโหลดเค้าโครง

ตอนนี้ ให้สร้างแบบร่างหน้าใหม่สำหรับเค้าโครงคู่มือสไตล์ที่ตั้งไว้ล่วงหน้าทั่วโลก

เลือกโมดูลที่คุณต้องการเปลี่ยนเป็น Global Preset & Open Module Settings

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

เปลี่ยนโมดูลเป็น Global Preset ในการตั้งค่า

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

เปลี่ยนการตั้งค่าโมดูลเป็นพรีเซ็ตใหม่จากสไตล์ที่กำหนดเอง

ตั้งชื่อพรีเซ็ตใหม่ตามที่คุณต้องการ

ทำซ้ำขั้นตอนสำหรับแต่ละโมดูลที่คุณต้องการรวมไว้ในค่าที่ตั้งล่วงหน้า

ทำซ้ำขั้นตอนเหล่านี้สำหรับค่าที่ตั้งไว้ล่วงหน้าแต่ละรายการที่คุณต้องการสร้าง

ข้อยกเว้น: โมดูลที่ซ้อนกัน (โมดูลการติดตามโซเชียลมีเดีย)

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

สร้างจานสีที่กำหนดเองด้วยรหัสสีภายในตัวสร้างธีม Divi ของคุณ

ไปที่ตัวเลือกธีม Divi

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

ปรับแต่งจานสีโดยใช้รหัสฐานสิบหกในคู่มือสไตล์

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

เคล็ดลับ: เก็บคำแนะนำสไตล์ในแท็บแยกต่างหากเพื่อคัดลอก/วางลักษณะเฉพาะ (การไล่ระดับสี/เงากล่อง/เส้นขอบ/…)

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

คู่มือสไตล์พรีเซ็ตทั่วโลกใหม่ทุกสัปดาห์!

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