Cách tạo một khối có thể tái sử dụng trong WordPress Block Editor (Gutenberg)

Nội dung bài viết

Bạn có thường sử dụng các đoạn nội dung giống nhau trong các bài viết WordPress của mình không? Nếu bạn làm vậy, thì bạn sẽ thích tính năng Khối có thể tái sử dụng trong trình chỉnh sửa khối WordPress mới. Nó cho phép bạn lưu bất kỳ khối nội dung nào và sử dụng lại chúng trong các bài đăng và trang khác trên trang web của bạn.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng tạo một khối có thể tái sử dụng trong trình chỉnh sửa Khối WordPress còn được gọi là Gutenberg. Chúng tôi cũng sẽ chỉ cho bạn cách thêm các khối có thể sử dụng lại trong các bài đăng WordPress của bạn và xuất chúng để sử dụng trên các trang web WordPress khác của bạn.

Creating a reusable block in WordPress Gutenberg editor

Khối có thể tái sử dụng trong WordPress Block Editor (Gutenberg) là gì?

Khối có thể tái sử dụng trong trình soạn thảo WordPress là khối nội dung được lưu riêng để sử dụng sau này.

Nhiều blogger thường thêm các đoạn nội dung giống nhau trong nhiều bài viết như lời kêu gọi hành động ở cuối bài đăng trên blog hoặc các liên kết để theo dõi blog trên mạng xã hội.

Hầu hết mọi người chỉ lưu các đoạn nội dung của họ dưới dạng tệp văn bản trên máy tính của họ, sau đó sao chép và dán chúng khi cần thiết.

Trình chỉnh sửaGutenberg WordPress giải quyết vấn đề này bằng cách giới thiệu các khối có thể tái sử dụng.

Về cơ bản, bây giờ bạn có thể lưu các đoạn nội dung trong trình chỉnh sửa WordPress của mình và sau đó sử dụng lại chúng ở bất kỳ đâu gần như ngay lập tức.

Sau đây chỉ là một số tình huống khi một khối có thể tái sử dụng có thể giúp bạn làm việc hiệu quả hơn:

  • Yêu cầu người dùng theo dõi bạn trên mạng xã hội ở cuối mỗi bài viết.
  • Thêm nút gọi hành động trong các bài đăng và trang WordPress của bạn.
  • Lưu và sử dụng lại bảng
  • Thêm nhanh các biểu mẫu phản hồi vào các trang của bạn
  • Thêm biểu ngữ liên kết nội tuyến theo cách thủ công
  • và hơn thế nữa…

Điều đó đang được nói, chúng ta hãy xem cách dễ dàng tạo một khối có thể tái sử dụng trong trình chỉnh sửa khối của WordPress.

Video hướng dẫn

Đăng ký Thuthuatwordpress.net

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Tạo một khối có thể tái sử dụng trong WordPress Editor

Tất cả các khối Gutenberg là các phần tử nội dung riêng lẻ trong trình soạn thảo WordPress và chúng có thể được lưu riêng lẻ thành một khối có thể tái sử dụng

Đầu tiên, bạn cần tạo một bài đăng mới hoặc chỉnh sửa bài viết hiện có. Trên màn hình chỉnh sửa bài đăng, nhấp vào nút thêm khối mới và sau đó chọn loại khối tùy theo nội dung bạn sẽ lưu.

Add a new block to Gutenberg editor

Trong ví dụ này, chúng ta sẽ lưu một vài dòng văn bản trong một khối đoạn văn.

Sau khi thêm khối, bạn cần thêm nội dung mà bạn muốn sử dụng lại. Bạn có thể sử dụng các tùy chọn tạo kiểu và định dạng trong thanh công cụ khối và cài đặt khối.

Editing a block

Khi bạn đã hoàn tất việc chỉnh sửa, hãy nhấp vào nút menu ba chấm trên thanh công cụ và sau đó chọn tùy chọn ‘Thêm vào các khối có thể tái sử dụng’.

Add to reusable blocks

Bạn sẽ được yêu cầu nhập tên cho khối có thể tái sử dụng. Chúng tôi khuyên bạn nên sử dụng tên giúp bạn nhanh chóng xác định khối và chức năng của nó.

