Beaver Builder กับ Divi 2022

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

การยอมรับนี้ทวีความรุนแรงมากขึ้นตั้งแต่ WordPress ได้เปิดตัวตัวแก้ไขบล็อกใหม่ที่เรียกว่า Gutenberg ใน WordPress 5.0 ในปี 2018 แน่นอนว่า Classic Editor ยังคงใช้งานได้สำหรับผู้ที่ชอบตัวแก้ไขภาพแบบเก่า

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

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

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

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

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

Beaver Builder รุ่น Lite มีอยู่ใน WordPress.org แต่เนื่องจากเวอร์ชันฟรีไม่มีฟีเจอร์มากมาย บทความนี้จะเน้นที่ Beaver Builder เวอร์ชันสมบูรณ์แทน

อินเทอร์เฟซตัวสร้างบีเวอร์

Beaver Builder เป็นโปรแกรมแก้ไขส่วนหน้าที่สามารถเปิดใช้ได้จากพื้นที่ต่างๆ ใน ​​WordPress

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

ปุ่ม 'Launch Beaver Builder' จะไม่แสดงโดยอัตโนมัติในตัวแก้ไข Gutenberg จะปรากฏเฉพาะเมื่อคุณเพิ่มบล็อก Beaver Builder ในหน้าของคุณ

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

นอกจากนี้ยังสามารถเปิดใช้ Beaver Builder ได้จาก Classic Editor และหน้ารายการหลักของโพสต์ หน้า และประเภทโพสต์ที่กำหนดเอง

เมื่อเข้าสู่ระบบ คุณจะเห็นตัวเลือกในการแก้ไขหน้าในแถบผู้ดูแลระบบ WordPress ด้วย

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

การคลิกที่สัญลักษณ์ X ด้านบนจะเป็นการปิดเมนู แต่คุณสามารถโหลดเมนูซ้ำได้โดยคลิกที่สัญลักษณ์ + ที่ปรากฏขึ้น

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

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

มีการตั้งค่าและคุณสมบัติมากมายซ่อนอยู่ในเมนูนี้

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

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

ทางด้านขวาของเมนูเครื่องมือจะมีกระดิ่งแจ้งเตือนซึ่งแสดงการอัปเดตปลั๊กอินและโพสต์ล่าสุดจากบล็อก Beaver Builder

ในการเพิ่มโมดูลหรือแถวใหม่ลงในเค้าโครงของคุณ คุณเพียงแค่ลากและวางลงในพื้นที่ผ้าใบหลัก

มีการตั้งค่าคอลัมน์ที่กำหนดค่าไว้ล่วงหน้าหลายแบบสำหรับแถวพร้อมกับเค้าโครงคอลัมน์ที่บันทึกไว้ แถวที่บันทึกไว้ และแถวที่สร้างไว้ล่วงหน้า

เมื่อคุณเพิ่มแถวใหม่แล้ว โครงร่างของโครงสร้างจะแสดงบนหน้าของคุณ คุณสามารถลากและวางโมดูลเนื้อหาลงในกล่องใดก็ได้

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

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

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

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

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

ส่วนต่อประสานตัวสร้าง Divi

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

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

สำหรับตอนนี้ ฉันต้องการเน้นที่ Divi Builder ตัวสร้างหน้านี้รวมอยู่ในธีม Divi แต่ยังสามารถใช้เป็นปลั๊กอิน WordPress แบบสแตนด์อโลนสำหรับผู้ที่ต้องการใช้กับธีม WordPress อื่น ๆ

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

การดำเนินการนี้จะเปิดตัวสร้างวิชวลส่วนหน้า แต่ตัวแก้ไขแบ็กเอนด์ชื่อ Legacy Builder จะพร้อมใช้งานด้วย

คุณสามารถเปลี่ยนไปใช้ Divi Builder ได้ตลอดเวลาจากตัวแก้ไขบล็อกเริ่มต้นของ WordPress

ตัวสร้าง Divi ยังสามารถเปิดได้จากหน้ารายการหลักของโพสต์ หน้า และประเภทโพสต์ที่กำหนดเอง

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

ธีมที่หรูหรายังมี Divi Layout Block

