วิธีใช้ Block Editor ใน WordPress

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

❶ รู้จักส่วนต่าง ๆ ของ Block Editor

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

① พื้นที่เนื้อหา

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

② ปุ่มเพิ่มบล็อก

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

③ แถบเครื่องมือและการตั้งค่าบล็อก

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

❷ เพิ่มและแก้ไขบล็อกพื้นฐาน

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

① เพิ่มย่อหน้า

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

② เพิ่มหัวข้อ

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

③ เพิ่มรูปภาพ

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

④ เพิ่มปุ่ม

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

❸ จัดรูปแบบและย้ายบล็อก

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

① เปลี่ยนรูปแบบบล็อก

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

② ย้ายบล็อกขึ้นหรือลง

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

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

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

❹ ทำงานกับบล็อกหลายรายการ

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

① เลือกบล็อกหลายรายการ

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

② จัดกลุ่มบล็อก

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

③ ตรวจบล็อกที่ซ้อนกัน

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

❺ ดูตัวอย่างและเผยแพร่เนื้อหา

ก่อนเผยแพร่ ให้ตรวจทั้งเนื้อหาและการแสดงผลบนเว็บไซต์จริง

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

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

② บันทึกฉบับร่าง

หากยังไม่พร้อมเผยแพร่ ให้บันทึกเป็นฉบับร่าง แล้วกลับมาแก้ไขภายหลัง WordPress อาจบันทึกการเปลี่ยนแปลงอัตโนมัติ แต่ควรตรวจสถานะการบันทึกก่อนออกจากหน้าแก้ไข

③ เผยแพร่หรืออัปเดต

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

❻ แก้ปัญหาเบื้องต้นใน Block Editor

① หาเมนูเพิ่มบล็อกไม่เจอ

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

② บล็อกแสดงผลไม่เหมือนในตัวแก้ไข

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

③ การเปลี่ยนแปลงไม่ปรากฏบนเว็บไซต์

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

❼ สรุปวิธีใช้ Block Editor

เริ่มจากเพิ่มบล็อกพื้นฐานอย่างย่อหน้า หัวข้อ และรูปภาพ จากนั้นจัดลำดับและปรับรูปแบบด้วยแถบเครื่องมือหรือแถบตั้งค่า ตรวจตัวอย่างและบันทึกเป็นฉบับร่างหรือเผยแพร่เมื่อพร้อม

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