Lúc đầu, người dùng WordPress có mối quan hệ ngọt ngào và cay đắng với trình tạo khối. Sau đó, khi chúng tôi khám phá ra hướng dẫn gutenberg, trình chỉnh sửa mới đi kèm với các tính năng tuyệt vời giúp tạo nội dung đẹp dễ dàng và thú vị. Bây giờ một số không còn có thể làm mà không có.

Gutenberg cung cấp cho bạn đủ tính năng để tạo các trang và bài viết tuyệt vời mà không cần viết bất kỳ mã nào. Bất kể bạn muốn thêm nội dung nào, Gutenberg đều có khối phù hợp.

Bạn có muốn sửa đổi và tùy chỉnh chuyên sâu từng khối nội dung không? Gutenberg có một loạt các tùy chọn tùy chỉnh cho việc này.

Bạn có muốn nhiều khối hơn những gì có sẵn trong trình chỉnh sửa mặc định không?rất nhiều plugin WordPress cho Gutenberg

Đó là lý do tại sao thật đáng buồn khi nhiều người dùng không biết Khối có thể tái sử dụng, một trong những tính năng nổi bật của Gutenberg. Nếu bạn không biết chúng tôi đang nói về điều gì, các khối có thể tái sử dụng chỉ là khối nội dung mà bạn tạo, lưu và sử dụng lại theo ý muốn.

Giả sử bạn muốn thêm nút gọi hành động có tên cảm ơn bạn lưu ý, chữ ký, biểu mẫu hoặc bất kỳ thứ gì khác ở cuối mỗi bài đăng hoặc trang.

Trước đây, bạn phải lưu tính năng vào một tệp văn bản trên máy tính của mình. Khi cần, bạn sao chép và dán vào bài đăng hoặc trang của mình. Gutenberg đã giảm bớt vấn đề này. Giờ đây, bạn không phải sử dụng các tệp văn bản hoặc tạo các khối giống nhau từ đầu.

Bạn có thể tạo một khối có thể tái sử dụng duy nhất và sử dụng nó không chỉ trong các bài đăng và trang của mình mà còn trên các trang web WordPress khác.

Cho dù bạn xây dựng nhiều trang web hay cần thêm nội dung đặc biệt vào mỗi bài đăng / trang, các khối có thể tái sử dụng của Gutenberg có thể giúp bạn tiết kiệm rất nhiều thời gian.

Và trong bài viết hôm nay, chúng tôi hướng dẫn bạn chính xác cách tạo và xuất các khối có thể tái sử dụng từ Gutenberg sang WordPress. Mục tiêu của chúng tôi là giúp bạn dễ dàng di chuyển và sử dụng lại các khối nội dung tùy chỉnh trên nhiều bài đăng / trang / trang web WordPress.

Nhưng trước đó, nếu bạn chưa từng cài đặt WordPress, hãy cùng tìm hiểu Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây. 

Ngoại trừ : Nếu bạn tạo một khối bằng cách sử dụng Plugin WordPress như ngoan cố, ví dụ: bạn phải cài đặt plugin này trên các trang web WordPress khác mà bạn muốn sử dụng lại khối đã nói. Cũng lưu ý rằng các khối của bạn có thể trông hơi khác tùy theo chủ đề, nhưng điều này là tốt vì Gutenberg cung cấp cho bạn rất nhiều sức mạnh tùy chỉnh.

Trước hết, bạn cần các khối có thể tái sử dụng

Rất tiếc, bạn không thể xuất hoặc nhập khối đều đặn. Để xuất và nhập các khối Gutenberg, trước tiên bạn phải tạo khối có thể tái sử dụng.

Với mục đích minh họa, chúng tôi sẽ tạo cảm ơn bạn lưu ý mà tôi muốn thêm vào cuối mỗi bài báo chúng tôi xuất bản, mà không cần phải viết lại ghi chú mỗi khi tôi cần thêm nó vào một bài báo.

