Divi Builder Review: ตัวสร้างหน้า WordPress ที่ทันสมัย

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

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

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

สิ่งนี้จะช่วยให้คุณเข้าใจมากขึ้นว่าทำไมเจ้าของเว็บไซต์จำนวนมากจึงใช้ปลั๊กอิน WordPress นี้

Divi Builder เสนออะไร?

ในตอนท้ายของปี 2018 WordPress ได้เปิดตัวซอฟต์แวร์เวอร์ชัน 5.0 นี่เป็นการเปิดตัวครั้งสำคัญเนื่องจากแทนที่ตัวแก้ไข WYSIWYG แบบเก่า (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) ด้วยตัวแก้ไขการลากและวางแบบใหม่ที่เรียกว่า Gutenberg

ตอนนี้ WordPress มาพร้อมกับเครื่องมือสร้างเพจแบบลากและวาง คุณอาจสงสัยว่าทำไมใครๆ ก็ต้องการซื้อโซลูชันการสร้างเพจทางเลือก เช่น Divi Builder

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

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

Divi Builder เปิดตัวในปี 2015 เป็นโซลูชันการสร้างเพจแบบสแตนด์อโลนที่ใช้งานได้กับธีม WordPress ใดๆ ก่อนหน้านี้ ฟังก์ชันนี้สามารถใช้ได้เฉพาะในธีม Divi WordPress ซึ่งเปิดตัวโดย Elegant Themes เมื่อสองปีก่อนเท่านั้น

ปลั๊กอินได้รับการขยายและปรับปรุงอย่างต่อเนื่องตลอดหลายปีที่ผ่านมา ธีมที่หรูหรามีการเผยแพร่การอัปเดตอย่างสม่ำเสมอบนบล็อกซึ่งมีรายละเอียดการแก้ไขข้อผิดพลาด ปรับแต่ง และฟังก์ชันการทำงานใหม่ที่สำคัญ

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

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

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

ปลั๊กอินนี้มาพร้อมกับเลย์เอาต์ที่สร้างไว้ล่วงหน้าอันน่าทึ่งกว่า 1,000 แบบ และอีกมากกำลังเปิดตัวผ่าน Divi Marketplace อย่างเป็นทางการและตลาดบุคคลที่สาม

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

จุดขายที่แท้จริงของ Divi Builder คือการปรับแต่ง

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

พูดง่ายๆ ก็คือ หากอยู่ในหน้า คุณสามารถเปลี่ยนได้

Divi Builder รองรับ WooCommerce อย่างดี; ธีมที่หรูหราเรียกการรวมนี้ว่า “WooBuilder”

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

มาดูกันดีกว่าว่า Divi Builder ทำงานอย่างไร...

เปิดตัว Visual Builder

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

พื้นที่การตั้งค่าขนาดเล็กยังสามารถเข้าถึงได้จากตัวแก้ไข WordPress ที่ให้คุณปรับเปลี่ยนความกว้างของเนื้อหาของคุณได้

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

คุณต้องคลิกที่ปุ่มนี้เพื่อเปิดใช้ Divi Builder ที่ส่วนหน้าของเว็บไซต์ของคุณ

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

หากคุณกำลังสร้างบล็อกโพสต์หรือหน้าใหม่ คุณจะมีตัวเลือกในการใช้ Divi Builder หรือตัวแก้ไขเริ่มต้นของ WordPress

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

แม้ว่าโดยทั่วไปแล้วผู้ใช้ WordPress จะใช้ Divi Builder แทนตัวแก้ไขเริ่มต้นของ WordPress แต่ก็สามารถทำงานร่วมกับตัวแก้ไข Gutenberg โดยใช้ Divi Layout Block

คุณสามารถแทรก Divi Layout Block ลงในส่วนใดก็ได้ในเพจของคุณ และวางไว้ข้างบล็อกตัวแก้ไข WordPress ปกติ

คุณสามารถแทรก Divi Layout Blocks ลงในเนื้อหาของคุณได้ คุณสามารถสร้างเลย์เอาต์ใหม่ทั้งหมดภายในบล็อกหรือโหลดเลย์เอาต์ที่บันทึกไว้ก่อนหน้านี้จาก Divi Library ของคุณ

