รีวิว Divi Builder: ปลั๊กอินที่น่าประทับใจในการลาก – & – วาง Page Builder โดย Elegant Themes (2020)

ข้อเสนอของ WordPress


Elegant Themes เป็นหนึ่งในร้านค้าธีม WordPress ชั้นนำและชุดรูปแบบหลักของ Divi ประสบความสำเร็จอย่างสูง – ขอบคุณมากกับเครื่องมือสร้างเพจแบบลากและวาง.

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

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

Contents

คุณสมบัติ Divi Builder

Divi Builder พร้อมใช้งานเป็นปลั๊กอินแบบสแตนด์อโลนและจะทำงานร่วมกับธีม WordPress ใด ๆ ไม่ใช่เฉพาะจาก Elegant Themes.

โฮมเพจปลั๊กอิน Divi Builder

ปลั๊กอิน Divi Builder ควรเพิ่มตัวแก้ไขเนื้อหาแบบลากแล้วปล่อยลงในธีม WordPress ใด ๆ.

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

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

ตัวแก้ไขเนื้อหาภาพลากแล้ววาง

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

ส่วนต่อประสานผู้ใช้แบบ WYSIWYG

ขณะนี้ Divi Builder มีโปรแกรมแก้ไขภาพหน้า WYSIWYG สำหรับสร้างโพสต์และเค้าโครงหน้าแบบกำหนดเอง.

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

ปุ่มแก้ไขการตั้งค่าโมดูลปุ่ม

คุณสามารถปรับแต่งองค์ประกอบใด ๆ ในหน้าของคุณผ่านโปรแกรมแก้ไขภาพ.

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

การแก้ไขข้อความแบบอินไลน์

ข้อความสามารถแก้ไขได้แบบอินไลน์ผ่านส่วนต่อประสาน Divi Builder.

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

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

ส่วนต่อประสานผู้ใช้ Wireframe ของ Divi Builder

โหมด Wireframe ให้ภาพรวมที่ดีของการจัดวางหน้าและทำให้ง่ายต่อการย้ายส่วนต่างๆ.

ด้วยการจัดให้ทั้งสองโหมด Divi Builder ช่วยให้คุณทำงานในแบบที่คุณต้องการเมื่อคุณต้องการ.

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

ซูมเข้าและออก

ตอนนี้คุณสามารถซูมเข้าและออกเพื่อรับมุมมองที่ดีขึ้นของเค้าโครงเพจของคุณ.

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

ในขณะที่การรวมฟังก์ชั่นใหม่มากมายเป็นสิ่งที่ดีการมีส่วนต่อประสานที่แตกต่างจากตัวแก้ไข WordPress เริ่มต้นอาจมีข้อเสียเมื่อใช้งานได้.

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

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

แพ็คเค้าโครงเว็บไซต์ของ Yoga Studio

แพ็คเลย์เอาต์ที่สร้างไว้ล่วงหน้า 106 ชุดแต่ละชุดมีเลย์เอาต์ของหน้าหลายหน้า.

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

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

ชุดรูปแบบเว็บไซต์ของนักบำบัดโรค

เค้าโครง Divi Builder ทั้งหมดสามารถปรับแต่งได้ผ่านโปรแกรมแก้ไขภาพ.

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

ห้องสมุดของเลย์เอาต์เว็บไซต์

ไลบรารีของเว็บไซต์ pack และเค้าโครงแต่ละรายการมีการเติบโตตลอดเวลา.

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

เบราว์เซอร์ Divi Builder Layout Pack

แพ็คเลย์เอาต์ของเว็บไซต์นั้นประกอบไปด้วยเลย์เอาต์แต่ละแบบที่สามารถใช้งานแยกกันได้.

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

การเลือกที่เป็นประโยชน์ของโมดูลเนื้อหา

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

Divi Builder Call to Action Module

โมดูลคำกระตุ้นการตัดสินใจอาจรวมถึงข้อความรูปภาพและปุ่ม.

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