Ma cảm ơn bạn đã lưu ý không có gì phức tạp; chỉ là một khối đoạn văn đơn giản có liên kết đến Twitter và Facebook. Hãy nhớ rằng khối của bạn có thể là bất cứ thứ gì bạn muốn - một quảng cáo biểu ngữbạnn thanh trượt hình ảnh, một câu trích dẫn, một danh sách, những ấn phẩm mới nhất, một biểu mẫu MailChimp, v.v.

Sau đó, chúng tôi sẽ hướng dẫn bạn cách xuất cảm ơn bạn lưu ý trong một trang web WordPress thứ hai.

Cách tạo khối có thể tái sử dụng

Tạo một khối có thể tái sử dụng cực kỳ dễ dàng. Đi đến Các bài báo> Thêm để khởi chạy trình chỉnh sửa Gutenberg:

Cách thêm bài viết blogpascher mới

Sau đó bấm vào biểu tượng Thêm khối (+), sau đó chọn khối nội dung của bạn. Trong trường hợp của chúng tôi, chúng tôi đã thêm khối đoạn văn như được hiển thị trong hình ảnh sau.

Cách thêm khối blogpascher gutenberg

Sau đó, tùy chỉnh khối của bạn theo nhu cầu của bạn. Chúng tôi đã thêm văn bản, liên kết vào hồ sơ mạng xã hội và màu nền. Đây là tên của notepad mới của chúng tôi merci trông giống như trong trình chỉnh sửa Gutenberg của chúng tôi:

Cách sử dụng khối đoạn blogpascher

Tại thời điểm này, lưu ý trên là một khối đều đặn. Chúng ta phải biến nó thành một khối tái sử dụng mà chúng tôi có thể xuất và nhập. Để làm như vậy, hãy nhấp vào biểu tượng Lựa chọn khác, sau đó thêm vào các khối có thể tái sử dụng, như hình dưới đây.

Tạo blogpascher khối có thể sử dụng lại

Sau đó, đặt tên cho khối có thể tái sử dụng của bạn và nhấn nút Ghi lại, như có thể thấy bên dưới.

Đặt tên cho blogpascher khối có thể tái sử dụng

Vậy là xong, bạn vừa tạo khối có thể tái sử dụng đầu tiên của mình. 

Cách sử dụng các khối có thể tái sử dụng

Việc thêm khối có thể tái sử dụng mà chúng tôi vừa tạo vào các bài đăng hoặc trang của bạn cực kỳ dễ dàng. Khi bạn đã thêm nội dung bắt buộc vào bài đăng hoặc trang của mình, hãy nhấp vào biểu tượng Thêm một khối (+), cuộn đến tab Các khối có thể tái sử dụng và chọn khối của bạn (Cảm ơn bạn lưu ý trong trường hợp của chúng tôi), như hình dưới đây.

Thêm blogpascher khối có thể sử dụng lại

Sau khi thêm khối có thể sử dụng lại vào bài đăng hoặc trang của bạn, hãy nhấn nút Xem trước / Xuất bản để hiển thị kết quả của bạn trong giao diện người dùng. Đây là những gì chúng tôi nhận được:

Cách thêm người đăng sau blog mới 1

Phần tốt nhất là chúng ta có thể sử dụng lại khối của mình cảm ơn bạn lưu ý bất cứ lúc nào, mà không cần phải tạo nó từ đầu. chúng tôi cũng có thể thêm nó vào tất cả các loại bài đăng hỗ trợ khối Gutenberg.

Khám phá quá Cách thêm chú thích cho hình ảnh trên Gutenberg

Bây giờ bạn đã biết cách tạo và sử dụng các khối có thể tái sử dụng, hãy cùng chúng tôi tìm hiểu thêm về cách xuất các khối này sang một trang web WordPress khác. Để tránh bất kỳ sự nhầm lẫn nào, chúng tôi sẽ sử dụng cùng một khối mà chúng tôi vừa tạo.

Cách xuất khối Gutenberg sang WordPress

Việc xuất một khối Gutenberg có thể tái sử dụng rất dễ dàng, bạn sẽ thực hiện nó nhanh chóng.

Để làm gì?

