Trang & Section (Pages)
Chỉnh sửa nội dung các trang và các khối (Section) trong trang.
Mỗi website gồm nhiều trang (trang chủ, giới thiệu, liên hệ…). Mỗi trang gồm nhiều khối nội dung gọi là Section. Đây là phần bạn sẽ dùng nhiều nhất.
Danh sách trang
Vào Pages ở thanh menu trái. Mỗi thẻ là một trang, ghi tên tệp (ví dụ about.yml) và đường dẫn trên website (ví dụ /about).
- Path nameSắp xếp danh sách.
- SearchTìm trang theo tên.
- AddTạo trang hoặc thư mục mới.
- Thư mụcGom nhiều trang vào một thư mục (ví dụ blog).
- Thẻ trangBấm vào thẻ để mở trang. Biểu tượng ≡ mở menu thao tác.
Menu của một trang
Bấm biểu tượng ≡ ở góc thẻ trang:
- Open page · Copy output URL · Copy PathMở trang để sửa; sao chép địa chỉ trang trên website; sao chép đường dẫn tệp.
- Clone page · Move to folder · Rename pageNhân bản trang; chuyển vào thư mục; đổi tên.
- Delete pageXóa trang.
Một số thao tác cần quyền cao hơn
Vai trò User và Support chỉ có nhóm 1 (mở, sao chép địa chỉ). Clone, Move, Rename, Delete cần vai trò Admin hoặc Developer. Xem Vai trò & quyền hạn.
Trình chỉnh sửa trang
Bấm vào thẻ trang (ví dụ index.yml — trang chủ). Màn hình chia hai phần: bảng Preview bên trái để sửa, xem trước trực tiếp bên phải.
- TitleTiêu đề trang.
- SEOThiết lập SEO của trang — xem SEO.
- Content blocksDanh sách các Section của trang, từ trên xuống dưới.
- Add new sectionThêm Section mới.
- Nút thiết bịXem trước theo máy tính, máy tính bảng hoặc điện thoại.
- Xem trướcSửa bên trái, kết quả hiện ngay bên phải.
- Build…Đưa thay đổi lên website thật.
Sửa nội dung một Section
Bấm vào một Section trong Content blocks để mở các trường của nó.
- Active SectionBật/tắt hiển thị khối này trên trang.
- Background colorMàu nền của khối.
- ImageẢnh của khối. Kéo thả tệp vào khung hoặc bấm Browse file. Không có ảnh thì khối dùng màu nền.
- Title SectionChữ của khối, soạn thảo như Word: in đậm, nghiêng, gạch chân, cỡ và màu chữ, liên kết, danh sách, canh lề.
Trong ô soạn thảo còn có:
- Upload from mediaChèn ảnh từ thư viện Media.
- AIGợi ý nội dung tự động.
- SourceXem hoặc dán mã HTML.
Dán nội dung dài
Nội dung dán từ nơi khác nên dùng nút Source để dán mã, rồi quay lại chế độ xem thường — tránh lỗi định dạng.
Cuối biểu mẫu thường có thêm nút kêu gọi (ví dụ View More) gồm nhãn chữ và đường dẫn. Khối dạng ảnh/slider (như Hero Section) có danh sách ảnh: Add block để thêm ảnh, kéo ≡ để sắp xếp.
Thêm Section mới
Ở cuối Content blocks, bấm Add new section rồi chọn loại khối trong danh sách.
- Danh sách mẫuCuộn để xem hết. Chọn mẫu nào thì khối đó được thêm vào trang.
- Add new sectionNút mở danh sách.
Danh sách mẫu phụ thuộc template và trang
Template khác sẽ có bộ mẫu khác. Mẫu hiển thị theo từng trang (ví dụ trang Contact có Contact Hero Section).
Sắp xếp, nhân bản, xóa Section
Bấm ≡ ở bên phải mỗi Section.
- Delete itemXóa khối.
- Copy itemNhân bản khối.
- Move upĐưa khối lên trên. Mờ đi nghĩa là khối đã ở trên cùng.
- Move downĐưa khối xuống dưới.
Cũng có thể kéo biểu tượng ≡ để đổi vị trí. Muốn ẩn tạm một khối mà không xóa, mở khối đó và tắt Active Section.
Sửa xong nhớ Build
Thay đổi chỉ lên website thật sau khi bấm Build…. Xem Build — đăng thay đổi lên web.
Tiếp theo: Bài Blog, Tag & Category