Hướng dẫn tạo Reusable Block trong Gutenberg

Bạn có thường sử dụng một loại nội dung trong khi viết bài? Nếu câu trả lời là có, tôi tin rằng bạn sẽ thích tính năng Reusable Block trong trình biên tập Gutenberg. Nó cho phép bạn lưu lại các khối nội dung và tái sử dụng chúng trong bài viết/trang khác trên website của bạn. Trong bài viết này, tôi sẽ chia sẻ cách tạo để sử dụng lại một khối trong Gutenberg. Tôi cũng sẽ chia sẻ cách thêm một Reusable Block vào bài viết/trang trên WordPress site của bạn và trích xuất nó để sử dụng cho website khác.

Reusable Block trong Gutenberg là gì?

Như chúng ta đã biết Gutenberg sử dụng cách tiếp cận mới trong việc biên tập nội dung là sử dụng khối. Trong Gutenberg có rất nhiều khối khác nhau. Và Reusable là một trong số đó.

Reusable Block (tạm dịch là khối có thể sử dụng lại) là một khối nội dung nào đó được lưu lại để sau này sử dụng.

Một số blogger thường thêm một kiểu nội dung vào các bài viết của mình. Ví dụ: nút Download, liên kết để theo dõi blog trên mạng xã hội hoặc đặt hàng…

Đa số mọi người thường lưu nội dung của họ dưới dạng văn bản trên máy tính. Sau đó nếu cần họ mở lên sao chép và dán chúng.

Cách làm này cũng không có gì sai. Nhưng nó mất thời gian và có vẻ không được chuyên nghiệp cho lắm.

Gutenberg giải quyết vấn đề này bằng cách sử dụng một khối có tên là Reusable Block. Về cơ bản, khối này cho phép bạn lưu lại các đoạn nội dung trong trình biên tập của WordPress sau đó tái sử dụng chúng một cách nhanh chóng.

Reusable giúp bạn làm việc hiệu quả hơn trong các trường hợp:

  • Đề nghị người dung theo dõi bạn trên mạng xã hội ở cuối mỗi bài viết.
  • Thêm nút kêu gọi hành động trong bài viết/trang.
  • Lưu và tái sử dụng bảng.
  • Nhanh chóng thêm Feedback Form vào trang của bạn.
  • Thêm banner tiếp thị liên kết vào bài viết/trang.
  • Và nhiều trường hợp khác.

Tính năng này thật tuyệt vời đúng không? Chúng ta cùng tìm hiểu cách tạo Reusable Block trong WordPress!

Tạo Reusable Block trong Gutenberg

Gutenberg chứa nhiều khối nội dung khác nhau. Và tất cả các khối này đều có thể được lưu lại để tái sử dụng.

Việc đầu tiên bạn cần làm là tạo một bài viết mới hoặc hoặc chỉnh sửa một bài viết đã có. Trong màn hình chỉnh sửa bài viết, nhấp vào nút thêm khối sau đó chọn kiểu khối nội dung mà bạn sẽ lưu để tái sử dụng.

add new block in gutenberg

Hình 1: Thêm mới một khối trong Gutenberg

Trong ví dụ minh họa cho bài viết, tôi lưu lại vài dòng văn bản của khối Paragraph.

Sau khi thêm khối, bạn cần thêm nội dung cho khối mà mình muốn tái sử dụng. Bạn có thể sử dụng các tùy chọn trên thanh công cụ hoặc trong mục cài đặt của khối để định dạng cho nó.

create new content in paragraph block

Hình 2: Thêm nội dung cho một khối văn bản trong Gutenberg

Sau khi bạn đã chỉnh sửa xong, hãy nhấp vào menu có hình 03 chấm trên thanh công cụ và chọn tùy chọn “Add to Reusable Blocks”. 

add to reusable block

Hình 3: Tạo một khối để tái sử dụng

Bạn cần đặt tên cho khối mà mình muốn tái sử dụng. Bạn nên đặt tên sao cho dễ nhớ, dễ tìm, dễ quản lý là được.

Đặt tên cho Reusable Block

Hình 4: Đặt tên cho Reusable Block

Cuối cùng, nhấp vào nút Save để lưu lại khối Reusable Block của bạn.

