ServerSideRender là một component được sử dụng để phía máy chủ hiển thị bản xem trước của các Gutenberg Block trong trình chỉnh sửa. Kết xuất phía máy chủ trong chức năng chỉnh sửa của một khối nên được giới hạn ở các khối phụ thuộc nhiều vào logic kết xuất PHP hiện tại có…
Tag: Gutenberg
Bài viết này sẽ hướng dẫn các bạn tạo 1 block có thể upload hoặc thêm hình ảnh để sử dụng. Ví dụ như để làm background-image cho block, gallery, custom image. Trong block này sẽ bao gồm các attributes sau: bgColor: Set background color cho block bgUrl: Background image của block bgID: Đây là…
Trong bài viết này mình sẽ giới thiệu qua cho mọi người một số components thường sử dụng. Component trong Gutenberg Gói này bao gồm một thư viện các thành phần WordPress chung được sử dụng để tạo các phần tử giao diện người dùng chung được chia sẻ giữa các màn hình và các…
Attributes trong Gutenberg Block Các Attributes (thuộc tính) là cách một block lưu trữ dữ liệu, chúng xác định cách một block được phân tích cú pháp để trích xuất dữ liệu từ nội dung đã lưu. Ví dụ: Khi bạn thêm một block image, bạn chuyển qua Code Editor sẽ thấy cấu trúc như…
Trong bài viết này, mình sẽ giới thiệu cho các bạn những cách để tạo một Gutenberg Block. 1. Yêu cầu Để bắt đầu, chúng ta cần cài đặt NPM và Node.js. NPM là một trình quản lý gói cho Node.js. Vì vậy, sau khi cài đặt Node.js, bạn cũng sẽ có quyền truy cập…
Phát triển trình soạn thảo Gutenberg trong WordPress đã trở thành một vấn đề nan giải đối với người dùng WP và các nhà phát triển trên toàn cộng đồng. Mặc dù nó có những ưu và khuyết điểm, nhưng có thể coi đây là sự đổi mới tuyệt vời nhất của WordPress. Công dụng…
Gutenberg là trình chỉnh sửa nội dung mới trong WordPress. Nhưng hiện tại WP không tự động kích hoạt Gutenberg cho custom post types(các loại bài tùy chỉnh), khi vào edit nó vẫn sử dụng trình chỉnh sửa cổ điển. Nó có thể được tự động áp dụng trong tương lai nhưng hiện tại cần…