2 Phương pháp thiết lập menu
- 2022/10/04 03:06:14
- 2022/01/17 16:18:51
- 2021/12/13 17:34:04
![70 dòng xây dựng mẫu blog cơ khí]()
2021/12/13 17:32:58- 2021/07/24 00:49:39
Menu là công cụ quan trọng giúp người dùng nhanh chóng nhất tìm thấy những nhóm nội dung theo mỗi chủ đề
Bài viết này sẽ hướng dẫn các bạn sẽ tiếp cận 2 phương án để thiết lập menu trong môi trường zoblogs.
[image]//out.zoblogs.com/out/media_com/?sh=bb91d61e[/image]
Hình ảnh mô tả vị trí các menu (tham khảo)
Lưu ý : tùy thiết kế mà lập trình sẽ sử dụng menu tương ứng
Category trong zoblogs cho phép bạn tạo 1 cây thư mục phân cấp. Ta gọi category không có cha là menu top.
Theo đó, bạn tạo các nhánh category với phân nhánh bắt đầu từ các tag tương ứng đó
[image]//out.zoblogs.com/out/media_com/?sh=8ed73981[/image]
Hình ảnh minh họa để tạo category menu_page
Ví dụ sau sẽ thiết lập menu_page bằng theme connect trong môi trường zoblogs.
File name: theme/box/menu_page
[code]
<%
domain=data("web/domain_home");
tree={
"1":{"label":"Trang chủ","url":domain,"icon":"icon-home"},
"2":{"label":"Hướng dẫn","url":domain & "tag/guide","icon":"icon-child"},
"3":{"label":"Kinh nghiệm","url":domain & "tag/exp","icon":"icon-coffee"},
"4":{"label":"Lập trình","url":domain & "tag/dev","icon":"icon-gg"}
};
w(tools.menu(tree));
%>
[/code]
Sau khi kích hoạt menu page sẽ được áp dụng.
Lưu ý theme_connect là hình thức cấu hình cao cấp nhất và sẽ được ưu tiên hơn hết mọi thiết lập trước đó
Bài viết đến đây là kết thúc, nội dung có đề cập đến nhiều thuật ngữ trong môi trường zoblogs nên sẽ khiến nhiều bạn bỡ ngỡ, rất xin lỗi các bạn. Trong khuôn khổ hỗ trợ mình xinh list các thuật ngữ phía dưới này để các bạn có thể hiểu chính xác phần nào các định nghĩa được nhắc đến:
Nhận diện menu
- Menu cả trang : menu_page
- Menu foter : menu_footer
- Menu bar : menu_bar
- Menu bar bên trái : menu_bar_left
- Menu bar bênphải : menu_bar_right
[image]//out.zoblogs.com/out/media_com/?sh=bb91d61e[/image]
Hình ảnh mô tả vị trí các menu (tham khảo)
Lưu ý : tùy thiết kế mà lập trình sẽ sử dụng menu tương ứng
Thiết lập menu
PP1 . Thiết lập menu bằng công cụ category
Category trong zoblogs cho phép bạn tạo 1 cây thư mục phân cấp. Ta gọi category không có cha là menu top.
Theo đó, bạn tạo các nhánh category với phân nhánh bắt đầu từ các tag tương ứng đó
[image]//out.zoblogs.com/out/media_com/?sh=8ed73981[/image]
Hình ảnh minh họa để tạo category menu_page
PP2. Thiết lập menu bằng lập trình theme connect
Ví dụ sau sẽ thiết lập menu_page bằng theme connect trong môi trường zoblogs.
File name: theme/box/menu_page
[code]
<%
domain=data("web/domain_home");
tree={
"1":{"label":"Trang chủ","url":domain,"icon":"icon-home"},
"2":{"label":"Hướng dẫn","url":domain & "tag/guide","icon":"icon-child"},
"3":{"label":"Kinh nghiệm","url":domain & "tag/exp","icon":"icon-coffee"},
"4":{"label":"Lập trình","url":domain & "tag/dev","icon":"icon-gg"}
};
w(tools.menu(tree));
%>
[/code]
Sau khi kích hoạt menu page sẽ được áp dụng.
Lưu ý theme_connect là hình thức cấu hình cao cấp nhất và sẽ được ưu tiên hơn hết mọi thiết lập trước đó
Bài viết đến đây là kết thúc, nội dung có đề cập đến nhiều thuật ngữ trong môi trường zoblogs nên sẽ khiến nhiều bạn bỡ ngỡ, rất xin lỗi các bạn. Trong khuôn khổ hỗ trợ mình xinh list các thuật ngữ phía dưới này để các bạn có thể hiểu chính xác phần nào các định nghĩa được nhắc đến:
- Category trong zoblog
- Theme connect là gì
- Tag trong zoblogs
Các bạn có thắc mắc vui lòng liên hệ đến mình thông qua page contact.
Các bạn cũng có thể gửi email, chat zalo, facebook. Mình rất vui khi được các bạn quan tâm. Nếu mình có đang bận rộn không kịp nhấc máy hoặc hồi âm, rất mong các bạn thông cảm. Mình sẽ cố gắng để hồi đáp đến từng bạn luôn ạ.
Thanks các bạn đã quan tâm
Các bạn cũng có thể gửi email, chat zalo, facebook. Mình rất vui khi được các bạn quan tâm. Nếu mình có đang bận rộn không kịp nhấc máy hoặc hồi âm, rất mong các bạn thông cảm. Mình sẽ cố gắng để hồi đáp đến từng bạn luôn ạ.
Thanks các bạn đã quan tâm
- Time Modify
- URL
/