Import/export Gutenberg blocks trong WordPress 2 bước

9 tháng ago, Hướng dẫn WordPress, Views
Import/export Gutenberg blocks trong WordPress 2 bước

Nhập/Xuất Gutenberg Blocks trong WordPress: Hướng Dẫn Chi Tiết

Gutenberg, trình soạn thảo block mặc định của WordPress, đã mang lại một cách tiếp cận trực quan và linh hoạt hơn cho việc xây dựng nội dung. Tuy nhiên, khi làm việc trên nhiều trang web WordPress hoặc muốn chia sẻ thiết kế block của bạn với người khác, việc nhập và xuất các block trở nên vô cùng quan trọng. Bài viết này sẽ hướng dẫn bạn qua hai bước đơn giản để nhập và xuất các Gutenberg blocks trong WordPress, giúp bạn tiết kiệm thời gian và công sức.

Bước 1: Xuất Gutenberg Blocks

Việc xuất Gutenberg blocks cho phép bạn lưu trữ thiết kế block của mình và sử dụng nó ở những nơi khác. Có nhiều cách để thực hiện việc này, bao gồm sử dụng tính năng mặc định của WordPress hoặc sử dụng plugin chuyên dụng.

Sử Dụng Tính Năng Mặc Định của WordPress (Copy/Paste)

Đây là cách đơn giản nhất để xuất một block hoặc một nhóm các block. Nó hoạt động tốt cho việc chuyển các block giữa các trang web mà bạn có quyền truy cập.

  1. Mở trang hoặc bài viết chứa block mà bạn muốn xuất.
  2. Chọn block bạn muốn xuất. Nếu bạn muốn xuất nhiều block, hãy sử dụng phím Shift hoặc Ctrl (Cmd trên Mac) để chọn nhiều block.
  3. Nhấn Ctrl+C (Cmd+C trên Mac) để sao chép các block đã chọn.
  4. Mở trang hoặc bài viết đích nơi bạn muốn dán các block.
  5. Nhấn Ctrl+V (Cmd+V trên Mac) để dán các block đã sao chép.

Lưu ý rằng phương pháp này sao chép cấu trúc và nội dung của block, nhưng không sao chép bất kỳ CSS tùy chỉnh nào được thêm vào thông qua trình tùy biến hoặc tệp CSS riêng.

Sử Dụng Plugin: Sao Lưu và Xuất Block dưới dạng JSON

Một số plugin cung cấp khả năng xuất block dưới dạng tệp JSON. Điều này đặc biệt hữu ích khi bạn muốn chia sẻ thiết kế block của mình với người khác hoặc sao lưu chúng để sử dụng sau này. Một số plugin phổ biến bao gồm:

  • Reusable Blocks Extended
  • Block Export Import
  • Advanced Gutenberg

Các plugin này thường cung cấp giao diện trực quan để chọn các block bạn muốn xuất và lưu chúng dưới dạng tệp JSON. Tệp JSON này sau đó có thể được nhập vào một trang web WordPress khác.

Ví dụ, với plugin “Reusable Blocks Extended”, bạn có thể thực hiện các bước sau:

  1. Cài đặt và kích hoạt plugin “Reusable Blocks Extended”.
  2. Mở trang hoặc bài viết chứa reusable block bạn muốn xuất.
  3. Tìm reusable block bạn muốn xuất.
  4. Trong bảng điều khiển block, bạn sẽ thấy tùy chọn để xuất block dưới dạng JSON. Nhấp vào nút “Export”.
  5. Một tệp JSON sẽ được tải xuống máy tính của bạn.

Bước 2: Nhập Gutenberg Blocks

Sau khi bạn đã xuất các Gutenberg blocks, bạn có thể nhập chúng vào một trang web WordPress khác. Cũng giống như việc xuất, có nhiều cách để nhập các block, tùy thuộc vào phương pháp xuất bạn đã sử dụng.

Nhập Bằng Cách Sao Chép và Dán (Copy/Paste)

Nếu bạn đã sử dụng phương pháp sao chép và dán để xuất block, việc nhập cũng đơn giản tương tự:

  1. Mở trang hoặc bài viết nơi bạn muốn nhập các block.
  2. Nhấn Ctrl+V (Cmd+V trên Mac) để dán các block đã sao chép.

Các block sẽ được chèn vào vị trí con trỏ của bạn.

Nhập Tệp JSON Sử Dụng Plugin

