Gutenberg กับ WordPress Page Builders: 7 ความแตกต่างหลัก!

เผยแพร่แล้ว: 2021-12-21

หนึ่งในคำถามที่ใหญ่ที่สุดที่ผู้คนมีหลังจากการเปิดตัว Block Editor aka Gutenberg –

Block Editor จะมาแทนที่ Page Builders หรือไม่?

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

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

แต่นี่หมายความว่าผู้สร้างเพจจะสูญเสียอิทธิพลในที่สุดหรือไม่? ทุกคนจะเลิกสร้างเพจและเริ่มใช้ Block Editor (Gutenberg) หรือไม่

เพื่อหาคำตอบ ฉันจะอธิบายอย่างละเอียด

ในโพสต์นี้ ฉันจะพูดถึงรายละเอียดเฉพาะของทั้ง Block Editor และ Page Builders และวิธีที่พวกเขายืนหยัดต่อสู้กันเอง

สารบัญ
[ซ่อน]
  • Gutenberg aka Block Editor คืออะไร?
  • Page Builders คืออะไร?
  • Gutenberg Vs Page Builders: ความแตกต่างหลัก
    • 1. การแก้ไขส่วนหลังและส่วนหน้า
    • 2. คุณสมบัติลากและวาง
    • 3. ตัวเลือกการจัดแต่งทรงผม
    • 4. ฟังก์ชันเลย์เอาต์
    • 5. ความเข้ากันได้ของรูปแบบธีม
    • 6. บล็อก & วิดเจ็ต
    • 7. ส่วนเสริมของบุคคลที่สาม
  • ตัวแก้ไขบล็อกจะเปลี่ยนตัวสร้างหน้าหรือไม่
  • คุณควรใช้อันไหน?
  • ตัวสร้างหน้าใดดีที่สุดที่จะใช้กับ Gutenberg?
    • บทสรุป

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

มาเริ่มกันเลย.

Gutenberg aka Block Editor คืออะไร?

ก่อนที่เราจะดำเนินการต่อและเปรียบเทียบ Block Editor กับเครื่องมือสร้างเพจ ก่อนอื่นเรามาดูว่า Block Editor คืออะไรและแตกต่างจาก Classic Editor รุ่นก่อนอย่างไร

Block Editor เป็นโปรแกรมแก้ไข WordPress ใหม่ที่รวมเข้ากับ WordPress Core มันยังเป็นที่รู้จักกันในนาม Gutenberg

ตัวแก้ไขบล็อกได้รับการแนะนำในการอัปเดต WordPress 5.0 ซึ่งเปลี่ยนตัวแก้ไข WordPress อย่างสมบูรณ์

ก่อนหน้านี้ ตัวแก้ไข WordPress ถูกเรียกว่าตัวแก้ไขแบบคลาสสิก มันเป็นตัวแก้ไขธรรมดาที่มีพื้นที่ข้อความที่เนื้อหาทั้งหมดไป

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

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

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

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

ซึ่งทำให้ผู้ใช้สามารถสร้างบล็อกต่างๆ และปรับแต่งได้ตามต้องการ

Page Builders คืออะไร?

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

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

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

พวกเขาไม่สามารถสร้างสไตล์ของตนเองหรือสร้างเลย์เอาต์ใหม่ทั้งหมดได้

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

ยิ่งไปกว่านั้น ผู้สร้างเพจได้พัฒนามากกว่าแค่การปรับแต่ง

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

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

วันนี้ มีผู้สร้างเพจที่ยอดเยี่ยมมากมาย เช่น Elementor, Divi Builder, Thrive Architect และอื่นๆ

Gutenberg Vs Page Builders: ความแตกต่างหลัก

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

แต่พวกเขาไม่ได้

มีความแตกต่างอย่างมากระหว่าง Block Editor และ Page Builders ซึ่งคุณจะไม่สังเกตเห็นได้ง่ายๆ

นี่คือความแตกต่างที่สำคัญระหว่างทั้งสอง:

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

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

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

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

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

ทำให้กระบวนการทั้งหมดเร็วขึ้น

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

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

ทั้ง Gutenberg และตัวสร้างหน้ามีคุณลักษณะการลากแล้ววาง

ใน Gutenberg คุณสามารถเพิ่มบล็อกและลากไปได้ทุกที่ที่คุณต้องการ

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

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

นี่คือเหตุผล:

Gutenberg อนุญาตให้คุณลากและวางบล็อกไปยังที่ต่างๆ เท่านั้น

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

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

