ปลั๊กอินตัวสร้างหน้าลากและวางที่ดีที่สุด 8 ตัวสำหรับ WordPress

เผยแพร่แล้ว: 2016-07-27

WordPress Drag and Drop Page Builders ซอร์สโค้ดมีกลิ่นเหม็น

และไม่ใช่แค่ผู้เริ่มต้นใช้งาน WordPress ที่คิดอย่างนั้น

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

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

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

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

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

นักแต่งเพลงภาพ

นักแต่งเพลงภาพ

ราคา: $34 พร้อมการสนับสนุนที่ขยายเวลา 12 เดือนสำหรับเพิ่มอีก $10.20

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

ข้อดี

  • ปลั๊กอินมาพร้อมกับทั้งตัวสร้างหน้าส่วนหน้าและส่วนหลัง
  • คุณจะได้รับเครื่องมือสร้างกริดอันทรงพลังสำหรับสร้างพอร์ตโฟลิโอและแกลเลอรี่อื่นๆ
  • ผสานรวมกับ WooCommerce
  • รองรับพื้นหลังพารัลแลกซ์และวิดีโอ
  • ปลั๊กอินมีองค์ประกอบเนื้อหาพรีเมียมมากกว่า 45 รายการ เค้าโครงที่กำหนดไว้ล่วงหน้า 60 แบบ ส่วนเสริมของบุคคลที่สาม 150 รายการ และเทมเพลตกริดที่ไม่ซ้ำกัน 40 รายการ

ข้อเสีย

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

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

ตัวแก้ไขเนื้อหา MotoPress

ตัวแก้ไขเนื้อหา MotoPress สำหรับ WordPress

ราคา: เริ่มต้นที่ $29

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

ข้อดี

  • มีหลายไซต์
  • Google Web Fonts ถูกรวมไว้ในปลั๊กอิน
  • นี่คืออินเทอร์เฟซหลายภาษาสำหรับการเข้าถึงผู้คนจำนวนมากขึ้น
  • ผสานรวมกับ WooCommerce
  • คุณได้รับเทมเพลตที่ตั้งไว้ล่วงหน้าค่อนข้างน้อยเพื่อเริ่มต้นใช้งาน
  • ราคามีความสมเหตุสมผล
  • ส่วนเสริม MotoPress พร้อมใช้งานสำหรับฟังก์ชันเพิ่มเติม

ข้อเสีย

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

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

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

WP Beaver Builder - ตัวสร้างหน้าลากและวางสำหรับ WordPress

ราคา: เริ่มต้นที่ $99 และสูงถึง $399

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

ข้อดี

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

ข้อเสีย

  • หนึ่งในปลั๊กอินที่มีราคาสูงกว่าในตลาด
  • คุณต้องไปกับแพ็คเกจ $399 เพื่อรับฉลากขาว

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

ตัวสร้างเพจ: นักแต่งเพลงสด

Page Builder Live Composer - ลากและวางเครื่องมือสร้างเว็บไซต์สำหรับ WordPress

ราคา: ฟรีโดยสิ้นเชิง

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

ข้อดี

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

ข้อเสีย

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

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

ตัวสร้างหน้าโดย SiteOrigin

Drag & Drop Page Builder สำหรับ WordPress โดย Site Origin

ราคา: ฟรี

ก่อนหน้าที่จะมีปลั๊กอิน Page Builder: Live Composer Page Builder by SiteOrigin เป็นหนึ่งในโซลูชั่นฟรีที่คุ้มค่าที่จะดู พวกเขาไม่พยายามเพิ่มยอดขายให้กับคุณ และใช้วิดเจ็ตที่คุณรู้จักและชื่นชอบในการลากและวางทั่วทั้งไซต์ของคุณ

ข้อดี

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

ข้อเสีย

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

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

Themify Builder

Themify - WordPress Drag & Drop Page Builder

ราคา: 39 เหรียญ (หรือคุณสามารถซื้อธีม Themify พร้อมปลั๊กอิน)

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

ข้อดี

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

ข้อเสีย

  • Themify Builder ใช้กริดซึ่งเหมาะสำหรับการจัดระเบียบไซต์ของคุณ แต่อาจดูเหมือนมีรอยหยักเล็กน้อยในบางจุด
  • มี Add-on ให้เลือก แต่ก็ไม่ได้ราคาถูกขนาดนั้น

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

ธีม Divi พร้อมตัวสร้าง

ธีม Divi พร้อม WordPress Drag & Drop Page Builder

ราคา: แพ็คเกจธีมหรูหราเริ่มต้นที่ $69 ต่อปี

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

ข้อดี

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

ข้อเสีย

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

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

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

แซนวิชตัวสร้างเพจ

Page Builder Sandwich - เครื่องมือสร้างเว็บไซต์ลากและวางสำหรับ WordPress

ราคา: เริ่มต้นที่ $39 และสูงถึง $89

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

ข้อดี

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

ข้อเสีย

  • คุณสมบัติที่ยอดเยี่ยมที่สุดมีให้ในแผน $ 89

คุณควรได้รับเครื่องมือสร้างเพจแบบลากและวางนี้หากคุณ:

  • เช่นเดียวกับการทำงานกับวิดเจ็ต
  • ต้องการเริ่มต้นด้วยเทมเพลตที่ออกแบบไว้ล่วงหน้า
  • ไม่ต้องกังวลกับแผนกำหนดราคา $89

บทสรุป

โดยรวมแล้ว ปลั๊กอินตัวสร้างเพจแบบลากและวางสำหรับ WordPress ควรทำให้คุณมีความสุข สำหรับคำแนะนำขั้นสุดท้าย เราชอบ Divi สำหรับนักพัฒนาที่ต้องการธีมมากมายเช่นกัน ตัวสร้างเพจ: Live Composer เป็นโซลูชันฟรีที่ฉันโปรดปราน และ Visual Composer เป็นราชาแห่งพวกเขาทั้งหมด หากคุณไม่รังเกียจที่จะใช้จ่ายเงินเพียงเล็กน้อย

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