Khối của bạn đã được lưu vào cơ sở dữ liệu của WordPress với tất cả các thiết lập.

Thêm Reusable Block vào bài viết/trang khác

Chúng ta đã tìm hiểu cách tạo một khối Reusable Block, giờ hãy cùng tìm hiểu cách thêm nó vào một bài viết/trang trong WordPress.

Một lần nữa, bạn cần tạo một bài viết mới hoặc mở một bài viết đã có mà mình muốn thêm Reusable Block. Trên màn hình chỉnh sửa bài viết, nhấp vào nút thêm khối mới.

Reusable Block nằm ngay bên dưới thẻ Reusable. Bạn cũng có thể tìm thấy nó bằng cách nhập tên vào thanh tìm kiếm.

add reusable block to post

Hình 5: Thêm một khối Reusable Block vào bài viết

Bạn có thể rê chuột lên khối để xem trước nó trông sẽ như thế nào. Tiếp theo, hãy nhấp vào khối để chèn nó vào bài viết.

Reusable Block sẽ xuất hiện trong trình chỉnh sửa bài viết.

Khối reusable block sau khi chèn vào bài viết

Hình 6: Khối Reusable Block sau khi chèn vào bài viết

Bạn cũng có thể chỉnh sửa Reusable Block bằng cách nhấp vào nút Edit trên khối.

Tuy nhiên bạn cần nhớ là nếu thay đổi nội dung của một Reusable Block, những nơi mà bạn đã sử dụng nó cũng sẽ thay đổi theo.

Nếu bạn chỉ muốn thực hiện thay đổi đối với Reusable Block trong một bài viết/trang cụ thể nào đó, trước tiên bạn cần chuyển đối nó thành một khối Regular.

Nhấp vào menu 3 chấm trên thanh công cụ của khối, sau đó chọn tùy chọn “Convert to Regular Block”.

convert to regular block

Hình 7: Chuyển đổi khối Reusable thành khối Regular

Thao tác này sẽ chuyển khối Reusable thành khối Regular và bạn có thể thay đổi nó mà không lo sẽ làm thay đổi khối Reusable gốc.

Quản lý tất cả các Reusable Block trong Gutenberg

Sau khi sử dụng Reusable Block một thời gian, có một số khối bạn muốn xóa, có một số khối bạn muốn thay đổi tên. Gutenberg cho phép bạn dễ dàng quản lý các Reusable Block trong ngay màn hình soạn thảo.

Để quản lý các khối của mình, bạn hãy nhấp vào menu hình 3 chấm sau đó tìm đến thẻ Reusable. Bạn sẽ nhìn thấy liên kết đến trang quản lý các khối.

manage all reusable block link

Hình 8: Liên kết dẫn đến trang quản lý các khối

Nhấp vào liên kết đó để mở trang quản lý khối của mình. Tại đây bạn có thể chỉnh sửa, xóa, trích xuất và nhập các khối của mình.

block manager page in wordpress

Hình 9: Trang quản lý các khối

Xuất/nhập các khối Reusable

Các khối Reusable không chỉ được tái sử dụng trên các website mà nó được tạo ra. Bạn cũng có thể sử dụng nó trên bất kỳ WordPress site nào khác.

Bạn có thể trích xuất các khối từ màn hình quản lý khối. Chỉ cần nhấp vào nút Export bên dưới khối, WordPress sẽ gửi nó đến tập tin JSON của bạn.

export as jon

Hình 10: Trích xuất các khối thành tập tin JSON

Giờ bạn có thể đăng nhập vào khu vực quản trị của WordPress site khác của mình. Truy cập vào màn hình quản lý khối. Sau đó nhấp vào nút “Import from JSON”.

Một cửa sổ upload tập tin sẽ hiện ra. Nhấp vào nút Choose File để chọn tập tin mà bạn đã tải về trước đó, sau đó nhấp vào nút Import.

Giờ WordPress sẽ nhập Reusable Block của bạn và lưu nó vào cơ sở dữ liệu. Bạn có thể sử dụng nó trên website mới của mình.

Tôi hy vọng bài viết này sẽ giúp bạn biết cách tạo Reusable Block trong Gutenberg.

Nếu bạn thích bài viết này đừng quên Like và Share.

Hẹn gặp lại bạn trong bài viết tiếp theo./.

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận