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ó…
Category: WordPress
Tổng hợp mọi thứ về WordPress: tin tức cập nhật, thủ thuật WordPress, WordPress themes, WordPress plugins, hosting và domain nên dùng cho WordPress.
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…
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…
Khi sử dụng plugin WordPress Advanced Custom Fields, bạn có thể cần chuyển đổi giữa các trường tùy chỉnh đã đăng ký bởi PHP và các trường đã đăng ký JSON. Trong plugin ACF, nó cho phép chúng ta đăng ký các trường bằng PHP. Chỉ cần sao chép và dán mã sau vào tệp…
Đa số các product trong Woocommerce sẽ set cứng giá hoặc thêm variable để tùy chỉnh giá của sản phẩm. Nhưng trong trường hợp mình có một sản phẩm giá sẽ được tính theo chu vi hoặc diện tích. Với các field cho phép người dùng nhập chiều dài , chiều rộng vào thì sao….
Bạn đã bao giờ muốn thêm một tính năng tìm kiếm mà kết quả hiển thị tức thì như Google trong trang web WordPress của mình chưa? Gần đây bạn có ghé Medium, Stripe, DigitalOcean , v.v. và ngạc nhiên khi tìm kiếm không? Thực ra họ đang sử dụng Algolia. Công cụ tìm kiếm SaaS (phần…