Gutenberg vs WordPress Page Builders

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

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

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

Gutenberg vs WordPress Page Builders

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

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

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

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

แม้แต่ทีมหลักของ WordPress ก็ไม่ได้เรียก Gutenberg ว่าเป็นผู้สร้างหน้า แต่เรียกมันว่าเครื่องมือแก้ไขบล็อก นี่คือเหตุผลว่าทำไม:

การแก้ไขส่วนหลังและส่วนหน้า

ความแตกต่างที่ใหญ่ที่สุดระหว่างปลั๊กอิน Gutenberg และ Page Builder คือการแก้ไขส่วนหลังและส่วนหน้า

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

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

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

ลากและวางคุณสมบัติ

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

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

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

ตัวเลือกการจัดรูปแบบและจัดแต่งทรงผม

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

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

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

ฟังก์ชันเค้าโครง

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

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

โดยสรุป ตัวเลือกสไตล์และการปรับแต่งทั้งหมดที่มีใน Gutenberg นั้นมีผลกับบล็อกเท่านั้น

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

ความเข้ากันได้ของสไตล์ธีม

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

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

บล็อกและวิดเจ็ต

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

Gutenberg มีคีย์ API อันทรงพลังที่ช่วยให้นักพัฒนาปลั๊กอินสามารถสร้างชุดบล็อกของตนเองหรือรวมปลั๊กอิน WordPress เข้ากับตัวแก้ไขได้

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

ผู้สร้างเพจยอดนิยมเช่น Elementor, Beaver Builder, WPBakery, Divi ยังมี API ของตัวเองเพื่อให้นักพัฒนาสามารถสร้างส่วนเสริม/ส่วนขยายได้

ส่วนเสริมและส่วนขยายของบุคคลที่สาม

เมื่อพูดถึงส่วนเสริมและส่วนขยายของบุคคลที่สามทั้งผู้สร้างเพจ Gutenberg และ WordPress มีส่วนแบ่งของปลั๊กอินส่วนขยายที่ยุติธรรม

ด้วย Gutenberg นักพัฒนาจำนวนมากได้สร้างปลั๊กอินบล็อก Gutenberg ที่ยอดเยี่ยม

เมื่อพูดถึงตัวสร้างเพจ ตัวสร้างเพจจำนวนมากมี API ที่อนุญาตให้นักพัฒนาสร้างส่วนเสริมของบุคคลที่สามสำหรับตัวสร้างเพจ

Gutenberg จะมาแทนที่ปลั๊กอิน WordPress Page Builder หรือไม่?

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