บทช่วยสอน Divi: วิธีใช้โมดูลข้อความบน Divi

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

วิธีการเพิ่มโมดูลข้อความ Divi

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

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

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

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

เนื้อหาต้นฉบับ

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

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

สีพื้นหลัง

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

ภาพพื้นหลัง

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

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

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

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

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

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

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

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

นั่นคือทั้งหมดสำหรับบทช่วยสอนนี้ฉันหวังว่ามันจะช่วยให้คุณใช้โมดูลข้อความบน Divi ได้

[vc_row center_row=”ใช่”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]ดาวน์โหลดธีม DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]ดาวน์โหลด TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

การสอน Divi: วิธีใช้โมดูล Divi Text