วิธีเพิ่มโมดูลให้กับ Divi WordPress Theme

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

ตัวสร้างโมดูล Divi

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

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

โมดูล Divi ภายในโมดูลอื่น

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

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

โมดูลรหัส Divi

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

โมดูลใน Divi สามารถใช้สร้างหน้าได้ ทุกโมดูลประกอบด้วยชุดคุณลักษณะ องค์ประกอบ และการตั้งค่าการออกแบบที่ไม่ซ้ำกัน ซึ่งจะช่วยให้คุณสร้างสิ่งที่ไม่ซ้ำใครได้ ชุดโมดูลขนาดใหญ่ของ Divi ทำให้ง่ายต่อการสร้างเว็บไซต์เกือบทุกประเภท หน้าของคุณสามารถสร้างด้วยโค้ดจากโมดูลโค้ด ซึ่งรวมถึง HTML, JavaScript และ CSS คุณสามารถใช้ โมดูลฟรีแต่ละโมดูล ที่มีให้โดย Elegant Themes โดยเป็นส่วนหนึ่งของการเป็นสมาชิก Divi ของคุณ เมื่อคุณสร้างโมดูล Divi คุณสามารถใช้กับโครงการในอนาคตหรือแม้แต่ขายใน Divi Marketplace โปรดไปที่เอกสารสำหรับนักพัฒนาของเราเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีสร้างโมดูลของคุณเอง

แทรกโมดูล Divi

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

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

วิธีการติดตั้งปลั๊กอินเค้าโครง Divi Builder

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

โมดูลตัวสร้าง Divi แบบกำหนดเอง โมดูลตัวสร้าง Divi

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

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

Divi Builder: ตัวสร้างเพจที่ยืดหยุ่นและใช้งานง่ายสำหรับ WordPress

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