Page Builder Sandwich: Hệ thống bố cục và thiết kế, phần 1 trên 2

Tính năng chính

• Bộ chứa Flexbox và CSS Grid — Các phần và bộ chứa có toàn quyền kiểm soát flex và grid, bao gồm cả trình chỉnh sửa grid trực quan: kéo để thiết lập số cột và hàng.
• Ba điểm ngắt tích hợp sẵn — Các cài đặt riêng biệt cho máy tính để bàn, máy tính bảng và thiết bị di động, được xem trước trực tiếp.
• Màu sắc và phông chữ toàn cục, dùng chung với giao diện của bạn — Màu sắc và kiểu chữ áp dụng cho toàn bộ trang web có khả năng đọc từ và ghi vào cài đặt của giao diện (theme.json), giúp trình tạo và giao diện luôn đồng bộ.
• Sao chép và dán kiểu giữa các phần tử và trang web — Sao chép kiểu của một phần tử hoặc toàn bộ một phần, rồi dán vào một trang khác hoặc một trang web khác.
• Sắc thái và độ mờ của các màu trong bảng màu (OKLCH) — Điều chỉnh bất kỳ màu nào trong bảng màu sáng hơn, tối hơn hoặc trong suốt ngay trong công cụ chọn màu. Được pha trộn theo không gian màu OKLCH để tông màu luôn chuẩn xác, vẫn liên kết với màu trong bảng màu và có màu dự phòng đơn sắc cho các trình duyệt cũ hơn.
• Các điều kiện trong trình tạo kiểu (quy tắc @ media, container và supports) — Chỉ tạo kiểu cho phần tử khi in, trong bảng màu tối, khi giảm chuyển động hoặc trên các thiết bị dùng chuột; nhà phát triển có thể thêm các cấu hình sẵn về media, container và supports của riêng mình bằng bộ lọc PHP pbsw_style_at_rules.
• Tùy chọn biến đổi (transform) trên mọi khối, bao gồm cả hàng và cột — Xoay, chia tỷ lệ, làm xiên và di chuyển bất kỳ khối nào theo kích thước màn hình và khi di chuột; chuyển động sẽ tuân theo hướng đọc trong các ngôn ngữ viết từ phải sang trái.
• Kiểu mục mặc định cho các nhóm và khối có thể lặp lại — Tạo kiểu cùng lúc cho mọi mục trong một hàng, phần, accordion hoặc các tab, theo kích thước màn hình và khi di chuột; giá trị riêng của từng mục vẫn được ưu tiên áp dụng.
• Đặt tên cho các hàng và phần của bạn — Gán nhãn ("Pricing", "Hero") cho bất kỳ hàng, phần hoặc bộ chứa nào từ phần cài đặt của nó; nhãn sẽ hiển thị trên hàng trong khung vẽ và trong Layers, giúp bạn dễ dàng điều hướng trên một trang dài. Nhãn này không bao giờ hiển thị trên trang thực tế.

Miễn phí hay Pro

Mọi tính năng ở đây đều có trong phiên bản miễn phí.