Nhóm là một khung chứa các khối khác và sắp xếp chúng. Hãy dùng nó để đặt các thứ cạnh nhau, tạo cột, hoặc cho một phần của mục có nền và viền riêng.
Nơi bạn có thể dùng nhóm
Nhiều mục chấp nhận khối Nhóm: chân trang, bản tin, phần mở đầu, các slide của trình chiếu, câu hỏi thường gặp, trước và sau, đánh giá, liên hệ, 404, xác nhận đơn hàng, các dòng thu gọn, và vùng chữ của danh sách sản phẩm như sản phẩm nổi bật và bộ sưu tập. Mỗi mục quyết định những khối nào được đặt trong nhóm của nó, và nhận bao nhiêu nhóm.
Để thêm một nhóm trong trình thiết kế, chọn mục, bấm Thêm khối mới và chọn Nhóm. Sau đó kéo các khối khác vào trong. Một số mục (chân trang, bản tin, đánh giá) còn cho phép đặt nhóm bên trong nhóm.
Bố cục
- Chiều rộng: Lấp đầy chiếm khoảng trống còn lại và chia đều với các nhóm Lấp đầy khác bên cạnh. Vừa khung chỉ rộng bằng nội dung của nó. Tùy chỉnh đặt Chiều rộng tùy chỉnh theo phần trăm.
- Hướng: Dọc xếp chồng các khối, Ngang đặt chúng cạnh nhau. Các khối cạnh nhau sẽ xuống dòng khi không đủ chỗ.
- Xếp dọc trên di động (chỉ với Ngang): trên điện thoại, các khối sẽ xếp chồng thay vì nằm cạnh nhau.
- Vị trí: đặt các khối theo chiều dọc (Trên, Giữa, Dưới).
- Căn chỉnh: đặt các khối từ trái sang phải (Trái, Giữa, Phải).
- Cách đều: dàn các khối ra với khoảng cách bằng nhau giữa chúng. Tùy chọn này có ở hướng mà các khối xếp theo: trong Vị trí với nhóm dọc, trong Căn chỉnh với nhóm ngang.
Giao diện
- Dùng bảng màu của phần tử cha: bật sẵn, nên nhóm dùng màu của mục. Tắt nó và chọn một Phối màu để nhóm có màu nền và màu chữ riêng.
- Viền: Không có hoặc Liền. Liền có thêm Độ dày viền (1 đến 20 pixel) và Độ mờ viền. Màu viền là màu viền của bảng màu.
- Bo góc: bo tròn các góc, từ 0 đến 100 pixel.
- Lớp phủ nền: thêm một lớp màu lên trên nền. Đặt Màu lớp phủ và Kiểu lớp phủ: Liền, hoặc Chuyển màu nhạt dần đến trong suốt, với Hướng chuyển màu là Lên hoặc Xuống. Hữu ích để chữ dễ đọc trên ảnh của phần mở đầu.
Khoảng cách
Khoảng cách là khoảng trống giữa các khối bên trong nhóm (0 đến 100 pixel). Khoảng đệm là khoảng trống giữa mép nhóm và các khối của nó, ở mỗi phía.
Công thức
- Hai nút cạnh nhau trong phần mở đầu: đặt cả hai vào một nhóm Ngang với khoảng cách nhỏ.
- Ba cột ở chân trang: một nhóm Ngang với ba mục Lấp đầy bên trong, và bật Xếp dọc trên di động.
- Một thẻ: một nhóm Dọc có bảng màu riêng, viền Liền, bo góc và khoảng đệm.
- Chữ bên trái, nút bên phải: một nhóm Ngang với Căn chỉnh đặt là Cách đều.
Lưu ý
- Một cột rộng hơn bạn muốn: hai nhóm Lấp đầy chia đều khoảng trống. Đặt một nhóm là Tùy chỉnh và cho nó một tỷ lệ phần trăm.
- Nhóm không hiển thị: nhóm không có khối nào, hoặc chỉ có các khối bị ẩn, sẽ không hiển thị trên cửa hàng.
- Không có Nhóm trong danh sách khối: mục đó không nhận nhóm, hoặc đã đạt giới hạn số nhóm.
- Cài đặt của Văn bản, Nút và Đường phân cách có trong Khối Nhóm, Văn bản, Nút và Đường phân cách: các cài đặt thành phần bố cục hoạt động thế nào?.