ดีครับดอทคอม

การใช้งาน Reusable Block (สร้างบล็อกไว้ใช้เอง) ใน WordPress

การใช้งาน Reusable Block

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

การสร้าง Reusable Block ไว้ใช้งาน

สำหรับขั้นตอนการสร้าง Reusable Block ไว้ใช้งานในเว็บไซต์ของเรานั้นก็สามารถทำได้ง่าย ๆ เหมือนสร้างบล็อกทั่ว ๆ ไปนั่นเองครับ โดยมีวิธีการดังนี้

อันดับแรกให้สร้างโพสต์หรือเพจ อย่างใดอย่างหนึ่งขึ้นมาก่อนครับ

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

สร้าง Reusable Block

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

เมื่อใส่รายละเอียดตามต้องการแล้วให้คลิกที่ปุ่ม ในกล่องเครื่องมือด้านบนบล็อก แล้วคลิกที่ตัวเลือก Add to Reusable Blocks

สร้าง Reusable Block

WordPress จะสร้างบล็อกให้เรา ให้เราตั้งชื่อบล็อกที่ช่อง Name (ในตัวอย่างตั้งเป็น Content Table Block ให้สื่อความหมายว่า อันนี้เป็นบล็อกสารบัญเนื้อหานะ) แล้วคลิกที่ปุ่ม Save เพื่อบันทึก

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

การสร้าง Reusable Block อีกวิธีหนึ่งก็คือ ให้ไปที่ URL ของโดเมนเนมของเรา ตามด้วย /wp-admin/edit.php?post_type=wp_block ตัวอย่างเช่น

https://www.yourdomain.com/wp-admin/edit.php?post_type=wp_block

จะเข้าสู่หน้า Blocks ให้คลิกที่ปุ่ม Add New เพื่อสร้างบล็อกใหม่ได้เลย

สร้าง Reusable Block ไว้ใช้งาน

หลังจากนั้นจะเข้าสู่หน้าสำหรับสร้างบล็อก

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

การเรียกใช้งาน Reusable Block

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

สำหรับการเรียกใช้ Reusable Block ก็ทำได้เหมือนการเรียกใช้บล็อกประเภทอื่น ๆ นั่นเองครับ โดยสามารถทำได้ดังนี้

  • คลิกที่ปุ่ม Add Block เพื่อแทรกบล็อกใหม่เข้ามาในบทความ
  • ที่ช่อง Search for a block สามารถพิมพ์ชื่อบล็อกที่เราสร้างไว้ได้เลย (ถ้าจำได้)
  • หรือคลิกเลือกที่กลุ่ม Reusable ก็จะแสดงรายการบล็อกที่เราได้สร้างไว้ออกมาให้เราได้เลือกใช้
  • คลิกที่บล็อกที่เราได้สร้างไว้เพื่อแทรกลงไปในบทความได้ทันที

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

การแก้ไข Reusable Block

ทีนี้ถ้าเราต้องการแก้ไขหรืออัพเดท Reusable Block ที่เราได้เคยสร้างไว้แล้ว จะทำอย่างไรกันดี ? สามารถทำได้ดังนี้ครับ

แก้ไข Reusable Block
  • ที่หน้าโพสต์หรือหน้าเพจ (หน้าไหนก็ได้) ให้คลิกที่ปุ่ม Add Block
  • คลิกเลือกกลุ่ม Reusable
  • คลิกที่ Manage All Reusable Blocks

หรือไปที่ URL ของโดเมนของเรา ตามด้วย /wp-admin/edit.php?post_type=wp_block ตัวอย่างเช่น

https://www.yourdomain.com/wp-admin/edit.php?post_type=wp_block

จะเข้าสู่หน้า Blocks และแสดงรายการบล็อกต่าง ๆ ที่เราได้เคยสร้างเอาไว้

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

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

เราสามารถทำอะไรกับบล็อกประเภท Reusable ที่เราได้สร้างไว้ก็ได้ ทำได้เหมือนกับเราเขียนบทความเลยครับ

สำหรับการลบบล็อกที่ได้สร้างไว้ก็สามารถทำได้เหมือนกันกับที่เราลบบทความหรือลบเพจนั่นเอง