อย่างที่คุณเห็น Divi Builder ช่วยเสริม WordPress ได้ดีมากโดยไม่เข้าควบคุมทั้งเว็บไซต์ของคุณ คุณต้องใช้ Divi Builder เมื่อคุณต้องการเท่านั้น

เลย์เอาต์ที่สวยงามของ Divi

เมื่อเปิดตัว Divi Builder คุณจะเห็นสามตัวเลือก

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

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

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

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

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

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

หากคุณคลิกที่ "ใช้เลย์เอาต์นี้" Divi Builder จะเริ่มนำเข้าเลย์เอาต์หรือเลย์เอาต์แพ็คที่เป็นปัญหา

เช่นเดียวกับโซลูชันการสร้างเพจของ WordPress Divi Builder จะแทรกเลย์เอาต์ลงในพื้นที่เนื้อหาหลักของโพสต์ หน้า และประเภทโพสต์ที่กำหนดเองโดยตรง

ดังนั้น หากคุณนำเข้าการออกแบบไปยังโพสต์ในบล็อก แถบด้านข้างจะแสดงขึ้น เว้นแต่คุณจะลบออกด้วยตนเอง ในเพจ กระบวนการนี้จะตรงไปตรงมามากกว่า เนื่องจากธีม WordPress ส่วนใหญ่มีเทมเพลตหน้าแบบเต็มความกว้างหรือเทมเพลตหน้า Landing Page ที่ลบแถบด้านข้าง

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

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

เมนูผู้ดูแลระบบ Divi หลักมีลิงก์ไปยังตัวสร้างธีม Divi และไลบรารี Divi

ตัวสร้างธีม Divi ช่วยให้คุณสร้างเทมเพลตหน้าที่ไม่ซ้ำกันซึ่งมีส่วนหัว เนื้อหา และส่วนท้ายที่กำหนดไว้

คุณสามารถกำหนดเลย์เอาต์ใดๆ ให้กับเทมเพลตของคุณและกำหนดว่าส่วนใดของเว็บไซต์ของคุณควรแสดง

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

ทุกเลย์เอาต์ที่คุณบันทึกจะแสดงในหน้าหลักของ Divi Library

จากพื้นที่นี้ คุณสามารถเข้าถึงเค้าโครงทั้งหมด แก้ไขประเภทเค้าโครง และนำเข้าและส่งออกเค้าโครง

เมื่อคุณเลือกแก้ไขเค้าโครงจากหน้าเค้าโครงหลัก เค้าโครงของคุณจะแสดงใน "มุมมองโครงร่าง"

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

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

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

อินเทอร์เฟซ Visual Builder

ตัวสร้างเพจ WordPress ทุกตัวทำงานแตกต่างกัน ดังนั้นคุณต้องใช้เวลาทำความคุ้นเคยกับวิธีการทำงานของตัวสร้างภาพของ Divi Builder

อินเทอร์เฟซหลักสำหรับ Divi Builder จะแสดงที่ด้านล่างของแต่ละหน้า เมื่อลดขนาดเมนูแล้ว ระบบจะแสดงเฉพาะปุ่มที่มีจุดสามจุดเท่านั้น

การคลิกที่ปุ่มที่มีจุดสามจุดจะเป็นการโหลดอินเทอร์เฟซหลัก

คุณจะเห็นตัวเลือกมากมายปรากฏขึ้นที่ด้านซ้าย ตรงกลาง และด้านขวาของหน้า

ทางด้านซ้ายมือมีปุ่มทั้งหมด 6 ปุ่ม ปุ่มที่มีจุดแนวตั้งสามจุดจะโหลดเมนูการตั้งค่าตัวสร้างภาพ

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

มีตัวเลือกอื่นๆ มากมายสำหรับเปลี่ยนโหมดการดูเริ่มต้นและเปิด/ปิดคุณสมบัติหลัก

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

