Tối ưu Block Editor cho theme Paradise với plugin WPCB Paradise Blocks.
Có thể bạn chưa biết, gần đây, tôi đã chuyển các trang giới thiệu dịch vụ trên blog WP Căn bản sang sử dụng Block Editor thay cho Beaver Builder sau hơn 10 năm gắn bó. Sở dĩ như vậy bởi vì hiện tại Block Editor đã khá hoàn thiện cho việc xây dựng landing page. Trong khi việc duy trì Beaver Builder khiến blog trở nên nặng nề và tiêu tốn chi phí gia hạn license không cần thiết. Để giữ nguyên được giao diện như khi còn sử dụng Beaver Builder, tôi đã phát triển thêm một plugin có tên là WPCB Paradise Blocks.
Tham khảo thêm:
WPCB Paradise Blocks có gì nổi bật?
Đây là một công cụ siêu nhẹ được thiết kế đặc biệt nhằm cung cấp thư viện Block Patterns (mẫu khối) và hỗ trợ trình soạn thảo Block Editor một cách có chọn lọc, tối ưu hóa tối đa cho theme Paradise.
Kích hoạt Block Editor có chọn lọc
Thay vì ép buộc toàn bộ website phải sử dụng trình soạn thảo Block, plugin này cung cấp một bảng điều khiển trong trang quản trị cho phép người dùng tùy biến:
- Theo loại bài viết (trong WPCB Central => Paradise Blocks): cho phép bật Block Editor và tài nguyên của Paradise Blocks cho toàn bộ nội dung thuộc một loại post type cụ thể. Ví dụ: chỉ áp dụng cho Trang hoặc Bài viết.
- Theo từng trang hoặc bài viết riêng lẻ (trong trình soạn thảo): bạn có thể cấu hình chi tiết để chỉ những trang được chỉ định mới sử dụng Block Editor và tải các file CSS, JS của plugin. Điều này giúp website giữ được tốc độ tải trang cực nhanh ở những khu vực không sử dụng Block Editor.
Tính năng này tương tự như plugin Classic Editor nhưng thông minh hơn. Nó tương thích 100% với theme Paradise cũng như plugin WPCB SpeedUp.
Cung cấp sẵn thư viện Block Patterns
Plugin đăng ký một danh mục mẫu khối riêng có tên “Paradise Blocks”, giúp người dùng dễ dàng chèn các thành phần giao diện đã được thiết kế sẵn và đẹp mắt vào bài viết chỉ bằng một cú click chuột:
- Paradise Feature Box hoặc Grid: hộp hoặc lưới giới thiệu các tính năng nổi bật.
- Paradise Pricing Box hoặc Grid: bảng giá dịch vụ đơn lẻ hoặc dạng lưới so sánh các gói.
- Paradise Notice: các hộp ghi chú hoặc cảnh báo đẹp mắt.
- Paradise Call To Action: khối kêu gọi hành động (CTA) thu hút người dùng.
- Paradise FAQ: khối câu hỏi thường gặp, sử dụng giao diện Accordion (đóng/ mở).
Tích hợp sẵn SEO Schema chuẩn cho FAQ
Một tính năng rất hữu ích, hoạt động ngầm bên trong plugin là khả năng hỗ trợ SEO. Khi bạn sử dụng khối Accordion (FAQ), plugin sẽ tự động quét, trích xuất dữ liệu câu hỏi – câu trả lời và xuất ra đoạn mã cấu trúc application/ld+json chuẩn FAQPage của Schema.org trên thẻ <head> của trang.
Điều này giúp bài viết có cơ hội hiển thị các đoạn trích nổi bật (Rich Snippets) trên kết quả tìm kiếm Google.
Bổ sung các style tùy biến độc đáo
Plugin đăng ký thêm các kiểu giao diện (style) riêng cho các khối mặc định của WordPress:
- Scrollable Image (hình ảnh có thể cuộn): áp dụng cho khối ảnh, tạo ra hiệu ứng cuộn ảnh thú vị (thường dùng để trình diễn các hình ảnh có kích thước rất dài). Khối này cũng được tích hợp mã JavaScript để đảm bảo các tính năng trợ năng (accessibility) như gắn thuộc tính
aria-labelvàtabindex.
- Style Paradise cho khối Accordion: tối ưu lại giao diện đóng/ mở khối Accordion mặc định của WordPress (từ 6.9 trở đi) cho đồng bộ với thiết kế chung của theme.
Một số tính năng khác
- Tích hợp sẵn tính năng cập nhật tự động thông qua WPCB Central Panel.
- Hỗ trợ sẵn 2 ngôn ngữ là tiếng Anh và tiếng Việt.
Xem changelog – WPCB Paradise Blocks
Tối ưu Block Editor với WPCB Paradise Blocks
1. WPCB Paradise Blocks có thể được cài đặt dễ dàng thông qua bảng quản trị của plugin WPCB Central Panel.
Hoặc trình cài đặt plugin đi kèm của theme Paradise (từ phiên bản 7.7.4).
Nếu website của bạn chưa được cài đặt plugin WPCB Central Panel, hãy tham gia group WP Căn bản trên Facebook (chỉ dành riêng cho khách hàng) để lấy link download plugin WPCB Central Panel. Sau đó, upload nó lên website của bạn.
Tham gia group WP Căn bản ngay
2. Sau khi cài đặt và kích hoạt plugin WPCB Paradise Blocks, hãy truy cập WPCB Central => Paradise Blocks để chọn những loại bài viết bạn muốn sử dụng Block Editor để bắt đầu. Thật đơn giản phải không nào? Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Để lại một bình luận