Bên trong trình chỉnh sửa Gutenberg, nhấp vào biểu tượng Công cụ và tùy chọn khác, sau đó quản lý tất cả các khối có thể tái sử dụng, như chúng tôi đánh dấu bên dưới:

Quản lý blogpascher khối có thể sử dụng lại

Điều này sẽ đưa bạn đến màn hình Khối nơi bạn có thể xem và quản lý tất cả các khối có thể sử dụng lại của mình:

Nhập blogpascher khối có thể sử dụng lại

Chúng tôi chỉ có khối Cảm ơn bạn lưu ý, nhưng màn hình trên sẽ đầy lên khi bạn tạo thêm. Để xuất, hãy di chuột qua tiêu đề và nhấp vào liên kết Xuất sang JSON hiển thị. Xem hình ảnh bên dưới.

Nhập blogpascher khối có thể sử dụng lại 1

Sau đó, lưu tệp JSON vào máy tính của bạn:

Lưu khối json blogpascher có thể sử dụng lại

Bây giờ chúng ta đã có tệp JSON trên máy tính của mình, đã đến lúc nhập khối vào trang web thứ hai của chúng ta.

Cách nhập các khối Gutenberg vào WordPress

Nhập các khối có thể sử dụng lại của bạn dễ dàng như A, B, C. Trước tiên, hãy mở trình chỉnh sửa Gutenberg. Thứ hai, nhấp vào biểu tượng Công cụ và tùy chọn khác, sau đó vào quản lý tất cả các khối có thể tái sử dụng, như hình dưới đây.

Nhập blogpascher khối có thể sử dụng lại 2

Trong màn hình Khối sau đó, nhấp vào Nhập từ JSON, chọn tệp bạn đã tải xuống trước đó, rồi nhấn nút. nhập khẩu theo thứ tự này:

Nhập blogpascher khối có thể sử dụng lại 3

Và đó là tất cả ! Như vậy, bạn đã nhập thành công một khối Gutenberg có thể tái sử dụng vào trang web WordPress thứ hai của mình.

Cũng đọc Cách thêm chú thích cho hình ảnh trên Gutenberg

Nó không phải là dễ dàng? Sau đó, bạn có thể sử dụng và sử dụng lại khối Gutenberg của mình trên trang web thứ hai bao nhiêu lần tùy thích.

Có bất kỳ plugin WordPress nào để xuất khối Gutenberg không?

Ồ đúng rồi, và tôi đã tìm thấy một cái trên ThemeIsle, một nhà phát triển WordPress có uy tín. Đây là một plugin miễn phí được gọi là Khối Xuất Nhập. Về cơ bản, plugin cho phép bạn bỏ qua toàn bộ hướng dẫn này. Vâng đúng vậy; bạn thậm chí không phải tạo các khối có thể tái sử dụng.

Xem thêm hướng dẫn của chúng tôi về Cách thêm một khối hoạt hình vào bài viết Gutenberg của bạn

Cài đặt và kích hoạt plugin, sau đó mở trình chỉnh sửa Gutenberg. Thiết kế khối của bạn như bạn muốn, sau đó nhấp vào biểu tượng tùy chọn khác. Sau đó nhấp vào Xuất dưới dạng JSON, như hình dưới đây:

Khối có thể sử dụng lại plugin wordpress blogpascher

Thao tác này sẽ tải tệp JSON xuống máy tính của bạn. Để nhập tệp JSON bằng cách sử dụng plugin, hãy mở trình chỉnh sửa Gutenberg. Sau đó bấm vào biểu tượng Thêm một khối, sau đó nhập khối từ JSON dưới tab Widgets :

Nhập blogpascher khối có thể sử dụng lại 4

Sau đó nhấp vào Chọn tập tin để chọn tệp từ máy tính của bạn và nhấn nút. Tải lên :

Nhập blogpascher khối có thể sử dụng lại 5

Vấn đề duy nhất với phương pháp plugin là các khối của bạn sẽ không được lưu vào trang web WordPress của bạn. Để lưu các khối vào cơ sở dữ liệu WordPress của bạn, bạn cần sử dụng phương pháp thủ công. Có thể điều đó sẽ thay đổi trong tương lai.

