สามารถเพิ่มข้อความได้ทุกที่ในเพจของคุณด้วย 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 =" expand "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] [/ width_column] [» vc_column] [ » 1/2″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" Layout = "ขยาย" align = "กลาง" 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 "] ดาวน์โหลดเทมเพลต DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
บทแนะนำ Divi อื่น ๆ
- เว็บไซต์ 5 สำหรับการใช้งานร้านอาหาร Divi ธีม
- วิธีการเพิ่มข้อความในผลิตภัณฑ์ Divi WooCommerce
- วิธีการเปลี่ยนสีของเมนูระหว่างหน้า Divi
- วิธีปรับเปลี่ยนกริดของบล็อกด้วย Divi
- วิธีการใช้บทบาทของบรรณาธิการ Divi บน WordPress
- วิธีสร้างแถบเลื่อน Divi แบบเต็มหน้าจอ
- วิธีการเปลี่ยนสีของเมนูระหว่างหน้า Divi
- คุณสมบัติที่คุณอาจไม่รู้เกี่ยวกับ Divi
- วิธีการใช้ Divi Builder ใน WordPress
- วิธีใช้โมดูลเลื่อนภาพ Divi
- วิธีการใช้โมดูล Divi Builder Flip
- วิธีการเพิ่มโมดูลข้อความรับรองในตัวสร้าง Divi
- วิธีใช้โมดูลข้อความ Divi
- วิธีสร้างแถบเลื่อนบน Divi
- วิธีแก้ไขบทบาทผู้ใช้ Divi
- วิธีใช้โมดูล Divi Social Media
- วิธีใช้โมดูลร้านค้าในธีม WordPress Divi
- วิธีใช้โมดูลด้านข้าง Divi
- วิธีการใช้โมดูลตารางราคา Divi
- วิธีการใช้โมดูลชื่อเรื่องของสิ่งพิมพ์ของ Divi
- วิธีเพิ่มโมดูลวิดีโอของ Divi
- วิธีใช้โมดูลการนำทางบทความ
- วิธีการใช้โมดูลค้นหา Divi
- วิธีใช้โมดูลกระเป๋าสตางค์ Divi
- วิธีการใช้โมดูลคนบน Divi Builder
- วิธีใช้โมดูลกระเป๋าสตางค์กับตัวกรอง Divi
- วิธีการใช้โมดูลเลื่อนความกว้างเต็ม
- วิธีใช้โมดูล Divi Builder Image
- วิธีใช้โมดูลการนำทางความกว้างเต็มรูปแบบของ Divi Builder
- วิธีการใช้โมดูลคลังภาพ
- วิธีการใช้โมดูลบัตร Divi Builder Full-Width Card
- วิธีใช้โมดูล Divi Full Width Portfolio
- วิธีใช้โมดูลส่วนหัวแบบเต็มความกว้างของ Divi
- วิธีใช้โมดูล Divi Counter
- วิธีใช้แถบเลื่อนบทความบนเครื่องมือสร้าง Divi
- วิธีใช้โมดูล Divi Email Optin
