Widget nội dung tổng hợp
Widget nội dung tổng hợp (zittme_content) là widget responsive hiển thị bài viết·bình luận của bảng tin dưới nhiều dạng khác nhau. Từ 0.0.02, widget được đóng gói sẵn trong lõi.
Khái niệm cốt lõi chỉ có một: 1 widget = 1 hàng ngang. Chia hàng thành 1~4 ô (cột) và kết nối bảng tin cho từng ô. Xếp chồng nhiều widget này là bạn có ngay một trang chính kiểu cổng thông tin.
Bắt đầu nhanh
- Mở Quản trị > Widget, hoặc chèn widget trong chế độ sửa trang.
- Chọn Widget nội dung tổng hợp và đặt chiều rộng 100%.
- Trong Bố cục hàng, chọn một mẫu có sẵn. Ví dụ: "Tạp chí 58 + Danh sách 42"
- Nhập địa chỉ bảng tin (mid) vào ô 1·2. Ví dụ: ô 1
notice, ô 2free - Lưu là xong. Nếu cần thêm hàng với bố cục khác, hãy thêm widget bên dưới theo cách tương tự.
- Tỷ lệ chiều rộng: phân tách bằng dấu hai chấm. Ví dụ:
100,50:50,62:38,33:33:33,25:25:25:25(tối đa 4 cột) - Dạng ô: mỗi ô chọn một trong danh sách/webzine/ảnh thu nhỏ/tạp chí/hỗn hợp/tab/bình luận mới nhất
- Có thể gộp nhiều bảng tin bằng dấu phẩy:
free,humor(gộp lại theo thứ tự mới nhất) - Nhập
*để lấy toàn bộ bảng tin của website (cũng có thể dùngall, nhưng nếu thật sự có bảng tin tên all thì bảng tin đó được ưu tiên) - Ở dạng tab, mỗi bảng tin nhập cách nhau bằng dấu phẩy sẽ tạo một tab
- Màn hình từ 960px trở xuống: nhiều cột thu lại thành 2 cột.
- Màn hình từ 640px trở xuống: xếp chồng thành 1 cột dọc.
- Bên trong mỗi ô cũng phản hồi theo chiều rộng của chính nó: khi hẹp lại, webzine chuyển sang dạng dọc và lưới ảnh thu nhỏ giảm số cột.
- Hàng 1: "Một hàng tạp chí (100)" + ô 1
notice- nội dung tiêu biểu phía trên - Hàng 2: "Tab 40 + Danh sách 30 + Bình luận mới nhất 30" + ô 1
free,humor,qna/ ô 2notice/ ô 3* - Hàng 3: "Một hàng lưới ảnh thu nhỏ (100)" + ô 1
gallery - Không thấy bài viết: hãy kiểm tra chính tả mid. Địa chỉ bảng tin (mid) xem được ở mục URL trong cài đặt bảng tin. Bài bí mật và bài không công khai sẽ không hiển thị.
- Ảnh thu nhỏ bị trống: bài viết phải có ảnh thì mới tạo được ảnh thu nhỏ. Bài không có ảnh sẽ hiển thị biểu tượng giữ chỗ.
- Muốn chỉnh khoảng cách giữa các hàng: dùng cài đặt lề khi chèn widget, hoặc chỉnh bằng CSS phía trang.
Nếu chèn mà chưa cài đặt gì, vị trí widget sẽ hiển thị hướng dẫn sử dụng, nên bạn có thể vừa xem màn hình vừa điền dần.
Dạng khối
| Dạng | Hình thức |
|---|---|
| Danh sách | Mỗi tiêu đề một dòng. Số bình luận và huy hiệu bài mới (N) gắn cạnh tiêu đề |
| Webzine | Ảnh thu nhỏ + tiêu đề + tóm tắt |
| Ảnh thu nhỏ | Lưới thẻ ảnh |
| Tạp chí | Thẻ lớn có tiêu đề đặt trên ảnh. Bài đầu tiên được bố trí lớn |
| Hỗn hợp | 2 bài webzine phía trên + danh sách phía dưới |
| Tab | Chuyển đổi nhiều bảng tin bằng tab (nhập nhiều mid cách nhau bằng dấu phẩy) |
| Bình luận mới nhất | Danh sách bình luận mới nhất |
Mẫu bố cục hàng
Con số là tỷ lệ chiều rộng (%). Sau khi chọn, bạn chỉ cần kết nối bảng tin vào các ô.
| Mẫu | Ví dụ công dụng |
|---|---|
| Tạp chí 58 + Danh sách 42 | Phần trên trang chính tin tức·blog |
| Danh sách 42 + Tạp chí 58 | Đảo trái phải của mẫu trên |
| Webzine 50 + Ảnh thu nhỏ 50 | Tin tức + thư viện ảnh |
| Danh sách 38 + Webzine 62 | Thông báo + chi tiết tin tức |
| Webzine 50 + Webzine 50 | Hai bảng tin tức cạnh nhau |
| Danh sách 50 + Danh sách 50 | Bảng tin cộng đồng 2 cột |
| Tab 40 + Danh sách 30 + Bình luận mới nhất 30 | Cổng cộng đồng |
| Danh sách + Danh sách + Bình luận mới nhất (chia 3) | Phần dưới trang cộng đồng |
| 3 thẻ tạp chí (chia 3) | Câu chuyện thương hiệu |
| Tạp chí 55 + Ảnh thu nhỏ 45 | Nội dung tiêu biểu + ảnh mới nhất |
| Một hàng webzine (100) | Khối tin tức riêng |
| Một hàng lưới ảnh thu nhỏ (100) | Khối thư viện ảnh |
| Một hàng tạp chí (100) | Nội dung kiểu hero |
| Hỗn hợp (webzine+danh sách) 62 + Danh sách 38 | Phần giữa trang chính |
Tự cấu hình
Chọn "Tự cấu hình" trong mẫu để tự đặt tỷ lệ chiều rộng và dạng của từng ô.
Cài đặt ô
| Mục | Mô tả |
|---|---|
| Bảng tin | Địa chỉ bảng tin (mid). Ví dụ: notice |
| Tiêu đề | Để trống thì hiển thị tên bảng tin |
| Số lượng hiển thị | Để trống thì dùng giá trị mặc định phù hợp với bố cục |
Nhiều bảng tin và toàn bộ bảng tin
Thời gian hiển thị bài mới (N)
Mỗi widget tự đặt số giờ sau khi đăng mà huy hiệu N còn gắn cạnh tiêu đề. Để trống là 24 giờ.
Skin
| Skin | Số bình luận | Huy hiệu N |
|---|---|---|
| Mặc định | +3 | Huy hiệu vuông màu nhấn |
| Heritage | [3] | Huy hiệu màu cam giống skin bảng tin heritage |
Nếu website của bạn dùng giao diện heritage, hãy chọn skin Heritage để thống nhất cách hiển thị với bảng tin.
Hoạt động responsive
Khi chèn widget với chiều rộng 100%, bố cục sẽ tự thay đổi theo kích thước màn hình mà không cần cài đặt thêm.
Chiều cao được tự động cân bằng trong cùng một hàng.
Ví dụ bố cục: trang chính cổng cộng đồng
Chèn lần lượt 3 widget.