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 development
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à…
Để đơn giản hóa việc tùy chỉnh khối và đảm bảo trải nghiệm nhất quán cho người dùng, có một số mẫu giao diện người dùng được tích hợp sẵn để giúp tạo bản xem trước của trình chỉnh sửa. Trong bài viết này, chúng ta sẽ khám phá các thanh công cụ (toolbars) và…
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…