Ba phần dựng được
Một trình dựng cho trang, header, footer và mẫu
Ảnh chụp thật từ trình dựng trên site này.
Màn hình Theme Builder
Mọi header, footer và mẫu trang ở một chỗ, chia nhóm Header, Footer, Single, Archive, Pages, WooCommerce. Mỗi dòng có trạng thái, nút sửa, nút khôi phục về file của theme.
Header và biến thể
Logo, menu, nút kêu gọi; dính khi cuộn, kính mờ khi cuộn, trong suốt trên ảnh hero. Trang showcase dùng biến thể “Header showcase”: nút Nhận báo giá, yêu thích, tài khoản.
Mẫu trang
Trang chi tiết dự án, lưu trữ, theo loại. “Preview as” cho xem mẫu với một dự án thật; phần nội dung bài hiện mờ, chỉ đọc.
Trên site này
Các phần đang chạy
Bấm vào liên kết để xem từng phần trên site.
| Phần | Dùng cho | Xem trên site |
|---|---|---|
Header showcase (header-showcase) | Đầu trang của các trang showcase và dự án; các trang khác của site giữ header mặc định | Trang tổng quan |
Trang showcase (showcase-page) | Khung của các trang showcase: header showcase, nội dung trang, footer | Khối tương tác |
Dự án: chi tiết (single-du_an) | Từng dự án: breadcrumb, ảnh, nội dung, dự án trước/sau, dự án cùng loại | Biệt thự Thảo Điền |
Dự án: lưu trữ (archive-du_an) | Trang /du-an/ có bộ lọc theo loại | Tất cả dự án |
Loại dự án (taxonomy-loai) | Trang của từng loại dự án | Căn hộ |
Footer showcase (footer-showcase) | Footer tối, lộ dần từ dưới trang khi cuộn tới cuối | Hiệu ứng cuộn |
Trang hiệu ứng (showcase-effects) | Khung của trang hiệu ứng: header showcase, nội dung, footer showcase | Hiệu ứng cuộn |
Cách dùng
Bốn bước
1. Mở Theme Builder
Vào WP Agent Builder › Theme Builder, hoặc mục Theme Builder trên thanh quản trị khi đang xem trang.
2. Chọn phần cần sửa
Header, Footer hoặc một mẫu trang, rồi bấm Edit in WP Agent Builder. Thiếu mẫu thì bấm New template.
3. Sửa trên trang thật
Kéo khối, sửa chữ tại chỗ. Với mẫu trang, chọn Preview as để xem cùng một bài thật.
4. Bấm Update
Mọi trang dùng phần đó đổi theo. Reset đưa về file của theme bất cứ lúc nào.
Biến thể header
Một header riêng cho một nhóm trang
Nhóm trang showcase dùng header có nút Nhận báo giá, các trang khác của site vẫn dùng header mặc định.