คุณลักษณะทั้งหมดเหล่านี้สามารถช่วยให้คุณเห็นว่าหน้าของคุณถูกสร้างขึ้นอย่างไรและมีลักษณะอย่างไรในสถานการณ์ต่างๆ

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

มีปุ่มเจ็ดปุ่มอยู่ตรงกลางของอินเทอร์เฟซตัวสร้างภาพ: สามปุ่มทางด้านซ้าย สามปุ่มทางด้านขวา และ X ขนาดใหญ่ที่อยู่ตรงกลางที่ปิดเมนู

ปุ่มแรกทางด้านซ้ายจะโหลดไลบรารี Divi ปุ่มที่สองบันทึกเลย์เอาต์ไปยังไลบรารีของคุณ และปุ่มที่สามจะล้างเลย์เอาต์ของเพจ

ในอีกด้านหนึ่ง คุณจะเห็นปุ่มสำหรับการตั้งค่าหน้า ประวัติการแก้ไข และการพกพา

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

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

ปุ่มพกพายังมีประโยชน์เพราะช่วยให้คุณสามารถส่งออกและนำเข้าเค้าโครงหน้าของคุณได้

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

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

กล่อง Divi Builder Helper ก็มีประโยชน์อย่างเหลือเชื่อเช่นกัน มันแสดงบทแนะนำวิดีโอหลายรายการและแสดงการอ้างอิงถึงแป้นพิมพ์ลัด

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

ธีมที่หรูหรามีคำแนะนำโดยละเอียดเกี่ยวกับ Visual Builder ซึ่งจะอธิบายวิธีการทำงานทั้งหมด

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

แถว คอลัมน์ โมดูล และอื่นๆ

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

ในตัวสร้างเพจ WordPress บางประเภทเนื้อหาเหล่านี้เรียกว่าบล็อก อย่างอื่นเรียกว่าธาตุ

Divi เรียกพวกเขาว่า โมดูล

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

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

โมดูลจะต้องอยู่ในคอลัมน์และแถว

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

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

ในอีกทางหนึ่ง โมดูลจะถูกวางไว้ในคอลัมน์ คอลัมน์อยู่ภายในแถว และแถวต่างๆ จะถูกวางไว้ภายในส่วนต่างๆ

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

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

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

เมื่อคุณเพิ่มแถวใหม่ใน Divi Builder คุณต้องเลือกโครงสร้างคอลัมน์ที่คุณต้องการสำหรับแถวด้วย

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

เมื่อคุณเลือกโครงสร้างแถวและคอลัมน์แล้ว กล่อง "แทรกโมดูล" จะปรากฏขึ้น และคุณสามารถเลือกโมดูลเนื้อหาสำหรับเค้าโครงของคุณได้

เมื่อเลือกโมดูลแล้ว กล่องการตั้งค่าจะปรากฏขึ้น

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

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

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

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

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

เป็นการยากที่จะแสดงให้เห็นว่า Divi Builder ใช้ข้อความและรูปภาพมีความยืดหยุ่นเพียงใด

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

การใช้ตัวสร้างดั้งเดิม

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

ตอนนี้ Divi เรียกตัวแก้ไขแบ็กเอนด์ว่า "Legacy Builder"

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

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

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

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

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

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

คุณยังสามารถเพิ่มส่วนเต็มความกว้างและส่วนพิเศษที่คอลัมน์ขยายหลายแถวได้

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

ฉันชอบการตั้งค่านี้เมื่อจัดโครงสร้างหน้า เนื่องจากรู้สึกคับแคบน้อยกว่าตัวสร้างภาพ

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

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

การตั้งค่าปลั๊กอิน Divi Builder

การตั้งค่าการปรับแต่งส่วนใหญ่สามารถพบได้ในอินเทอร์เฟซหลักของ Divi Builder อย่างไรก็ตาม การตั้งค่าเพิ่มเติมบางอย่างสามารถพบได้ในเมนูผู้ดูแลระบบหลักของ Divi

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

หน้าตัวเลือกปลั๊กอินแบ่งออกเป็นสี่ส่วน: อัปเดต การตั้งค่า API การรวมประเภทโพสต์ และขั้นสูง

