Gutenberg คืออะไร? ตัวแก้ไขบทความใหม่ของ WordPress ที่คุณควรรู้จัก

/
/
Gutenberg คืออะไร? ตัวแก้ไขบทความใหม่ของ WordPress ที่คุณควรรู้จัก
Moon Knight Creator

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

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

Gutenberg คืออะไร?

Gutenberg คือ Block Editor ที่ถูกพัฒนาขึ้นโดย WordPress ตั้งแต่เวอร์ชัน 5.0 เป็นต้นมา โดยมีเป้าหมายเพื่อปรับปรุงประสบการณ์การสร้างเนื้อหาให้ทันสมัยยิ่งขึ้น แทนที่ระบบการพิมพ์ข้อความแบบคลาสสิก (Classic Editor) ที่เคยใช้กันมานาน

จุดเด่นของ Gutenberg คือการใช้งานแบบ “บล็อก” (Block-based) ซึ่งผู้ใช้สามารถเพิ่มเนื้อหาแต่ละประเภทเป็นบล็อกแยกกัน เช่น ข้อความ, รูปภาพ, ปุ่ม, วิดีโอ, คอลัมน์ ฯลฯ และสามารถจัดเรียง ลากวาง ปรับแต่งได้อย่างอิสระ

จุดเด่นของ Gutenberg

ฟีเจอร์รายละเอียด
Block-basedทุกองค์ประกอบของเนื้อหาแยกเป็นบล็อก ทำให้จัดการได้ง่าย
Drag & Dropสามารถลากและวางบล็อกในตำแหน่งที่ต้องการได้อย่างอิสระ
รองรับ Media ครบถ้วนแทรกรูปภาพ, วิดีโอ, เสียง, ปุ่ม ฯลฯ ได้ในไม่กี่คลิก
Live Previewเห็นผลลัพธ์จริงขณะพิมพ์และจัดเรียงเนื้อหา
ไม่ต้องเขียนโค้ดเหมาะกับมือใหม่ที่ต้องการสร้างเว็บไซต์ด้วยตัวเอง
ใช้งานกับ Theme และ Plugin สมัยใหม่รองรับธีมและปลั๊กอินที่พัฒนาให้ทันสมัยยิ่งขึ้น

บล็อกที่ใช้งานได้ใน Gutenberg

  • Paragraph – ข้อความทั่วไป
  • Image / Gallery – รูปภาพและแกลเลอรี
  • Heading – หัวข้อหลักและย่อย
  • List – รายการหัวข้อย่อย
  • Quote – คำพูดหรือข้อความอ้างอิง
  • Button – ปุ่มกดที่สามารถเชื่อมลิงก์
  • Columns – การจัดเลย์เอาต์แบบหลายคอลัมน์
  • Video / Audio / File – สื่อมัลติมีเดียหลากหลายประเภท
  • Table – ตารางข้อมูล
  • Embed – ฝัง YouTube, Facebook, Instagram ฯลฯ

Gutenberg เหมาะกับใคร?

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

ตารางเปรียบเทียบ Gutenberg และ Classic Editor

จุดเปรียบเทียบGutenbergClassic Editor
วิธีใช้งานแบบบล็อก Drag & Dropพิมพ์ข้อความธรรมดา
ความยืดหยุ่นสูง ปรับแต่งได้มากจำกัดการจัดวาง
เหมาะกับใครผู้ใช้ใหม่, ดีไซน์เนอร์ผู้ใช้ดั้งเดิม, เขียนเนื้อหาเร็ว
การพัฒนาได้รับการอัปเดตสม่ำเสมอไม่มีฟีเจอร์ใหม่เพิ่มแล้ว

หากคุณยังคุ้นชินกับ Classic Editor ไม่ต้องกังวล เพราะยังสามารถติดตั้งปลั๊กอิน “Classic Editor” เพื่อย้อนกลับไปใช้แบบเดิมได้

Gutenberg กับ Full Site Editing (FSE)