บล็อกนี้อนุญาตให้คุณแทรกเค้าโครง Divi ใด ๆ ลงในเค้าโครงที่คุณสร้างขึ้นโดยตรงโดยใช้ตัวแก้ไขบล็อก WordPress เริ่มต้น

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

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

มี 20 แถวให้เลือก และแต่ละแถวมีโครงสร้างคอลัมน์ที่แตกต่างกัน

เมื่อคุณแทรกแถวแล้ว Divi Builder จะขอให้คุณเลือกโมดูลที่จะเพิ่มลงในเพจของคุณ

Divi Builder จะโหลดกล่องการตั้งค่าสำหรับโมดูลที่คุณเลือก

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

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

ในการโหลดเมนูหลัก ให้คลิกที่ปุ่มที่มีจุดแนวนอนสามจุดที่ด้านล่างของหน้า

ตัวเลือกเมนูหลักแบ่งออกเป็นสามคอลัมน์

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

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

การตั้งค่าอื่นๆ ในกล่องการตั้งค่าตัวสร้างประกอบด้วยโหมดการดูเริ่มต้น ช่วงสถานะประวัติ และขั้นตอนการสร้างหน้า

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

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

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

มีเจ็ดตัวเลือกในเมนูตรงกลาง ปุ่ม X ตรงกลางจะปิดเมนูลง

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

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

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

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

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

วิดีโอการสอนและแป้นพิมพ์ลัดยังสามารถแสดงผ่านกล่อง Divi Helper ในบริเวณนี้ มีคุณลักษณะการค้นหาด้วย ซึ่งช่วยให้คุณค้นหาคุณลักษณะและเอกสารประกอบได้

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

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

Divi Builder มีองค์ประกอบเหนือแถวที่เรียกว่าส่วน

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

ในเวอร์ชันก่อนหน้าของ Divi Builder เลย์เอาต์ถูกสร้างขึ้นโดยตรงจากตัวแก้ไข WordPress อย่างไรก็ตาม ตัวสร้างวิชวลส่วนหน้าเป็นวิธีมาตรฐานในการสร้างเลย์เอาต์ด้วย Divi

โชคดีที่ตัวแก้ไขเก่ายังคงมีอยู่ใน Divi Builder

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

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

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

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

การรวมโหมดเฟรมเรตและ Legacy Builder ทำให้ Divi Builder เป็นโซลูชันที่ยืดหยุ่นมากขึ้นเช่นกัน

สำหรับภาพรวมที่ครอบคลุมมากขึ้นเกี่ยวกับวิธีการทำงานของ Divi Builder โปรดดูรีวิว Divi Builder ฉบับสมบูรณ์ของเรา

เลย์เอาต์ที่สร้างไว้ล่วงหน้าของ Beaver Builder

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

Beaver Builder ไม่มีเลย์เอาต์ที่สร้างไว้ล่วงหน้ามากเท่ากับ Divi แต่คุณภาพของแต่ละเทมเพลตนั้นสูงพอๆ กัน

เทมเพลตหน้า Landing Page และเทมเพลตหน้าเนื้อหามีอยู่ในแท็บเทมเพลตของเมนูเนื้อหาหลัก ข้างเทมเพลตที่บันทึกไว้ที่คุณมี

เทมเพลตหน้า Landing Page เป็นเทมเพลตแบบเต็มหน้า มีเทมเพลตหน้า Landing Page ทั้งหมด 15 แบบพร้อมกับเทมเพลตหน้าแคนวาสเปล่า

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

เมื่อคุณเลือกเทมเพลตหน้า Landing Page ระบบจะถามคุณว่าต้องการแทนที่เค้าโครงที่มีอยู่หรือผนวกกับเค้าโครงที่คุณมีอยู่แล้ว

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

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

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

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

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

คุณจะพบได้ภายใต้แท็บแถวของเมนูเนื้อหาหลัก

หากคุณใช้ระบบแม่แบบของ Beaver Builder คุณจะสามารถลดเวลาที่ใช้ในการสร้างเค้าโครงใหม่ได้อย่างมาก

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

เทมเพลตที่บันทึกไว้ทั้งหมดสามารถจัดการได้จากเมนูผู้ดูแลระบบหลักของ Beaver Builder และแก้ไขภายหลังหากต้องการ

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

