Hướng dẫn đăng ký Category mới trong Gutenberg Block

5/5 - (1 bình chọn)

Mặc định, trình soạn thảo Gutenberg cung cấp 5 category chính dành cho các core block. Tuy vậy, nếu bạn thêm block, sẽ rất khó để quản lý nó trong các category này. Hãy xem cách tạo ra category mới nhé.

 Category trong Gutenberg Block là gì?

Các block của Gutenberg được tổ chức theo các danh mục (category). Hiện tại bạn có thể thấy có các danh mục chính sau:

  • Khối chung
  • Định dạng
  • Các đối tượng bố cục
  • Widget
  • Nhúng

Ngoài ra, còn có mục “Sử dụng nhiều” liệt kê các block bạn hay sử dụng nữa.

Như mình đã nói ở trên, việc tạo block mới và gán vào một trong những danh mục ở trên sẽ khiến người sử dụng không biết được đâu là block mới và đâu là block có thể sử dụng.

Bởi vậy, ta cần thêm một danh mục mới để nó hiển thị như sau (thường là dưới cùng):

Thêm danh mục mới trong Gutenberg Block
Màu xanh lá cây là danh mục giả sử ta muốn thêm

Hướng dẫn cách thêm danh mục mới trong Gutenberg Block

Để làm được điều này, bạn cần sử dụng filter và chạy function sau trong plugin Gutenberg block của bạn hoặc trong file functions.php của giao diện:

function codetot_gutenberg_category( $categories, $post ) {
   return array_merge(
      $categories,
      array(
         array(
            'slug' => 'codetot-blocks',
            'title' => __( 'Codetot Blocks', 'codetot-blocks' ),
         ),
      )
   );
}
add_filter( 'block_categories', 'codetot_gutenberg_category', 10, 2);

Thật đơn giản, phải không nào?

2 bình luận về “Hướng dẫn đăng ký Category mới trong Gutenberg Block”

Viết một bình luận


Chuyên gia về Web
Bạn muốn làm việc với dịch vụ website do chúng tôi triển khai?
Gọi tư vấn 0982.90.4343
Chuyên gia về Web
Bài viết liên quan
Gọi file PHP trong WordPress

19/09/2023

Cài đặt và sử dụng WP-CLI trên môi trường Linux
Trên một số môi trường Hosting có thể cung cấp SSH hoặc Terminal access, song không có sẵn WP-CLI để...
Import database MySQL lớn trên môi trường Docker

06/08/2023

Import database MySQL lớn trên môi trường Docker
Mình sử dụng EasyPanel để quản lý các Docker và build môi trường app. Nay gặp tình huống phải import...

28/01/2023

Hướng dẫn cài đặt php extension mongodb trên Mac OS M1
Khi bạn muốn hỗ trợ MongoDB trên dòng Mac M1, phần cài đặt sẽ cần một chút lưu ý. Hướng...
Git

18/12/2022

Xử lý lỗi Git không thể tiến hành merge do merge.renamelimit
Khi bạn tiến hành merge nhánh phụ vào nhánh chính hoặc lên nhánh production, có thể xung đột xảy ra...