Divi Builder Optin Form Module

คุณสามารถใช้โมดูล optin อีเมลเพื่อขยายจดหมายข่าวของคุณ.

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

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

ตัวอย่างของโมดูลตารางการกำหนดราคา Divi Builder.

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

Divi Builder ข้อความรับรองการตั้งค่าโมดูล

โมดูลใด ๆ ที่คุณเพิ่มไปยังหน้าของคุณสามารถปรับแต่งได้อย่างใด.

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

เครื่องมือทดสอบ A / B Divi Builder

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

นักสร้าง Divi Builder

Divi Leads ช่วยให้คุณสามารถเปรียบเทียบการออกแบบหลาย ๆ แบบและวัดประสิทธิภาพที่มีต่อเป้าหมายของคุณ.

โชคดีที่ปลั๊กอิน Divi Builder มีคุณสมบัติที่มีประโยชน์มากที่ช่วยให้คุณทดสอบการออกแบบของคุณเพื่อดูว่ามีประสิทธิภาพกับผู้ชมของคุณอย่างไร ด้วยการใช้เครื่องมือทดสอบ A / B และการเพิ่มประสิทธิภาพการแปลง Divi Leads คุณสามารถลองใช้เนื้อหาและรูปแบบการออกแบบที่แตกต่างกันเพื่อดูว่ารูปแบบใดให้อัตราการแปลงที่ดีที่สุด.

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

Divi Builder นำไปสู่การทดสอบแบบแยก

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

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

Divi Leads Split ผลการทดสอบ

ผลการทดสอบ Divi Leads แบบแยกช่วยให้มองเห็นผู้ชนะได้ง่าย.

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

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

ตัวแก้ไขบทบาท Divi

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

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

เครื่องมือแก้ไขบทบาท Divi Builder สำหรับผู้แต่ง

คุณสามารถใช้บทบาทผู้ใช้ WordPress เริ่มต้นเพื่อควบคุมว่าใครสามารถใช้ส่วนใดของ Divi Builder.

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

โมดูลตัวแก้ไขบทบาท Divi Builder

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

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

กลยุทธ์ทางออกธีม Divi

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

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

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

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

ประสบการณ์ผู้ใช้โปรแกรมแก้ไข Divi Builder Visual

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

Divi Builder และ Gutenberg Editor

ทุกครั้งที่คุณสร้างโพสต์หรือหน้าใหม่คุณมีตัวเลือกในการใช้ WordPress Editor หรือ Divi Builder เริ่มต้น.

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

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

ยินดีต้อนรับ Divi Builder

ทัวร์ชมยินดีต้อนรับจะช่วยให้ผู้ใช้ใหม่เริ่มต้นใช้งาน Divi Builder.

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

เริ่มต้นกับเครื่องมือสร้าง Divi

คุณมีสามตัวเลือกหลักสำหรับการสร้างเค้าโครงหน้าด้วยตัวสร้าง Divi.

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

เทมเพลตธีมยี่สิบแปดค่าเริ่มต้น

หากธีมของคุณไม่มีเทมเพลตเต็มความกว้างก็จะ จำกัด ขนาดของการออกแบบหน้าเว็บของคุณ.

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

แต่ถ้าชุดรูปแบบของคุณไม่เป็นเช่นนั้นด้วยธีม WordPress เริ่มต้นล่าสุดยี่สิบแปดคุณสามารถติดตั้งปลั๊กอินฟรีเช่นเทมเพลต Fullwidth เพื่อเพิ่มลงในเว็บไซต์ของคุณ.

ธีมที่มีเทมเพลตเต็มความกว้าง

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

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

แทรกแถว

เค้าโครงเพจที่สร้างด้วย Divi Builder ประกอบด้วยแถวคอลัมน์และโมดูล.

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

แทรกโมดูลลงในเค้าโครง

