Section - Khu vực

Section là vùng chứa một mảng nội dung có thể bao gồm nhiều thành phần phần tử khác nhau, Section được kí hiệu là bảng màn hình với tiêu đề là Section ở khung bố cục và tab màu xanh lá ở khu vực chỉnh sửa giao diện.

Bên trong section sẽ bao gồm hàng và các cột để phân chia bố cục, sau đó là các thành phần nội dung hiển thị của website

Thêm một Section - Sắp xếp các section

Bạn chỉ có thể thêm section tại nút thêm section ở cuối trang chỉnh sửa

Sau khi thêm bạn sẽ thấy một vùng section được tạo ra, để tiến hành sắp xếp hoặc xoá một section, bạn cần chọn đúng section cần sắp xếp hoặc xoá như sau:

• Cách 1: Chọn section tại khung bố cục (Màu xanh dương bên trái)

• Cách 2: Chọn section tại khung chỉnh sửa (Màu xanh lá bên phải) Chỉ hiển thị khi hover chuột lên vùng section cần sắp xếp

Xoá Section: Khi chọn được section, bạn sẽ thấy một thanh công cụ chứa các thao tác bạn dùng để sắp xếp, xoá, nhân bản và copy section . Click kí hiệu 3 chấm thanh công cụ, khi hiển thị bảng tác vụ, chọn xoá khối để xoá section

Sắp xếp section: Vì section là cả một vùng nội dung có thể chứa hàng, cột và các thành phần nội dung, để sắp xếp section, bạn chỉ cần di chuyển section lên hoặc xuống cho đúng thứ tự hiển thị mong muốn. Tại thanh công cụ của section, chọn mũi tên lên để di chuyển section lên bên trên section kế cận hoặc mũi tên xuống để di chuyển section xuống dưới section kế cận

Thiết lập hiển thị cho section

Khi đang ở section được chọn, bạn lựa chọn điều hướng sang phần chỉnh sửa (Tại Icon giọt nữa trên Thanh công cụ bên trái). Tại đây, bạn sẽ thấy 2 tab là nội dung và kiểu hiển thị

• Nội dung: Vì section chỉ là vùng chưa, không phải thành phần nội dung, nên tab nội dung của section giúp bạn điều chỉnh các căn dòng của các nội dung bên trong section như căn trên, căn dưới, căn giữa, căn trái, căn phải.. Bố cục container (nội dung trong vùng giới hạn) hoặc toàn màn hình...

• Kiểu hiển thị: Tại kiểu hình thị, bạn có thể tuỳ chỉnh nền (background), tuỳ chỉnh khoảng cách giữa các section (Margin) và section với các nội dung bên trong nó (Padding)

Thiết lập hiển thị cho Cột

Thiết lập hiển thị cho Cột sẽ tương tự như Section và Hàng, Vì đây là phần tử bố cục, Người dùng có thể thiết lập nền, khoảng cách và giao diện hiển thị mà không có thiết lập nội dung.