Gutenberg คืออะไรและใช้งานอย่างไร?

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

❶ Gutenberg คืออะไร?

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

ตัวอย่างเช่น บทความหนึ่งอาจประกอบด้วยบล็อกหัวข้อ ย่อหน้า รูปภาพ รายการ และปุ่ม โดยแต่ละบล็อกมีตัวเลือกปรับแต่งของตัวเอง

① Gutenberg กับ Block Editor ต่างกันอย่างไร?

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

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

② Gutenberg ต่างจาก Classic Editor อย่างไร?

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

❷ เริ่มใช้งาน Gutenberg ใน WordPress

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

① เปิดตัวแก้ไข

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

② เพิ่มบล็อก

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

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

③ เลือกบล็อกเพื่อแก้ไข

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

❸ ใช้บล็อกพื้นฐานให้เหมาะกับเนื้อหา

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

① บล็อกย่อหน้าและหัวข้อ

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

② บล็อกรูปภาพ

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

③ บล็อกรายการและปุ่ม

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

④ บล็อกอื่น ๆ

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

❹ จัดการและจัดลำดับบล็อก

หลังเพิ่มเนื้อหาแล้ว สามารถย้าย ทำซ้ำ หรือลบบล็อกได้

① ย้ายบล็อก

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

② ทำซ้ำหรือลบบล็อก

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

③ ใช้มุมมองรายการ

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

❺ บันทึกและตรวจเนื้อหาก่อนเผยแพร่

เมื่อจัดเนื้อหาเสร็จ ให้ตรวจตัวอย่างและสถานะการบันทึกก่อนออกจากตัวแก้ไข

① ดูตัวอย่างหน้า

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

② บันทึกเป็นฉบับร่างหรือเผยแพร่

หากยังไม่พร้อมให้ผู้อื่นเห็น ให้บันทึกเป็นฉบับร่าง หากเนื้อหาพร้อมแล้วจึงกด เผยแพร่ หรือกด อัปเดต เมื่อแก้ไขหน้าเดิม

③ ตรวจผลหลังบันทึก

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

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

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

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

❼ สรุป

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

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