Add block name

Cuối cùng, nhấp vào nút Lưu để lưu trữ khối có thể sử dụng lại của bạn.

Khối của bạn sẽ được lưu trong cơ sở dữ liệu WordPress với tất cả các cài đặt của nó.

Thêm khối có thể sử dụng lại trong các bài đăng và trang khác

Bây giờ chúng ta đã học cách tạo một khối có thể sử dụng lại trong WordPress, hãy xem cách thêm các khối có thể tái sử dụng vào các bài đăng và trang WordPress của bạn.

Một lần nữa, hãy tạo một bài đăng mới hoặc chỉnh sửa một bài đăng mà bạn muốn thêm khối có thể sử dụng lại. Trên màn hình chỉnh sửa bài đăng, nhấp vào nút thêm khối mới.

Khối có thể tái sử dụng của bạn nằm trong tab ‘Có thể tái sử dụng’. Bạn cũng có thể tìm thấy nó bằng cách nhập tên của nó vào hộp tìm kiếm.

Adding reusable block

Bạn có thể di chuột qua nó để xem bản xem trước nhanh về khối. Hãy tiếp tục và nhấp vào khối để chèn nó vào bài đăng của bạn.

Khối có thể sử dụng lại của bạn sẽ xuất hiện trong trình chỉnh sửa bài đăng.

Reusable block added into a post

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

Tuy nhiên, hãy nhớ rằng việc thay đổi một khối có thể sử dụng lại sẽ thay đổi nó trên tất cả các vị trí mà bạn đã sử dụng nó.

Nếu bạn chỉ muốn thực hiện một thay đổi chỉ xuất hiện trên bài đăng cụ thể này, thì trước tiên bạn cần chuyển đổi nó thành một khối thông thường.

Nhấp vào menu ba chấm trong thanh công cụ khối và sau đó chọn tùy chọn ‘Chuyển đổi thành Khối thông thường’.

Convert to regular block

Điều này sẽ chuyển đổi khối có thể sử dụng lại của bạn thành một khối thông thường và bạn sẽ có thể thực hiện các thay đổi đối với nó mà không ảnh hưởng đến khối có thể tái sử dụng ban đầu.

Quản lý tất cả các khối có thể tái sử dụng trong WordPress Editor

Sau khi sử dụng các khối có thể tái sử dụng trong một thời gian, bạn có thể có một số khối mà bạn không sử dụng nữa hoặc một số khối mà bạn muốn đổi tên.

Gutenberg Editor cho phép bạn dễ dàng quản lý tất cả các khối có thể tái sử dụng từ một màn hình.

Để quản lý các khối của bạn, hãy nhấp vào nút thêm khối và sau đó tìm tab Có thể tái sử dụng. Bạn sẽ thấy một liên kết để quản lý trang chặn có thể sử dụng lại của mình.

Manage reusable blocks link

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

Manage reusable blocks

Xuất / Nhập các khối có thể tái sử dụng

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

Bạn có thể 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 xuất bên dưới một khối và WordPress sẽ gửi nó cho bạn dưới dạng tệp JSON.

Exporting a reusable block

Bây giờ bạn có thể chuyển sang khu vực quản trị của trang WordPress khác. Chuyển đến màn hình quản lý khối và sau đó nhấp vào nút ‘Nhập từ JSON’.

Điều này sẽ hiển thị một hộp tải lên tệp. Nhấp vào nút chọn tệp để chọn khối bạn đã tải xuống trước đó và sau đó nhấp vào nút nhập.

WordPress bây giờ sẽ nhập khối có thể sử dụng lại của bạn và lưu nó trong cơ sở dữ liệu. Bạn có thể tiếp tục và bắt đầu sử dụng nó trên trang web mới.

Để có hướng dẫn chi tiết hơn, chúng tôi đã tạo hướng dẫn từng bước về cách nhập / xuất khối nội dung WordPress (với ảnh chụp màn hình) .

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo một khối có thể sử dụng lại trong trình soạn thảo WordPress Gutenberg. Bạn cũng có thể muốn xem các mẹo của chúng tôi để phát triển công việc kinh doanh trực tuyến của bạn mà không tốn nhiều tiền.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!