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

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

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

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

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

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

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

ใช้กรณีเพิ่มส่วนความคิดเห็นในโพสต์บล็อกของคุณ

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

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

ใช้ Visual Builder เพิ่มส่วนมาตรฐานที่มีแถวความกว้างเต็ม (1 คอลัมน์) ด้านล่างโมดูลที่มีเนื้อหาโพสต์ของคุณ จากนั้นเพิ่มโมดูลข้อคิดเห็นในแถว

อัพเดตการตั้งค่าความคิดเห็นดังนี้:

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

สีพื้นหลังของช่อง: #ffffff

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

สีของข้อความ: มืด
ตำรวจ: PT Sans
ขนาดแบบอักษร: 20px
สีข้อความ:
เขตตำรวจ: PT Sans
ฟิลด์ขนาดแบบอักษร: 20px
แบบอักษร Meta: PT Sans, ตัวเอียง, ตัวพิมพ์ใหญ่
ขนาดแบบอักษร Meta: 16px
รัศมีขอบสนาม: 0px
ใช้เส้นขอบ: ใช่
สีของเส้นขอบ: #aaaaaa
ความกว้างของเส้นขอบ: 1px
ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
ปุ่มขนาดตัวอักษร: 20
สีข้อความปุ่ม: #ffffff
สีพื้นหลังของปุ่ม: # 02b875
ความกว้างของเส้นขอบของ
ปุ่ม: 3px

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

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

ตัวเลือกเนื้อหาของโมดูลความคิดเห็น

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

แสดง Avatar ผู้แต่ง

การปิดใช้งานตัวเลือกนี้จะลบอวตารของผู้เขียนความคิดเห็นออกจากรายการความคิดเห็น

แสดงปุ่มรับสาย

เมื่อปุ่มแสดงคำตอบถูกปิดใช้งานผู้ใช้จะไม่สามารถตอบกลับความคิดเห็นในรายการความคิดเห็น

ดูความคิดเห็น

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

สีพื้นหลังของฟิลด์

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

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

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

ข้อคิดเห็นการออกแบบ

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

สีข้อความ

คุณสามารถเลือกค่าของข้อความได้ที่นี่ หากคุณทำงานกับพื้นหลังสีเข้มควรเน้นข้อความของคุณ หากคุณกำลังทำงานกับพื้นหลังสีอ่อนข้อความของคุณควรเป็นสีเข้ม

แบบอักษรความคิดเห็น

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

ขนาดแบบอักษรความคิดเห็น

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

สีข้อความของความคิดเห็น

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

ระยะห่างของตัวอักษรความคิดเห็น

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

ความสูงของเส้นแสดงความคิดเห็น

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

เขตตำรวจ

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

ขนาดแบบอักษรของฟิลด์

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

สีข้อความฟิลด์

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

ระยะห่างของตัวอักษรในฟิลด์

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

ความสูงของเส้นสนาม

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

แบบอักษร Meta

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

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

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

สีของข้อความเมตา

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

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

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

ความสูงของเมตาแท็ก

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

รัศมีขอบสนาม

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

ใช้เส้นขอบ

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

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

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

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

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

สไตล์ชายแดน

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

มาร์จิ้นที่กำหนดเอง

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

ช่องว่างภายในที่กำหนดเอง

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

ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม

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

ขนาดข้อความของปุ่มข้อความ

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

สีของข้อความปุ่ม

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

สีพื้นหลังของปุ่ม

โดยค่าเริ่มต้นปุ่มต่างๆจะมีสีพื้นหลังโปร่งใส สิ่งนี้สามารถเปลี่ยนแปลงได้โดยเลือกสีพื้นหลังที่ต้องการจากตัวเลือกสี

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

ปุ่ม Divi ทั้งหมดมีขอบ 2px ตามค่าเริ่มต้น เส้นขอบนี้สามารถเพิ่มหรือลดได้โดยใช้การตั้งค่านี้ สามารถลบเส้นขอบได้โดยป้อนค่าเป็น 0

สีเส้นขอบของปุ่ม

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

ปุ่มชายแดนทางเรขาคณิต

รัศมีของเส้นขอบมีผลต่อการปัดเศษของปุ่มของคุณ ตามค่าเริ่มต้นปุ่มต่างๆใน Divi จะมีรัศมีเล็ก ๆ ที่ล้อมรอบมุม 3 พิกเซล คุณสามารถลดเป็น 0 เพื่อสร้างปุ่มสี่เหลี่ยมหรือเพิ่มขึ้นอย่างมากเพื่อสร้างปุ่มที่มีขอบวงกลม

การเว้นวรรคของตัวอักษรปุ่ม

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

ปุ่มตำรวจ

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

เพิ่มไอคอนปุ่ม

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

ไอคอนปุ่ม

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

สีไอคอนปุ่ม

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

ตำแหน่งไอคอนปุ่ม

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

แสดงเฉพาะไอคอนโฮเวอร์สำหรับปุ่ม

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

สีข้อความของปุ่มนำร่อง

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

สีพื้นหลังของเมาส์

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

สีเส้นขอบเลื่อน

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

ปุ่มรัศมีการกวาดล้าง

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

ปุ่มโรลโอเวอร์ปุ่มเว้นวรรค

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

ความคิดเห็นตัวเลือกขั้นสูง

ในแท็บขั้นสูงคุณจะพบตัวเลือกที่นักออกแบบเว็บที่มีประสบการณ์มากกว่าอาจพบว่ามีประโยชน์เช่นแอตทริบิวต์ 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 โดยคั่นด้วยอัฒภาค

ความชัดเจน

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

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