วิธีใช้ Patterns และ Reusable Blocks ใน WordPress

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

❶ Patterns และ Synced patterns ต่างกันอย่างไร?

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

① Synced pattern

Synced pattern จะเชื่อมการใช้งานแต่ละตำแหน่งเข้ากับชุดต้นแบบ เมื่อแก้ไขเนื้อหาของ pattern การเปลี่ยนแปลงจะปรากฏในทุกตำแหน่งที่ใช้ชุดนั้น เหมาะกับข้อมูลที่ต้องการให้เหมือนกันทั่วเว็บไซต์

② Unsynced pattern

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

③ ความเกี่ยวข้องกับ Reusable Blocks

Reusable Blocks เป็นชื่อที่ใช้เรียกชุดบล็อกนำกลับมาใช้ซ้ำใน WordPress รุ่นก่อนหน้า ปัจจุบันแนวคิดนี้อยู่ในระบบ Patterns โดยรูปแบบที่ซิงก์เนื้อหาทำหน้าที่ใกล้เคียงกับ reusable block เดิม

❷ สร้าง Pattern จากบล็อกที่มีอยู่

หากมีส่วนเนื้อหาที่จัดรูปแบบไว้แล้ว สามารถเลือกบล็อกเหล่านั้นเพื่อบันทึกเป็น Pattern ได้

① เลือกบล็อกที่ต้องการบันทึก

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

② สร้าง Pattern

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

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

③ เลือกการซิงก์

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

❸ แทรก Pattern ในหน้าและบทความ

เมื่อบันทึก Pattern แล้ว สามารถนำไปใช้จากตัวแก้ไขบล็อกได้

① เปิดตัวเลือก Patterns

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

② แทรกในตำแหน่งที่ต้องการ

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

③ ตรวจว่าเป็นแบบซิงก์หรือไม่

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

❹ แก้ไขและจัดการ Patterns

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

① แก้ไข Synced pattern

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

② เปลี่ยนชื่อหรือหมวดหมู่

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

③ ลบ Pattern ที่ไม่ใช้แล้ว

ก่อนลบ ให้ตรวจว่า Pattern นั้นยังถูกใช้อยู่ในหน้าใดหรือไม่ การลบต้นแบบอาจมีผลต่อการนำกลับมาใช้หรือการจัดการในอนาคต ควรตรวจตัวเลือกที่ WordPress แจ้งก่อนยืนยัน

❺ ตัวอย่างการเลือกใช้ Pattern ให้เหมาะกับงาน

การเลือกแบบซิงก์หรือไม่ซิงก์ขึ้นอยู่กับว่าต้องการให้เนื้อหาเหมือนกันทุกตำแหน่งหรือไม่

① ใช้ Synced pattern กับข้อมูลที่ต้องเหมือนกัน

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

② ใช้ Unsynced pattern กับรูปแบบที่ต้องปรับแยก

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

③ ตรวจเนื้อหาก่อนบันทึก

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

❻ แก้ปัญหาเมื่อหา Pattern ไม่เจอ

① ค้นหาด้วยชื่อที่บันทึกไว้

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

② ตรวจสิทธิ์และตัวเลือกของธีม

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

③ ตรวจผลหลังแทรกหรือแก้ไข

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

❼ สรุป

Patterns ช่วยบันทึกชุดบล็อกเพื่อนำกลับมาใช้ซ้ำ ส่วน Synced pattern จะซิงก์การแก้ไขไปยังตำแหน่งอื่นที่ใช้ชุดเดียวกัน ขณะที่ Unsynced pattern เป็นสำเนาที่แก้แยกได้ Reusable Blocks คือชื่อเดิมที่เกี่ยวข้องกับการนำชุดบล็อกกลับมาใช้

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