Divi Builder มาพร้อมกับโมดูลที่หลากหลายสำหรับเค้าโครงของคุณ.

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

การตั้งค่าและการควบคุมโมดูล

การเปลี่ยนแปลงใด ๆ ที่คุณทำกับโมดูลจะปรากฏขึ้นทันทีบนหน้า.

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

การแก้ไขข้อความแบบอินไลน์ของ Divi Builder

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

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

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

คำแนะนำเครื่องมือส่วนต่อประสานผู้ใช้ Divi Builder

ส่วนต่อประสาน Divi Builder นั้นไม่เหมือนใครดังนั้นมันจะใช้เวลาในการควบคุม.

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

ค้นหาส่วนต่อประสานผู้ใช้

คุณลักษณะต่างๆเช่นเครื่องมือค้นหาจะช่วยให้คุณค้นหาการตั้งค่าที่คุณต้องการหรือลิงก์ไปยังหน้าช่วยเหลือที่เกี่ยวข้อง.

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

ไฮไลท์ส่วนตัวของ Divi Builder

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

เนื้อหาแบบเต็มความกว้าง

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

โมดูลส่วนหัวแบบเต็มความกว้าง

Divi Builder มีโมดูลแบบเต็มความกว้างสำหรับโครงร่างหน้าของคุณ.

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

โมดูลแบบเต็มความกว้าง

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

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

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

จำนวนการตั้งค่าและตัวเลือกมากมาย

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

เอฟเฟ็กต์ภาพเคลื่อนไหวโมดูล

การตั้งค่าให้คุณปรับแต่งได้เกือบทุกด้านของหน้ารวมถึงการเพิ่มเอฟเฟ็กต์ภาพเคลื่อนไหวให้กับโมดูล.

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

องค์ประกอบที่ซ้ำซ้อนได้ง่าย

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

ใช้งานได้จริงกับธีม WordPress ใด ๆ

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

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

ไม่มีตัวอย่างเทมเพลตแบบเต็มความกว้าง

โครงร่างของคุณจะไม่สามารถเติมหน้าต่างเบราว์เซอร์ได้หากธีมของคุณไม่มีเทมเพลตแบบเต็มความกว้าง.

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

โฮมเพจใช้เทมเพลตแบบเต็มความกว้าง

เมื่อคุณเพิ่มเทมเพลตแบบเต็มความกว้างในเว็บไซต์ของคุณเลย์เอาต์ของคุณสามารถเติมหน้าต่างเบราว์เซอร์.

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

ปลั๊กอินตัวสร้าง Divi สำหรับใคร?

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

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

เครื่องมือสำหรับนักออกแบบเว็บไซต์

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

ปลั๊กอินตัวสร้าง Divi กับธีมเวิร์ดเพรส Divi

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

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

ตัวเลือกราคา Divi Builder

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

ไม่เพียงแค่นั้น แต่ $ 89 ของคุณยังรวมถึงการเข้าถึง 87 ธีมทั้งหมด – รวมถึง Divi – และอื่น ๆ ที่ปล่อยออกมาโดย Elegant Themes ระหว่างช่วงเวลาที่คุณเป็นสมาชิก อย่างไรก็ตามตามจริงแล้วเป็นเพียงธีม Divi และ Extra ที่น่าสนใจเนื่องจากตัวเลือกอื่น ๆ นั้นเก่ากว่า.

ธีมเสริม WordPress

Divi Builder มาพร้อมกับธีม WordPress 87 ธีมรวมถึง Extra.

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

นักออกแบบเว็บไซต์นักพัฒนาและเจ้าของเอเจนซี่สามารถใช้ปลั๊กอินและธีมของ Elegant Themes บนเว็บไซต์จำนวนเท่าใดก็ได้ที่รองรับอย่างเต็มที่โดยไม่ต้องซื้อลิขสิทธิ์เพิ่มเติม.

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

Divi Builder ตรวจสอบความคิดสุดท้าย

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me