Nếu bạn đã xuất các block dưới dạng tệp JSON bằng một plugin, bạn sẽ cần sử dụng cùng plugin đó (hoặc một plugin tương thích) để nhập tệp JSON.

Ví dụ, với plugin “Reusable Blocks Extended”, bạn có thể thực hiện các bước sau:

  1. Cài đặt và kích hoạt plugin “Reusable Blocks Extended” trên trang web đích.
  2. Đi đến trang quản lý “Reusable Blocks”. (Thông thường, nó nằm trong menu “Gutenberg” hoặc “Blocks” trong bảng điều khiển WordPress.)
  3. Tìm nút “Import”.
  4. Nhấp vào nút “Choose File” và chọn tệp JSON bạn đã tải xuống trước đó.
  5. Nhấp vào nút “Import”.
  6. Reusable block sẽ được thêm vào danh sách reusable blocks của bạn.

Sau khi bạn đã nhập reusable block, bạn có thể chèn nó vào bất kỳ trang hoặc bài viết nào bằng cách chọn nó từ danh sách reusable blocks trong trình chỉnh sửa Gutenberg.

Lưu Ý Quan Trọng Khi Nhập Block

  • **Kiểm tra tính tương thích:** Đảm bảo rằng các plugin và phiên bản WordPress trên cả hai trang web (trang web xuất và trang web nhập) đều tương thích. Sự không tương thích có thể dẫn đến lỗi hoặc các block không hiển thị chính xác.
  • **Xử lý hình ảnh:** Nếu block của bạn chứa hình ảnh, hãy đảm bảo rằng hình ảnh cũng được chuyển sang trang web đích. Bạn có thể cần phải tải hình ảnh lên thư viện phương tiện của trang web đích và cập nhật các đường dẫn hình ảnh trong block đã nhập.
  • **CSS tùy chỉnh:** Nếu block của bạn có CSS tùy chỉnh, bạn sẽ cần thêm CSS đó vào trang web đích. Điều này có thể được thực hiện thông qua trình tùy biến WordPress (Customize), một plugin CSS tùy chỉnh hoặc bằng cách chỉnh sửa trực tiếp tệp CSS của chủ đề.

Các Plugin Khác Hỗ Trợ Nhập/Xuất Gutenberg Blocks

Ngoài “Reusable Blocks Extended”, còn có một số plugin khác cung cấp chức năng nhập và xuất Gutenberg blocks. Dưới đây là một vài ví dụ:

  • **Genesis Custom Blocks:** Plugin này cho phép bạn tạo các block tùy chỉnh và xuất chúng để sử dụng trên các trang web Genesis Framework khác.
  • **Kadence Blocks:** Kadence Blocks cung cấp một thư viện các block mạnh mẽ và cho phép bạn lưu các thiết kế block tùy chỉnh để sử dụng lại.
  • **Spectra – WordPress Gutenberg Blocks:** (Formerly Ultimate Addons for Gutenberg) Spectra cung cấp các tính năng để lưu mẫu thiết kế (template) và sau đó sử dụng mẫu này trên các website khác.

Khi chọn một plugin để nhập và xuất Gutenberg blocks, hãy xem xét các yếu tố sau:

  • **Dễ sử dụng:** Plugin nên có giao diện trực quan và dễ hiểu.
  • **Tính năng:** Plugin nên cung cấp các tính năng bạn cần, chẳng hạn như xuất và nhập các loại block khác nhau, xử lý hình ảnh và CSS tùy chỉnh.
  • **Tương thích:** Plugin nên tương thích với phiên bản WordPress và các plugin khác bạn đang sử dụng.
  • **Đánh giá:** Đọc các đánh giá của người dùng khác để xem plugin có đáng tin cậy và hiệu quả hay không.

Lời Kết

Việc nhập và xuất Gutenberg blocks là một kỹ năng quan trọng cho bất kỳ ai làm việc với WordPress. Bằng cách sử dụng các phương pháp và plugin được mô tả trong bài viết này, bạn có thể dễ dàng chia sẻ thiết kế block của mình với người khác, sao lưu các block để sử dụng sau này và tiết kiệm thời gian khi xây dựng các trang web WordPress mới. Hãy thử nghiệm các phương pháp khác nhau và tìm ra phương pháp phù hợp nhất với nhu cầu của bạn.

Related Topics by Tag
, , , ,

..