Cách thêm Khối phần tử trong Gutenberg Editor: Hướng dẫn

Nkenganyi Clovis Hướng dẫn WordPress Jul 10, 2023

Bạn có thể nhận thấy rằng WordPress 5.0 trở lên có trình chỉnh sửa bài đăng mặc định mới. It’s được gọi là Gutenberg và hoạt động với các khối mà bạn có thể sắp xếp và tùy chỉnh để tạo nội dung của mình. Các khối giống như các khối xây dựng cho phép bạn tạo ra bất cứ thứ gì bạn muốn.

Nhưng nếu bạn muốn có nhiều tùy chọn và tính năng hơn cho bài đăng của mình, chẳng hạn như hoạt ảnh, tiện ích con, mẫu và hơn thế nữa? Bạn có thể sử dụng Elementor , plugin trình tạo trang phổ biến, để tạo bố cục và thiết kế tuyệt đẹp. Và điều tuyệt vời nhất là bạn có thể sử dụng Elementor và Gutenberg cùng nhau.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách sử dụng Elementor Blocks cho Gutenberg, một plugin riêng biệt cho phép bạn thêm các mẫu Elementor dưới dạng các khối Gutenberg chỉ bằng một cú nhấp chuột.

Khối phần tử cho Gutenberg? là gì

Với Elementor Blocks cho Gutenberg, bạn có thể chèn bất kỳ mẫu Elementor nào vào trình chỉnh sửa Gutenberg dưới dạng một khối. Bằng cách này, bạn có thể sử dụng các công cụ thiết kế của Elementor’ để tạo nội dung của mình rồi thêm nội dung đó vào bài đăng của mình bằng Gutenberg.

Tạo trang web tuyệt vời

Với trình tạo trang miễn phí tốt nhất Elementor

Bắt đầu bây giờ

Ví dụ: bạn có thể tạo hộp kêu gọi hành động bằng Elementor và sau đó đưa nó vào bài đăng của mình bằng Gutenberg. Hoặc bạn có thể thiết kế đầu trang hoặc chân trang tùy chỉnh bằng Elementor rồi áp dụng nó vào trang web của mình bằng Gutenberg.

Elementor Blocks cho Gutenberg miễn phí và dễ sử dụng. Bạn chỉ cần WordPress 5.0 trở lên, kích hoạt Gutenberg và Elementor được cài đặt và kích hoạt trên trang web của bạn.

Cách sử dụng Khối phần tử cho Gutenberg

Làm theo các bước để sử dụng Elementor Blocks cho Gutenberg:

Bước 1: Cài đặt và kích hoạt Elementor Blocks cho Gutenberg từ kho lưu trữ WordPress hoặc từ bảng điều khiển của bạn

Để thực hiện việc này, hãy truy cập Plugin > Thêm mới . Ở phía trên bên trái, bạn sẽ thấy hộp tìm kiếm. Nhấp vào nó và gõ tên của plugin này.

Nhấp vào Cài đặt và sau khi hoàn tất, hãy kích hoạt plugin Elementor Blocks cho Gutenberg.

Bước 2: Tìm kiếm ‘Elementor Library’ trong Gutenberg Blocks

Khi bạn đang ở trình chỉnh sửa Gutenberg và muốn thêm các khối, hãy tìm khối ‘Elementor Library’.

Plugin này đã cung cấp các khối Elementor trong Gutenberg và bạn có thể tìm kiếm và chèn chúng giống như bất kỳ khối Gutenberg nào khác.

Bước 3: Chọn một mẫu hiện có hoặc tạo một mẫu mới

Sau khi thêm Thư viện Elementor , hãy tạo một mẫu mới hoặc chọn từ thư viện các mẫu có sẵn.

Bước 5: Xem trước mẫu của bạn

Xem mẫu của bạn trông như thế nào trong trình chỉnh sửa Gutenberg. Bạn có thể thay đổi kích thước và vị trí của khối theo ý muốn.

Bước 6: Chỉnh sửa mẫu với Elementor

Để thay đổi mẫu của bạn bằng Elementor , nhấp vào nút “Edit Template with Elementor” phía trên khối.

Bước 7: Khởi chạy khối mới của bạn

Xuất bản hoặc cập nhật bài đăng của bạn và tận hưởng khối Elementor của bạn.

Lợi ích của việc sử dụng Elementor Blocks cho Gutenberg

Sử dụng Elementor Blocks cho Gutenberg có nhiều ưu điểm, chẳng hạn như:

  • Bạn có thể sử dụng các tính năng và tùy chọn của Elementor’ để tạo nội dung tuyệt vời cho bài đăng của mình.
  • Bạn có thể sử dụng lại các mẫu Elementor của mình dưới dạng các khối Gutenberg và tiết kiệm thời gian cũng như công việc.
  • Bạn có thể kết hợp các khối khác nhau từ cả hai trình chỉnh sửa để tạo bố cục độc đáo.
  • Bạn có thể giữ cho trang web của mình nhất quán và rõ ràng bằng cách sử dụng các mẫu giống nhau.

Câu hỏi thường gặp về phần tử Gutenberg

Chúng ta hãy xem một số câu hỏi được hỏi nhiều nhất bởi những người viết muốn sử dụng plugin này.

Có thể sử dụng khối Elementor bên trong Gutenberg? không

Có, bạn có thể thêm các khối và mẫu Elementor vào Gutenberg bằng cách sử dụng plugin.

Gutenberg sẽ thay thế Elementor Plugin?

Gutenberg chủ yếu là một công cụ chỉnh sửa nội dung giúp cải thiện trải nghiệm WordPress. Gutenberg và Elementor đều hoạt động với các khối, nhưng chúng có những ưu điểm khác nhau.

Tôi có cần chọn cái này hơn cái kia không: Gutenberg hoặc Elementor?

Không, bạn có thể sử dụng cả hai cho những thứ khác nhau. Elementor rất mạnh mẽ và là giải pháp hoàn chỉnh cho thiết kế và chỉnh sửa, nhưng Gutenberg nhanh hơn và dễ dàng hơn để chỉnh sửa và xuất bản bài đăng.

Mục đích của Khối phần tử cho plugin Gutenberg? là gì

Plugin cho phép bạn nhanh chóng thêm hàng trăm khối Elementor được tạo sẵn vào trình chỉnh sửa Gutenberg của mình. Điều này có thể giúp bạn thêm các khối như biểu mẫu liên hệ, biểu mẫu đăng ký, bảng giá, v.v. khi tạo bài đăng bằng trình chỉnh sửa Gutenberg.

Phần kết luận

Hướng dẫn này đã dạy bạn cách dễ dàng thêm các khối Elementor trong trình chỉnh sửa Gutenberg. Bằng cách này, bạn có thể tạo bố cục và thiết kế tuyệt vời cho trang web WordPress của mình trong giao diện Gutenberg.

Các khối phần tử hoạt động tốt với tất cả các tính năng và cài đặt của Gutenberg, vì vậy bạn có thể điều chỉnh chúng theo ý thích của mình. Bạn có thể sử dụng các khối Elementor cho toàn bộ trang web của mình hoặc một số phần nhất định, tùy thuộc vào nhu cầu của bạn.

Chúng tôi hy vọng hướng dẫn này hữu ích và cung cấp nhiều thông tin cho bạn.

Divi WordPress Theme