Beaver Builder ทำงานได้อย่างยอดเยี่ยมในการรวมเลย์เอาต์ที่สร้างไว้ล่วงหน้าไว้ในอินเทอร์เฟซผู้ใช้ เลย์เอาต์สามารถแทรกในไม่กี่วินาทีและสามารถบันทึกและปรับแต่งเองได้ครั้งแล้วครั้งเล่า

เลย์เอาต์ที่สร้างไว้ล่วงหน้า Divi

เช่นเดียวกับ Beaver Builder Divi นำเสนอเลย์เอาต์ที่สร้างไว้ล่วงหน้าที่หลากหลายแก่ผู้ใช้

มีชุดเค้าโครงให้เลือกมากกว่า 1,100 ชุด

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

ดังที่ได้กล่าวไว้ก่อนหน้านี้ เมื่อคุณเปิด Divi Builder บนหน้าใหม่ หนึ่งในตัวเลือกที่มีคือการเลือกเค้าโครงที่สร้างไว้ล่วงหน้า

ห้องสมุด Divi สามารถโหลดได้จากเมนูหลัก

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

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

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

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

เพื่อช่วยอธิบายประเด็นนี้ ให้ดูที่พื้นที่สาธิตสำหรับการออกแบบ Divi Web Freelancer ที่แสดงในภาพหน้าจอด้านล่าง

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

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

เค้าโครงสามารถบันทึกลงในไลบรารี Divi ได้ตลอดเวลาจากเมนูหลักของ Divi

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

เมนูผู้ดูแลระบบ Divi จะลิงก์ไปยังหน้าตัวเลือกปลั๊กอินหลัก ตัวสร้างธีม Divi ไลบรารี Divi และหน้าการตั้งค่าอื่นๆ อีกสองสามหน้า (ซึ่งเราจะพูดถึงในภายหลัง)

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

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

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

เค้าโครงที่บันทึกไว้ทั้งหมดสามารถดูได้จากหน้า "ห้องสมุด Divi" ซึ่งเชื่อมโยงอยู่ในเมนูผู้ดูแลระบบหลักของ Divi

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

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

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

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

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

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

มีตัวเลือกมากมายใน Divi Builder ด้วยปลั๊กอินที่นำเสนอเทมเพลตหน้า Landing Page 950 แบบเทียบกับ 15 ของ Beaver Builder นอกจากนี้ยังมีเลย์เอาต์ของบุคคลที่สามให้เลือกมากมายสำหรับ Divi

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

ดูหน้าเค้าโครง Divi เพื่อดูว่ามีเค้าโครงที่สร้างไว้ล่วงหน้าใดบ้างใน Divi Builder

โมดูลเนื้อหาตัวสร้างบีเวอร์

มีทั้งหมด 29 โมดูลใน Beaver Builder โมดูลแบ่งออกเป็นหกประเภท: พื้นฐาน สื่อ การดำเนินการ เค้าโครง ข้อมูล และโพสต์

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

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

เมื่อโมดูลถูกลากและวางลงในพื้นที่ผ้าใบของคุณ กล่องการตั้งค่าของโมดูลจะปรากฏขึ้น

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

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

Beaver Builder ไม่มีโมดูลเนื้อหาที่ใหญ่ที่สุด และไม่มีตัวเลือกการปรับแต่งมากมายเท่ากับ Divi

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

โมดูลเนื้อหา Divi Builder

มีโมดูลเนื้อหา 38 โมดูลให้เลือกใน Divi Builder

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

Divi Builder ยังเพิ่มประเภทโพสต์แบบกำหนดเองใหม่สำหรับโครงการ

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

Divi Builder ใช้ระบบรหัสสีเพื่อช่วยคุณสร้างเค้าโครงที่มีสไตล์

ส่วนต่างๆ เป็นสีน้ำเงิน แถวเป็นสีเขียว และโมดูลต่างๆ เป็นสีเทาเข้ม (เกือบเป็นสีดำ)

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

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

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

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

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

การกำหนดค่าตัวสร้างบีเวอร์

กล่องการตั้งค่าส่วนกลางสามารถโหลดได้จากเมนูเครื่องมือภายในอินเทอร์เฟซผู้ใช้ Beaver Builder

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