Khám phá cũng Làm thế nào để biết liệu plugin của bạn có tương thích với Gutenberg hay không?

Rất tiếc, tôi không thể tìm thấy một plugin khác. Tuy nhiên, plugin có thể giúp bạn tiết kiệm rất nhiều thời gian nếu bạn không lo lắng về việc lưu các khối có thể sử dụng lại trên trang web của mình. 

Các khối có thể tái sử dụng của Gutenberg đã cứu nhiều mạng người. Chúng cho phép bạn nhanh chóng tái tạo các mô hình vì bạn không phải bắt đầu từ đầu. Nếu bạn tạo nhiều bài đăng / trang và / hoặc trang web, học cách xuất khối Gutenberg sẽ rất hữu ích.

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Trưng bày Team

Team Showcase là tiện ích bổ sung hoàn hảo, được thiết kế để hiển thị các thành viên trong nhóm của bạn trong một lưới hoặc băng chuyền đáp ứng đẹp mắt. Bạn sẽ có khả năng quản lý các thành viên của mình bằng cách nhóm họ thành các nhóm riêng biệt. Để làm điều này, chỉ cần chọn các tùy chọn bạn muốn hiển thị, chọn một theme WordPress và áp dụng một màu được xác định trước cho nó.

Giới thiệu nhóm cho plugin wordpress trình soạn nhạc trực quan

Do đó, không có dòng mã nào được yêu cầu cho hành động này. Các tính năng của nó bao gồm: 10 chủ đề đặc biệt, 10 bộ màu, 10 tùy chọn hiển thị, Hiệu ứng hoạt hình CSS3, khả năng được chèn vào một trang, một thiết kế đáp ứng đầy đủ, Vv ...

Tải về | Bản demo | Web hosting

2. ARPrice

ARPrice là Plugin WordPress phí bảo hiểm linh hoạt và hoàn chỉnh nhất trong việc tạo ra các lưới giá. Nó đi kèm với hơn 300 mẫu lưới định giá và cung cấp tất cả các công cụ bạn cần để tạo lưới định giá và bảng so sánh độc đáo và đáp ứng. Bạn cũng sẽ có thể dễ dàng tạo ra một buổi giới thiệu đẹp mắt cho nhóm của mình.

Plugin bảng định giá wordpress đáp ứng Arprice

Nó là một Plugin WordPress đẹp, trực quan và có một không hai, với trình chỉnh sửa trực quan ấn tượng, có tính năng xem trước các tùy chỉnh theo thời gian thực.

Xem thêm Làm thế nào để thu phí dịch vụ trên blog của bạn?

Chọn một mẫu và sau đó với các nhấp chuột đơn giản, kéo và thả các công cụ để cá nhân hóa lưới giá của bạn, xuống chi tiết nhỏ nhất. Bạn sẽ có thể thêm số lượng cột không giới hạn, thay đổi màu sắc, phông chữ, biểu tượng và thêm hình ảnh và ruy băng của riêng bạn cho thông báo giảm giá, ví dụ.

Tải về Bản demo | Web hosting

3. Gói Premium SEO

Premium SEO Pack là một plugin WordPress tối ưu hóa SEO của bạn và nén CSS để cải thiện tốc độ tải trang web của bạn. Plugin cũng có thể quản lý thiết kế trang web của bạn trong một vài cú nhấp chuột.

Gói seo cao cấp - plugin wordpress

Các chức năng của nó nằm trong số các chức năng khác: nén CSS và JS, tích hợp sơ đồ trang web video và đoạn mã, định dạng của tệp HTLM và XML, chuyển hướng các trang 404 và 301, chia sẻ trên mạng xã hội, cung cấp nhãn ALT, bố cục tùy biến cao.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây ! Đó là nó cho hướng dẫn này, chúng tôi hy vọng nó sẽ cho phép bạn xuất và nhập các khối Gutenberg vào WordPress. Bạn vẫn có câu hỏi hoặc đề xuất về các khối Gutenberg? Vui lòng cho chúng tôi biết trong vòng ý kiến bên dưới.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

...