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

วิธีเพิ่มโมดูลบล็อกในหน้าของคุณ

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

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

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

ใช้กรณีของโมดูลบล็อกที่มีเค้าโครงตารางในส่วนพิเศษที่มีแถบด้านข้างด้านขวา

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

นี่คือลักษณะของหน้าตัวอย่าง

โปรดทราบว่าโมดูลบล็อกอยู่ในรูปแบบกริดที่ด้านซ้ายของส่วนพิเศษ

ขอเริ่มต้น

ใช้ตัวสร้างภาพเพื่อเพิ่มส่วนพิเศษด้วยโครงร่างต่อไปนี้:

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

จากนั้นเพิ่มโมดูลบล็อกในบรรทัด

อัปเดตการตั้งค่าบล็อกดังนี้:

ตัวเลือกเนื้อหา

หมายเลขบทความ: 6
ปุ่มเรียนรู้เพิ่มเติม: เปิด
แสดงเลขหน้า: NO
สีพื้นหลังของตาราง: #ffffff

ตัวเลือกการออกแบบ

เค้าโครง: ตาราง
ใช้ Dropshadow: ON
ไอคอนสีซ้อนทับ: #ffffff
Hover Overlay Color: rgba (224,153,0,0.51) ส่วนหัว
ตำรวจ:
ส่วนหัวขนาดตัวอักษร: 21px
สีข้อความส่วนหัว: # 333333
ระยะห่างตัวอักษร: 1px
ความสูงของแถวส่วนหัว: 1.2 em
ชายแดน: ใช่
สีของเส้นขอบ: # f0f0f0
ความกว้างของเส้นขอบ: 1px
สไตล์ชายแดน: ของแข็ง

ตัวเลือกขั้นสูง

CSS ที่กำหนดเอง (ปุ่มอ่านเพิ่มเติม):

สี: # eXa;
ดูบล็อก;
text-align: center;
margin-top: 10px;
border: 1px solid #ccc;
การขยาย: 5px;
การแปลงข้อความ: แปลงเป็นทุน
ระยะห่างระหว่างตัวอักษร: 1px;

ปุ่ม CSS ที่กำหนดเองขั้นสูงสำหรับปุ่ม Read More จะสร้างรูปลักษณ์ที่กำหนดเองที่ตรงกับการออกแบบ

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

ว่ามัน!

ตัวเลือกเนื้อหาบล็อก

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

หมายเลขสินค้า (จำนวนรายการ)

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

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

หมวดหมู่รวม

เลือกหมวดหมู่ที่คุณต้องการรวมไว้ในฟีด

รูปแบบวันที่ Meta

กำหนดรูปแบบวันที่ที่คุณต้องการแสดงในบทความบล็อกของคุณที่นี่ เค้าโครงเริ่มต้นคือรูปแบบ M j, Y (6 มกราคม 2014) ดูไฟล์ WordPress codex ในรูปแบบวันที่สำหรับตัวเลือกเพิ่มเติม

เนื้อหา

การแสดงเนื้อหาทั้งหมดจะไม่ตัดข้อความของคุณในหน้าดัชนี Show Snippet จะแสดงเฉพาะข้อความตัวอย่างของคุณ

หมายเลขออฟเซ็ต

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

แสดงภาพเด่น

ตัวเลือกนี้ช่วยให้คุณสามารถเลือกว่าต้องการให้ภาพขนาดย่อปรากฏในโมดูลบล็อกของคุณหรือไม่

ปุ่มอ่านเพิ่มเติม

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

แสดงผู้แต่ง

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

แสดงวันที่

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

แสดงหมวดหมู่

เลือกว่าจะแสดงหมวดหมู่โพสต์ในพื้นที่เมตาโพสต์ด้านล่างชื่อสิ่งพิมพ์

แสดงจำนวนความคิดเห็น

เลือกว่าคุณต้องการแสดงจำนวนความคิดเห็นในช่องเมตาโพสต์ด้านล่างชื่อของโพสต์หรือไม่

ดูการแบ่งหน้า

เลือกว่าคุณต้องการแสดงเพจสำหรับฟีดนี้หรือไม่ ในการเปิดใช้งานการเพจที่มีหมายเลขคุณจะต้องติดตั้งปลั๊กอิน WP Page Navi .

ป้ายกำกับการดูแลระบบ

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

ตัวเลือกการออกแบบบล็อก

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

อารมณ์

คุณสามารถเลือกที่จะแสดงบทความบล็อกของคุณในรูปแบบตารางหรือแบบเต็มความกว้าง

ภาพซ้อนทับ

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

สีไอคอนซ้อนทับ

คุณสามารถกำหนดสีที่กำหนดเองสำหรับไอคอนภาพซ้อนทับได้ที่นี่

ปกคลุมโฉบเฉดสี

ที่นี่คุณสามารถกำหนดสีที่กำหนดเองสำหรับการวางซ้อน

ไอคอน Hover Picker

ที่นี่คุณสามารถกำหนดไอคอนที่กำหนดเองสำหรับการวางซ้อน

สีข้อความ

Si บล็อกของคุณ วางอยู่บนพื้นหลังสีอ่อน สีข้อความควรตั้งค่าเป็น "มืด" วีซ่าใช่ บล็อกของคุณ วางอยู่บนพื้นหลังสีเข้ม ควรตั้งค่าสีข้อความเป็น "สว่าง"

แบบอักษรส่วนหัว

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

ขนาดตัวอักษรส่วนหัว

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

สีข้อความส่วนหัว

ตามค่าเริ่มต้นสีข้อความทั้งหมดใน Divi จะปรากฏเป็นสีขาวหรือเทาเข้ม หากคุณต้องการเปลี่ยนสีของส่วนหัวให้เลือกสีที่คุณต้องการจากตัวเลือกสีโดยใช้ตัวเลือกนี้