หน้าการตั้งค่าหลักของ Beaver Builder แบ่งออกเป็นหลายส่วน

หากต้องการรับการอัปเดตปลั๊กอินอัตโนมัติ คุณต้องป้อนรหัสใบอนุญาตในส่วนใบอนุญาต โมดูลและประเภทโพสต์สามารถเปิดใช้งานและปิดใช้งานได้ในส่วนถัดไป

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

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

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

ฉันแนะนำให้ตรวจสอบหน้าการตั้งค่า Beaver Builder หลังจากติดตั้ง Beaver Builder แต่การปรับแต่งส่วนใหญ่ที่คุณจะทำจะเกิดขึ้นภายในอินเทอร์เฟซหลักของ Beaver Builder

การกำหนดค่าตัวสร้าง Divi

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

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

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

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

ในแท็บขั้นสูง คุณสามารถเปิดและปิดใช้งานการลดขนาด CSS และ Javascript นี่คือที่ที่คุณสามารถเปิดใช้งานตัวแก้ไข Legacy Builder

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

แม้ว่า Beaver Builder จะอนุญาตให้คุณจำกัดการเข้าถึงพื้นที่สำคัญบางส่วน Divi Builder ให้คุณกำหนดได้ชัดเจนว่าผู้ใช้สามารถเข้าถึงคุณลักษณะใดบ้าง

ตัวอย่างเช่น คุณสามารถหยุดผู้ใช้จากการโหลดเค้าโครงหรือปิดใช้งานคุณลักษณะภายใน Divi Builder

ศูนย์สนับสนุนของ Divi จัดทำรายงานเกี่ยวกับระบบของคุณ นี้สามารถช่วยคุณวินิจฉัยปัญหาใดๆ กับการตั้งค่าโฮสติ้งของคุณ

ตัวอย่างเช่น สำหรับเว็บไซต์ทดสอบของฉัน WordPress รายงานพบว่าการติดตั้ง WordPress ของฉันมีทรัพยากรจำกัด

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

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

ข้อผิดพลาดจะแสดงในหน้านี้ด้วย หากเปิดใช้งาน WP_DEBUG_LOG

Divi Builder เป็นปลั๊กอิน WordPress ที่เรียบง่ายในการตั้งค่า โดยมีการตั้งค่าเพียงไม่กี่รายการที่ต้องตรวจสอบหลังการติดตั้ง

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

ธีมตัวสร้างบีเวอร์

ธีมตัวสร้างบีเวอร์คือเฟรมเวิร์ก HTML5 และ Bootstrap WordPress ที่รวมอยู่ในแผน Beaver Builder Pro และเอเจนซี่

เป็นการออกแบบ WordPress ขั้นต่ำที่ทำหน้าที่เป็นพื้นที่ว่างสำหรับสร้างงานออกแบบด้วย Beaver Builder ตะขอและตัวกรองมีอยู่ในธีมเพื่อช่วยให้นักพัฒนาปรับเปลี่ยนการออกแบบเว็บไซต์ และสนับสนุน WooCommerce เป็นอย่างดี

การตั้งค่าทั้งหมดสำหรับ Beaver Builder Theme มีอยู่ใน WordPress Customizer

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

ในขณะที่แกนหลักของ Beaver Builder ยังคงเป็นธีม WordPress ขั้นต่ำ นักพัฒนาได้ใช้ความพยายามอย่างมากในการเพิ่มตัวเลือกการปรับแต่งพิเศษมากมาย

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

ในธีม WordPress อื่นๆ ส่วนต่างๆ ของการออกแบบ เช่น ส่วนหัว แถบด้านข้าง และส่วนท้ายสามารถหยุด Beaver Builder ไม่ให้แสดงเลย์เอาต์ได้อย่างถูกต้อง นี่คือเหตุผลที่ผู้ใช้ Beaver Builder หลายคนเปลี่ยนไปใช้ Beaver Builder Theme

เป็นทางเลือกที่ดีหากคุณต้องการใช้เค้าโครง Beaver Builder บนเว็บไซต์ของคุณ

ธีม Divi