คุณจะต้องป้อนชื่อผู้ใช้และรหัส API ของ Elegant Themes เพื่อรับการอัปเดตอัตโนมัติสำหรับ Divi Builder

หากต้องการใช้บล็อกเนื้อหาของ Google Maps คุณจะต้องป้อนคีย์ Google API ในส่วนการตั้งค่า API คุณสามารถปิดใช้งาน Google Fonts ได้จากส่วนนี้

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

คุณจะพบการตั้งค่าอื่นๆ มากมายในส่วนขั้นสูง เช่น การลดขนาด Javascript และ CSS และการปิดใช้งานการแนะนำผลิตภัณฑ์ Divi Builder

ตามที่ระบุไว้ก่อนหน้านี้ นี่คือที่ที่คุณเปิดใช้งานอินเทอร์เฟซตัวสร้างดั้งเดิมและแทนที่ตัวแก้ไขบล็อก WordPress (Gutenberg) ด้วยตัวแก้ไขแบบคลาสสิก

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

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

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

หน้าสุดท้ายในเมนูผู้ดูแลระบบ Divi คือ “ศูนย์ช่วยเหลือและสนับสนุน Divi Builder”

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

เนื่องจากฉันเปิดใช้งาน Divi Builder ในเว็บไซต์ทดสอบ WordPress ของฉัน ฉันได้รับคำเตือนเล็กน้อยเกี่ยวกับการตั้งค่าโฮสติ้งของฉันที่ไม่เหมาะสม

นอกจากนี้ยังมีตัวเลือกต่างๆ ที่นี่เพื่อให้เข้าถึงธีมที่หรูหราจากระยะไกลและแชทกับฝ่ายสนับสนุนได้โดยตรง

มีการเชื่อมโยงบทช่วยสอน Divi Builder ที่หลากหลายจากหน้านี้ด้วย

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

หน้าสนับสนุนยังมีตัวเลือกโหมดปลอดภัยและรายการข้อผิดพลาดที่สร้างโดย WP_DEBUG_LOG

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

Divi Builder ราคาเท่าไหร่?

ธีมที่หรูหรามีนโยบายการกำหนดราคาที่ง่ายและยุติธรรมที่สุดในโลกของ WordPress

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

มีค่าใช้จ่าย 89 เหรียญต่อปีในการซื้อใบอนุญาตรายปี และ 249 เหรียญสหรัฐฯ เพื่อซื้อใบอนุญาตการเข้าถึงตลอดชีพ

หากคุณเลือกสิทธิ์ใช้งานแบบรายปี คุณสามารถใช้ผลิตภัณฑ์ Elegant Themes ต่อไปได้หลังจากที่ใบอนุญาตของคุณหมดอายุ อย่างไรก็ตาม คุณจะไม่ได้รับการสนับสนุนหรืออัปเดตใด ๆ เมื่อสมาชิกของคุณหมดอายุ

สิทธิ์ใช้งานการเข้าถึงตลอดชีพนั้นสมเหตุสมผลหากคุณวางแผนที่จะใช้ผลิตภัณฑ์ Elegant Themes เป็นเวลานานกว่าสองปี

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

Divi Builder เป็นเพียงส่วนหนึ่งของแพ็คเกจสมาชิก Elegant Themes

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

การเป็นสมาชิก Elegant Themes รวมถึงนิตยสาร WordPress ธีม Extra ที่สวยงามด้วย — การออกแบบที่ขับเคลื่อนโดย Divi Builder

ที่รวมอยู่ในการเป็นสมาชิกคือการตลาดผ่านอีเมลและปลั๊กอิน WordPress รุ่นนำ Bloom และโซเชียลมีเดียแชร์ปลั๊กอิน WordPress Monarch

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

ความคิดสุดท้าย

ฉันหวังว่าคุณจะสนุกกับการดู Divi Builder โดยละเอียด

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

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

หากคุณต้องการเห็นการทำงานของ Divi Builder ให้ตรวจสอบพื้นที่แสดงตัวอย่าง Divi Builder และหน้าสาธิตธีมที่หรูหรา

ขอบคุณที่อ่าน.

เควิน