Cách tạo block tái sử dụng trong Gutenberg editor

Tái sử dụng các block (reusable block) là một tính năng rất hữu ích trong Gutenberg cho phép bạn lưu các block để dùng lại cho những bài đăng trong tương lai. Tính năng này sẽ giúp bạn tiết kiệm được kha khá thời gian, công sức cũng như hạn chế các sai sót (vì nội dung được copy tự động thay vì viết tay). Trong bài viết này, Titanweb sẽ hướng dẫn các bạn cách tạo, quản lý và xuất / nhập dữ liệu của các block tái sử dụng trong Gutenberg editor.

Nhưng trước tiên, hãy cùng tìm hiểu những ứng dụng thực tế của tính năng này để xem nó có phù hợp với nhu cầu của bạn không nhé!

Ứng dụng của việc tạo các block để tái sử dụng

Bạn có thể tận dụng tính năng block tái sử dụng để lưu lại các nội dung cần dùng tới thường xuyên như:

  • Slogan của công ty
  • Lời kêu gọi mua hàng, like fanpage, share bài viết, …
  • Thông số kỹ thuật về sản phẩm
  • Chú thích về những từ ngữ chuyên ngành
  • Các nút hoặc bảng

Để các bạn dễ hình dung, mình sẽ lấy ví dụ cụ thể về việc tạo một block dạng Paragraph với nội dung kêu gọi người dùng follow các mạng xã hội của công ty, sau đó biến nó thành một block tái sử dụng.

Mình làm theo 3 bước như sau:

Bước 1: Tạo một block cơ bản

Đầu tiên, hãy vào một bài viết / trang bất kỳ và thêm một block bằng cách ấn dấu cộng (+). Ví dụ, mình thêm một block dạng Paragraph như sau:

Tạo một block paragraph trong trình soạn thảo Gutenberg

Tiếp theo, hãy nhập nội dung cho block. Ở đây, mình đã viết một lời kêu gọi người dùng follow kênh Youtube để xem thêm nhiều video hướng dẫn khác:

Ví dụ về lời kêu gọi mọi người follow kênh Youtube

Bước 2: Chuyển block thông thường thành block tái sử dụng

Sau khi đã có một block hoàn chỉnh với nội dung ưng ý, hãy biến nó thành block tái sử dụng bằng cách chọn block > click vào dấu 3 chấm > Add to Reusable blocks:

Cách tạo block tái sử dụng
Cách tạo block tái sử dụng

Bạn có thể quản lý các block tái sử dụng bằng cách bấm dấu 3 chấm và ấn Manage Reusable blocks:

Quản lý block tái sử dụng

Lúc này, giao diện quản lý các block tái sử dụng sẽ xuất hiện, hãy thử chỉnh sửa block tái sử dụng mà chúng ta vừa tạo:

Bạn có thể chỉnh sửa block tái sử dụng trong tab Reusable Blocks

Ví dụ, mình đã sửa tên của block tái sử dụng cho dễ nhớ như sau:

Sửa lại tên block tái sử dụng

Lưu ý: bạn hoàn toàn có thể xuất / nhập dữ liệu về các block tái sử dụng và chuyển nó sang một website khác để tiết kiệm thời gian tạo lại block.

Bước 3: Thêm block tái sử dụng vào bài đăng

Vậy là chúng ta vừa tạo thành công một block tái sử dụng, giờ hãy thử chèn nó vào một bài viết trên website nhé!

Bạn bấm dấu cộng, chuyển sang tab Reusable và chọn block mà bạn muốn:

Cách chèn block tái sử dụng vào bài viết

Và đây là kết quả:

Block tái sử dụng được chèn thành công vào bài viết

Lời cuối

Các block tái sử dụng sẽ tiết kiệm cho bạn rất nhiều thời gian và công sức trong việc phải tạo đi tạo lại các block với nội dung trùng lặp. Bạn có thể tạo sẵn các block để kêu gọi người đọc follow kênh Youtube như mình hoặc thậm chí tạo hẳn một nút rồi sửa sang cho nó thật đẹp mắt (ví dụ thêm icon Gutenberg chẳng hạn) để dùng lại nhiều lần.

Chúc bạn thành công, và đừng quên theo dõi những viết tiếp theo của Titanweb để cập nhật những tin tức và thủ thuật mới nhất về WordPress nhé!