Beaver Builder ทำการตลาดการออกแบบของพวกเขาเป็นธีมเฟรมเวิร์กสำหรับ Beaver Builder ในขณะที่ธีมที่หรูหราทำการตลาด Divi Theme เป็นธีม WordPress แบบ all-in-one อเนกประสงค์

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

ในตอนแรก Divi เป็นธีม WordPress แบบ all-in-one อย่างไรก็ตาม ความเก่งกาจส่วนใหญ่ที่ทุกคนที่เกี่ยวข้องกับ Divi Theme ถูกย้ายไปยัง Divi Builder ในภายหลัง นี่เป็นสิ่งที่ถูกต้องอย่างแน่นอน

ด้วยฟังก์ชันส่วนใหญ่ที่รวมอยู่ใน Divi Builder ธีม Divi จึงถือได้ว่าเป็นเฟรมเวิร์กเช่น Beaver Builder Theme ดังนั้น หากคุณเป็นเจ้าของผลิตภัณฑ์ทั้งสอง คุณสามารถใช้ Divi Theme กับ Beaver Builder หรือ Beaver Builder Theme กับ Divi Builder

เมื่อเปิดใช้งานธีม Divi แล้ว คุณจะเห็นการเปลี่ยนแปลงเล็กน้อยในเมนูผู้ดูแลระบบ Divi

ซึ่งรวมถึงหน้าตัวเลือกปลั๊กอินที่ถูกแทนที่ด้วยหน้าตัวเลือกธีมและลิงก์ไปยังเครื่องมือปรับแต่ง WordPress

นอกเหนือจากการขยายพื้นที่การตั้งค่าแล้ว ทุกสิ่งทุกอย่างยังคงเหมือนเดิม

ที่น่าสนใจคือ หากเปิดใช้งานธีม Divi ปลั๊กอิน Divi Builder จะถูกปิดใช้งานโดยอัตโนมัติ นี่เป็นสิ่งจำเป็นเนื่องจากฟังก์ชันการทำงานของ Divi Builder นั้นสร้างขึ้นโดยตรงในธีม Divi (และธีม WordPress พิเศษของ Elegant Themes)

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

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

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

ตัวเลือกปลั๊กอินของ Divi Builder ทั้งหมดได้รับการรวมเข้ากับพื้นที่ตัวเลือกที่กว้างขวางยิ่งขึ้นของ Divi Theme

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

หน้าการตั้งค่าทั่วไปยังมีช่องสำหรับไอคอนโซเชียลมีเดีย การเลื่อน โค้ด CSS ที่กำหนดเอง และอื่นๆ

มีตัวเลือกเพิ่มเติมสำหรับผู้ใช้ Divi Theme

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

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

เช่นเดียวกับ Beaver Builder Theme Divi Theme เป็นธีม WordPress ขั้นต่ำที่ได้รับการปรับให้เหมาะกับ Divi Builder

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

ต้นทุนของตัวสร้างบีเวอร์

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

บริษัท WordPress ระดับพรีเมียมหลายแห่งเรียกเก็บเงินมากขึ้นสำหรับการใช้ผลิตภัณฑ์ของตนบนเว็บไซต์เพิ่มเติม ตัวอย่างเช่น แผนระดับเริ่มต้นอาจรองรับหนึ่งเว็บไซต์ แผนระดับกลางอาจรองรับเว็บไซต์สามแห่ง และแผนขั้นสูงอาจรองรับเว็บไซต์ 10 แห่ง

Beaver Builder และ Elegant Themes มีความเอื้อเฟื้อเผื่อแผ่มากขึ้น โดยให้การสนับสนุนและอัปเดตสำหรับเว็บไซต์ไม่จำกัดจำนวน

แม้ว่าบทความนี้จะเน้นไปที่ Beaver Builder เวอร์ชันพรีเมียมเป็นหลัก แต่ฉันก็ยังแนะนำให้ลองใช้ Beaver Builder Lite

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

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

For the vast majority of projects, the full version of Beaver Builder is a better fit than the lite version.

Three different premium plans are available: Standard, Pro, and Agency. All plans come with one year of premium support and access to premium modules and templates.

The standard plan retails at $99 per year. To get WordPress multisite support and access to the Beaver Builder Theme, you need to upgrade to the $199 per year Pro plan.