3. ตัวเลือกการจัดแต่งทรงผม

นี่คือจุดที่ตัวแก้ไขบล็อกขาดเครื่องมือสร้างหน้าต่างๆ มากที่สุด

WordPress นำเสนอบล็อกต่างๆ ใน ​​Gutenberg และยังมีตัวเลือกสไตล์และการปรับแต่งสำหรับบล็อกเหล่านี้

แต่พวกเขาไม่ดีเท่ากับผู้สร้างเพจ

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

นอกจากนี้ การปรับแต่งเหล่านี้ไม่ใช่พื้นฐาน เช่น การเปลี่ยนสี เพิ่มเงา ฯลฯ

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

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

นอกจากนี้ เครื่องมือสร้างเพจต่างๆ ยังเสนอตัวเลือกการจัดสไตล์ที่แตกต่างกันและในบางครั้ง

4. ฟังก์ชันเลย์เอาต์

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

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

ตามรูปแบบหลัก ฉันหมายถึงส่วนหัว ส่วนท้าย แถบด้านข้าง และรูปลักษณ์โดยรวมของหน้า

นั่นไม่ใช่กรณีของผู้สร้างเพจ

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

คุณสามารถสร้างส่วนหัว ส่วนท้าย เค้าโครงเนื้อหาด้วยตัวสร้างหน้า

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

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

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

5. ความเข้ากันได้ของรูปแบบธีม

ดังที่กล่าวไว้ในจุดก่อนหน้า Gutenberg ใช้รูปแบบของธีมและไม่ได้แทนที่สไตล์เหล่านี้

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

การอ่านที่แนะนำ: 29 ธีม Gutenberg ฟรีที่ดีที่สุด (เลือกด้วยมือ)

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

ตัวอย่างเช่น -

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

ใช่ คุณยังต้องติดตั้งธีม WordPress แต่นั่นจะไม่แทนที่สไตล์ของเพจของคุณ

6. บล็อก & วิดเจ็ต

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

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

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

ตัวสร้างเพจยอดนิยมจำนวนมากยังอนุญาตให้นักพัฒนาสร้างวิดเจ็ตของตนเองซึ่งส่งผลให้มีปลั๊กอินและส่วนเสริมของตัวสร้างเพจที่แตกต่างกัน

7. ส่วนเสริมของบุคคลที่สาม

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

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

ดาวน์โหลดฟรี

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

เครื่องมือสร้างเพจยอดนิยมสองรายการที่มีส่วนเสริมหลายร้อยรายการ ได้แก่ Elementor และ Divi Page Builder

ตัวสร้างเพจอื่นๆ ก็มีส่วนเสริมเช่นกัน แต่คุณภาพของมันขึ้นอยู่กับความนิยมของตัวสร้างเพจ

ผู้สร้างเพจที่ได้รับความนิยมมากขึ้นคือชุมชนนักพัฒนาที่สร้างส่วนเสริมแบบกำหนดเองที่แข็งแกร่งยิ่งขึ้น

ตัวแก้ไขบล็อกจะเปลี่ยนตัวสร้างหน้าหรือไม่

มาตอบคำถามที่รอคอยกันมากที่สุด:

Gutenberg จะมาแทนที่ผู้สร้างเพจหรือไม่?

นี่คือคำตอบของฉัน:

Block Editor ในรูปแบบปัจจุบันไม่มีสิทธิ์แทนที่เครื่องมือสร้างเพจ

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

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

โดยสรุป Gutenberg และ Page Builder เป็นสองสิ่งที่แตกต่างกัน Gutenberg ทำให้ง่ายต่อการสร้างเนื้อหาที่สวยงาม และตัวสร้างเพจทำให้การออกแบบง่ายขึ้น

คุณควรใช้อันไหน?

ทั้งหมดขึ้นอยู่กับสิ่งที่คุณจะทำ

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

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

ดังนั้นทั้งสองอย่างจึงมีความสำคัญสำหรับไซต์ WordPress

ตัวสร้างหน้าใดดีที่สุดที่จะใช้กับ Gutenberg?

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

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

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

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

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

รับ Elementor

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

บทสรุป

ดังนั้นคุณมีมัน

การเปรียบเทียบขั้นสุดยอดระหว่างผู้สร้าง Gutenberg และ Page ฉันค่อนข้างแน่ใจว่าตอนนี้คุณรู้แล้วว่าอันไหนที่เหมาะกับคุณ

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

เรายินดีที่จะช่วยเหลือคุณ