ใน WordPress เวอร์ชันล่าสุด Gutenberg ยังถูกขยายความสามารถไปสู่ระดับ “Full Site Editing” หรือการปรับแต่งทั้งเว็บไซต์แบบบล็อก เช่น Header, Footer, Template หน้าโพสต์ และอื่น ๆ โดยไม่ต้องใช้ Page Builder แยก

FSE เป็นการรวมพลังของธีมและ Gutenberg เข้าด้วยกันอย่างสมบูรณ์แบบ เช่น ธีมที่รองรับ FSE เช่น Twenty Twenty-Four, Blocksy, Kadence เป็นต้น

วิธีเปิดใช้งาน Gutenberg

หากคุณใช้ WordPress 5.0 ขึ้นไป Gutenberg จะถูกติดตั้งมาให้โดยอัตโนมัติ แต่หากคุณติดตั้งปลั๊กอิน Classic Editor ไว้ คุณสามารถสลับกลับมาใช้ Gutenberg ได้ง่าย ๆ ดังนี้:

  1. ไปที่ เมนู Plugins
  2. ปิดการใช้งาน (Deactivate) ปลั๊กอิน Classic Editor
  3. เมื่อเปิดหน้าโพสต์หรือหน้าใหม่ ระบบจะแสดงหน้าจอ Gutenberg ให้ใช้งาน

สรุป

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

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

ติดต่อเรา

หมวดหมู่

ป้ายกำกับ

บทความที่เกี่ยวข้อง

7757 wordpress vs shopify Horizontal
เปรียบเทียบ WordPress และ Shopify สำหรับ SME ไทย
การมีเว็บไซต์หรือร้านค้าออนไลน์ในวันนี้ไม่ได้เป็นแค่ “ตัวเลือก” แต่เป็น “เครื่อง...
7823 website pricing Horizontal
ราคาทำเว็บไซต์คิดอย่างไร? คู่มือสำหรับเจ้าของธุรกิ...
เมื่อเจ้าของธุรกิจเริ่มมองหาการสร้างเว็บไซต์ หนึ่งในคำถามแรกที่มักเกิดขึ้นคือ &#...
8303 fix not secure website Horizontal
เว็บไซต์ไม่ปลอดภัยแก้อย่างไร? สาเหตุและวิธีแก้ Not...
เมื่อเปิดเว็บไซต์แล้วพบข้อความว่า “ไม่ปลอดภัย”, “Not Secure” หรือ “การเชื่อมต่อข...
8304 website loading slow Horizontal
เว็บไซต์ช้าเกิดจากอะไร? 12 สาเหตุและวิธีแก้เว็บ Wo...
เว็บไซต์โหลดช้าเป็นปัญหาที่ส่งผลโดยตรงต่อประสบการณ์ของผู้ใช้งาน ไม่ว่าจะเป็นหน้า...
8301 choose website design company Horizontal
วิธีเลือกบริษัทรับทำเว็บไซต์ ต้องดูอะไรบ้างก่อนตัด...
เว็บไซต์เป็นหนึ่งในทรัพย์สินสำคัญของธุรกิจ เพราะใช้แนะนำบริษัท สร้างความน่าเชื่อ...
8299 website development timeline Horizontal
ทำเว็บไซต์ใช้เวลากี่วัน? ระยะเวลาตามประเภทเว็บไซต์...
การทำเว็บไซต์ใช้เวลานานแค่ไหน เป็นหนึ่งในคำถามที่เจ้าของธุรกิจมักถามก่อนตัดสินใจ...
8296 website requirements checklist Horizontal
รับทำเว็บไซต์ต้องเตรียมข้อมูลอะไรบ้าง? Checklist ก...
การจ้างทำเว็บไซต์ไม่ได้เริ่มต้นจากการเลือกสีหรือเลือกรูปแบบหน้าเว็บเพียงอย่างเดี...
7894 hire seo vs do it yourself Horizontal
จ้างทำ SEO กับทำเองต่างกันอย่างไร? แบบไหนเหมาะกับธ...
เมื่อเจ้าของธุรกิจเริ่มสนใจทำ SEO คำถามสำคัญที่มักเกิดขึ้นคือ ควรเรียนรู้และทำ S...