The $399 per year Agency plan adds white labeling. Web design companies may be interested in this plan as it allows you to rebrand the plugin as your own and change all references to Beaver Builder in templates and the admin area.

Beaver Builder เสนอการรับประกันคืนเงินภายใน 30 วัน

สมาชิก Beaver Builder ทุกคนจะได้รับส่วนลด 40% หลังจากหนึ่งปี สิ่งนี้ลดราคาแผนของ Beaver Builder ในปีต่อ ๆ มาเป็น 59.40 ดอลลาร์ต่อปี, 119.40 ดอลลาร์ต่อปีและ 239.40 ดอลลาร์ต่อปี

หากคุณไม่แน่ใจเกี่ยวกับแง่มุมต่างๆ ของการใช้ Beaver Builder ฉันขอแนะนำให้ตรวจสอบฐานความรู้โดยละเอียด คุณยังสามารถขอความช่วยเหลือผ่านการสนับสนุนตั๋ว และในฟอรัมชุมชน Beaver Builder, กลุ่ม Facebook ของ Beaver Builder และห้อง Beaver Builder Slack

ค่าใช้จ่ายของ Divi

นโยบายการกำหนดราคาของสมาชิก Elegant Themes นั้นตรงไปตรงมามากกว่า

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

การเป็นสมาชิก Elegant Themes รายปีมีค่าใช้จ่าย $89 ต่อปี

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

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

ธีมที่หรูหรายังเสนอการรับประกันคืนเงินภายใน 30 วันให้กับลูกค้าใหม่ทุกคน

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

สมาชิกยังสามารถขอความช่วยเหลือผ่านการสนับสนุนตั๋ว และยังมีฟอรัมชุมชนขนาดใหญ่ เครือข่าย Meetup และกลุ่ม Facebook ยอดนิยมอีกด้วย

การเปรียบเทียบค่าใช้จ่ายของ Beaver Builder และ Divi นั้นทำได้ยาก เนื่องจากมีรูปแบบราคาที่แตกต่างกันเล็กน้อย

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

อย่างไรก็ตาม ฉันเชื่อว่า Beaver Builder เวอร์ชันเต็มเป็นตัวเลือกที่ดีที่สุดสำหรับผู้ใช้ WordPress ส่วนใหญ่

ที่ 99 ดอลลาร์ ใบอนุญาตมาตรฐานสำหรับ Beaver Builder มีราคาสูงกว่า Elegant Themes 10 ดอลลาร์ อย่างไรก็ตาม การต่ออายุในภายหลังจะคิดเพียง 59.40 ดอลลาร์ต่อปี

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

การเป็นสมาชิก Elegant Themes ยังรวมถึง Divi Theme โดยคุณจะต้องจ่าย $ 199 เพื่อเข้าถึง Beaver Builder Theme

ที่สำคัญกว่านั้น การเป็นสมาชิก Elegant Themes ประกอบด้วยผลิตภัณฑ์คุณภาพสูงห้ารายการ: ธีม Divi, Divi Builder, ธีมนิตยสาร WordPress พิเศษ, ปลั๊กอิน WordPress ที่เลือกใช้อีเมล Bloom และปลั๊กอินโซเชียลมีเดีย WordPress Monarch

ด้วยเหตุนี้ ฉันจึงเชื่อว่าการเป็นสมาชิก Elegant Themes จะมอบความคุ้มค่ามากกว่าสำหรับผู้ใช้ WordPress ส่วนใหญ่

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

เครื่องมือสร้างเพจแบบลากและวางสามารถช่วยให้ผู้ใช้ WordPress สร้างเลย์เอาต์เว็บไซต์ที่สวยงามภายในไม่กี่นาทีผ่านอินเทอร์เฟซที่ใช้งานง่าย

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

ขั้นตอนการสร้างแถวและคอลัมน์ใหม่มีความคล้ายคลึงกันในผลิตภัณฑ์ทั้งสอง แต่ฉันรู้สึกว่าอินเทอร์เฟซของ Beaver Builder นั้นง่ายต่อการเรียนรู้และเร็วขึ้นเล็กน้อยเช่นกัน

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

ฉันหวังว่าคุณจะสนุกกับการดู Beaver Builder และ Divi ในเชิงลึกของเรา

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

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

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