Làm cách nào để thêm Khối phần tử trong Trình chỉnh sửa Gutenberg?

Bài viết này giải thích cách sử dụng Plugin phần tử Gutenberg để thêm Khối phần tử và mẫu vào trình chỉnh sửa Gutenberg.

Nếu bạn sử dụng plugin xây dựng trang Elementor, bạn có thể đang tìm cách tích hợp nó với trình soạn thảo Gutenberg tích hợp của WordPress.

Trình chỉnh sửa Gutenberg mới đã có sẵn và chúng tôi biết rằng nhiều người dùng WordPress thấy nó đáng sợ. Đương nhiên, Gutenberg gợi lên những thắc mắc và lo lắng, một số trong đó có liên quan đến Elementor.

Elementor hoạt động với Gutenberg như thế nào?

Cả hai Elementor và Gutenberg đã có khả năng tương thích tuyệt vời với nhau. Khi bạn chỉnh sửa trang web của mình với tư cách là người dùng, bạn có khả năng tự do lựa chọn trình chỉnh sửa nào bạn sẽ sử dụng ở mỗi giai đoạn của quá trình chỉnh sửa.

Tạo thiết kế cho bài đăng blog của bạn trong Elementor, sau đó triển khai nó và từ đó trở đi, mọi bài đăng mới bạn tạo trong Gutenberg sẽ sử dụng thiết kế bạn đã tạo trong Elementor. Trên bất kỳ trang nào bạn tạo bằng Gutenberg, bạn cũng có thể dễ dàng nhúng các khối Elementor.

Giờ đây, việc thêm các tiện ích hoặc thành phần từ Elementor vào bài đăng trên blog của bạn là lúc mọi thứ trở nên khó hiểu và phức tạp.

Chà, câu trả lời rõ ràng nhất là sử dụng Elementor để thay đổi toàn bộ bài đăng và thêm các widget bạn muốn. Điều này làm cho bài đăng hoàn toàn có thể chỉnh sửa được bằng Elementor, nhưng bạn sẽ phải làm điều tương tự mỗi lần.

Điều gì sẽ xảy ra nếu bạn muốn giữ khả năng chỉnh sửa trong Gutenberg mà vẫn thêm các khối và mẫu từ Elementor?

Trong những tình huống này, plugin Gutenberg Elementor, cho phép bạn thêm các khối trong trình chỉnh sửa, có thể là câu trả lời mà bạn đang tìm kiếm.

Trong bài đăng này, chúng tôi sẽ xem xét kỹ hơn cách bạn có thể làm cho plugin hoạt động trong trình soạn thảo Gutenberg của mình.

Làm cách nào để sử dụng Khối phần tử trong Gutenberg?

• Đầu tiên, cài đặt và kích hoạt plugin Elementor Blocks cho Gutenberg.
• Tiếp theo, nhấp vào dấu Thêm trong trình chỉnh sửa Gutenberg và tìm kiếm 'Thư viện Elementor'.
• Sau đó, chọn mẫu hiện có từ thư viện Elementor hoặc bắt đầu lại từ đầu.
• Trình chỉnh sửa Gutenberg của bạn bây giờ sẽ chứa mẫu Elementor.

Ví dụ về cách sử dụng khối phần tử trong Gutenberg

Vậy tại sao lại sử dụng các khối Elementor bên trong Gutenberg khi bạn có thể hoàn thành mọi thứ (và thậm chí có thể hơn thế nữa) chỉ bằng Elementor?

Điều này giúp việc sử dụng Gutenberg làm giao diện chỉnh sửa chính trở nên đơn giản hơn, như chúng ta đã thảo luận ban đầu.

Một số trường hợp mà điều này có thể quan trọng bao gồm;

• Kết hợp CTA mà bạn đã tạo trong Elementor vào bài đăng của mình.
• Thêm các khối phức tạp, như bảng giá, vào bài đăng hoặc trang của bạn.
• Bao gồm mọi khối có thể tái sử dụng do Elementor tạo trong các bài đăng và trang blog.
• Chèn bất kỳ khối nào được thiết kế riêng cho Elementor mà không cần phải sử dụng toàn bộ.

Kết luận

Với việc phát hành Gutenberg gần đây, nhiều người đang tự hỏi điều này có ý nghĩa gì đối với Elementor. Mặc dù chắc chắn có thể tạo mẫu và khối trong cả hai trình chỉnh sửa (và thậm chí tận dụng các tính năng của chúng), nhưng có một điểm khác biệt rất lớn: tốc độ!

Khi viết blog bằng trải nghiệm gốc của WordPress so với việc sử dụng trình soạn thảo bên ngoài như Eliestnor Pro với tất cả các công cụ bổ sung của nó như khả năng chỉnh sửa văn bản WYSIWYG; trung bình bạn sẽ thấy mình gõ nhanh hơn nhiều vì mọi thứ đều mượt mà hơn – bao gồm cả việc tạo liên kết đã được cải thiện.