ระยะห่างของตัวอักษรส่วนหัว

ระยะห่างของตัวอักษรมีผลต่อช่องว่างระหว่างตัวอักษรแต่ละตัว หากคุณต้องการเพิ่มช่องว่างระหว่างตัวอักษรแต่ละตัวของข้อความส่วนหัวของคุณให้ใช้แถบเลื่อนช่วงเวลาเพื่อปรับช่องว่างหรือป้อนขนาดของระยะห่างที่คุณต้องการในช่องป้อนข้อมูลทางด้านขวาของแถบเลื่อน ช่องป้อนข้อมูลรองรับหน่วยวัดที่แตกต่างกันซึ่งหมายความว่าคุณสามารถป้อน "px" หรือ "em" ขึ้นอยู่กับขนาดของคุณเพื่อเปลี่ยนประเภทหน่วย

ความสูงของแถวส่วนหัว

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

แบบอักษร Body

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

ขนาดแบบอักษร Body

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

สีตัวอักษร

ตามค่าเริ่มต้นสีข้อความทั้งหมดใน Divi จะปรากฏเป็นสีขาวหรือเทาเข้ม หากคุณต้องการเปลี่ยนสีของเนื้อหาให้เลือกสีที่ต้องการจากตัวเลือกสีโดยใช้ตัวเลือกนี้

ระยะห่างของตัวอักษร

ระยะห่างของตัวอักษรมีผลต่อช่องว่างระหว่างตัวอักษรแต่ละตัว หากคุณต้องการเพิ่มช่องว่างระหว่างตัวอักษรแต่ละตัวของเนื้อหาของคุณให้ใช้แถบเลื่อนช่วงเวลาเพื่อปรับช่องว่างหรือป้อนขนาดระยะห่างที่ต้องการในช่องป้อนข้อมูลทางด้านขวาของแถบเลื่อน ช่องป้อนข้อมูลรองรับหน่วยวัดที่แตกต่างกันซึ่งหมายความว่าคุณสามารถป้อน "px" หรือ "em" ขึ้นอยู่กับขนาดของคุณเพื่อเปลี่ยนประเภทหน่วย

ความสูงของเส้นร่างกาย

ความสูงของเส้นมีผลต่อช่องว่างระหว่างข้อความเนื้อหาแต่ละบรรทัด หากคุณต้องการเพิ่มช่องว่างระหว่างแต่ละบรรทัดให้ใช้แถบเลื่อนช่วงเวลาเพื่อปรับช่องว่างหรือป้อนขนาดพื้นที่ที่ต้องการในช่องป้อนข้อมูลทางด้านขวาของแถบเลื่อน ช่องป้อนข้อมูลรองรับหน่วยวัดที่แตกต่างกันซึ่งหมายความว่าคุณสามารถป้อน "px" หรือ "em" ขึ้นอยู่กับขนาดของคุณเพื่อเปลี่ยนประเภทหน่วย

แบบอักษร Metas

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

ขนาดตัวอักษร Metas

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

สีข้อความสำหรับเมตา

ตามค่าเริ่มต้นสีข้อความทั้งหมดใน Divi จะปรากฏเป็นสีขาวหรือเทาเข้ม หากคุณต้องการเปลี่ยนสีของข้อความเมตาของคุณให้เลือกสีที่คุณต้องการจากตัวเลือกสีโดยใช้ตัวเลือกนี้

ระยะห่างของตัวอักษรเมตา

ระยะห่างของตัวอักษรมีผลต่อช่องว่างระหว่างตัวอักษรแต่ละตัว หากคุณต้องการเพิ่มช่องว่างระหว่างตัวอักษรแต่ละตัวของข้อความเมตาของคุณให้ใช้แถบเลื่อนช่วงเวลาเพื่อปรับช่องว่างหรือป้อนขนาดระยะห่างที่ต้องการในช่องป้อนข้อมูลทางด้านขวาของแถบเลื่อน ช่องป้อนข้อมูลรองรับหน่วยวัดที่แตกต่างกันซึ่งหมายความว่าคุณสามารถป้อน "px" หรือ "em" ขึ้นอยู่กับขนาดของคุณเพื่อเปลี่ยนประเภทหน่วย

ความสูงของ Meta Line

ความสูงของเส้นมีผลต่อช่องว่างระหว่างแต่ละบรรทัดของข้อความเมตาของคุณหากคุณต้องการเพิ่มช่องว่างระหว่างแต่ละบรรทัดให้ใช้แถบเลื่อนช่วงเพื่อปรับช่องว่างหรือป้อนขนาดระยะห่างที่ต้องการในฟิลด์ ทางด้านขวาของเคอร์เซอร์ ช่องป้อนข้อมูลรองรับหน่วยวัดที่แตกต่างกันซึ่งหมายความว่าคุณสามารถป้อน "px" หรือ "em" ขึ้นอยู่กับขนาดของคุณเพื่อเปลี่ยนประเภทหน่วย

ใช้เส้นขอบ

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

สีของเส้นขอบ

ตัวเลือกนี้มีผลต่อสีของเส้นขอบของคุณ เลือกสีที่กำหนดเองจากตัวเลือกสีเพื่อใช้กับเส้นขอบของคุณ

ความกว้างของเส้นขอบ

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

สไตล์ชายแดน

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

ตัวเลือกบล็อกขั้นสูง

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

รหัส CSS

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

ชั้น CSS

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

CSS ที่กำหนดเอง

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

ความชัดเจน

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

สำหรับบทช่วยสอนนี้