As a website content expert who deeply understands the operation of AnQiCMS, I know that an efficient, intuitive, and flexible navigation system is crucial for the success of a website.It is not only a map for users to explore the content of the website, but also a key for search engines to crawl and understand the structure of the website.tag-/anqiapi-other/165.htmlA detailed navigation list label, providing a solid foundation and clear guidance for us to design and implement complex and diverse navigation structures.
The navigation construction cornerstone of AnQi CMS:navListLabel parsing
In AnQiCMS,navListLabels are the core tools for building website navigation. They allow us to retrieve data from the flexible navigation categories configured in the background and present it in a structured way on the front-end template. Their basic usage{% navList navs %}It can obtain an array object containing all navigation items. The strength of this tag lies in its parameters and the structure of the output data.typeIdParameters, we can easily distinguish and call the navigation menus at different locations of the website, such as the main navigation, footer navigation, sidebar navigation, etc.This means that, regardless of how many independent navigation areas a website has, we can manage them through a single and unified label logic.
navListEach navigation item (item) returned by the label includes such information asTitle(Title),Link(Link),Description(description) and other basic information, as well as a crucialNavListfield. ThisNavListThe field is the key to implementing navigation level nesting, allowing us to build a direct navigation hierarchy of up to two levels. In addition,IsCurrentThe existence of the field allows us to conveniently add an “active” status to the navigation item on the current page, greatly enhancing the user experience and helping users to clearly identify their position on the website.
Complex navigation design practice guidance: Insights from common usage examples
tag-/anqiapi-other/165.htmlThe common usage examples provided in the document are not simple code snippets, but solution blueprints for common complex navigation needs in website operation. They cleverly combinenavListLabels and other content labels, demonstrating how to build highly dynamic and structured navigation.
The first example demonstrates how to display dropdown categories in the main navigation and further display related product documents under these categories.This is a typical navigation mode for an e-commerce or product display website.navListThe secondary navigation items obtained by labels (usually corresponding to product categories) andarchiveListLabel combination allows us to dynamically pull and display specific product lists in the submenu of the navigation menu.The advantages of this design pattern are evident: it presents the core product or content of the website directly in the user's navigation path, allowing users to preview related content without additional clicks, thereby reducing the steps users take to find information and improving conversion rates.For operations, updates to products or articles will automatically reflect in the navigation, greatly reducing maintenance costs.
The second instance delves into how to display dropdown categories in navigation and further displays their own subcategories under these categories.This applies to websites with deep content hierarchy and complex classification systems, such as large news portals, knowledge bases, or B2B corporate websites.navListThe secondary navigation item (also a category) of the label is cleverly integrated withcategoryListlabel association. When a secondary category has subcategories,categoryListIt will be used to dynamically generate the third-level menu; if there are no subcategories, the item may directly point to the category page or not display more levels.This design ensures the depth and flexibility of navigation, which can adaptively expand or contract according to the actual hierarchical relationship of the content model, avoiding the user experience obstacles and operation and maintenance burden that may be caused by rigid static menus.
the core principle of navigation structure design
These usage examples collectively reveal several core guiding principles of AnQiCMS in navigation structure design.
Flexibility and scalability are another major advantage. ThroughtypeIdParameter defines multiple navigation areas, andNavListimplemented by fields to achieve multi-level menus, andarchiveListandcategoryListAnQiCMS allows website navigation to adapt to various business needs ranging from simple to extremely complex.Whether it is to display flattened information or a deep content hierarchy, the corresponding implementation path can be found.
IsCurrentThe prompt of status, providing users with better sense of direction and browsing experience, reducing the exit rate, and enhancing user satisfaction.
Summary
tag-/anqiapi-other/165.html
Common Questions and Answers (FAQ)
The website navigation is a core element of user experience and search engine optimization, and often encounters specific issues in practice.The following are some common questions and answers about the AnQiCMS navigation list tags.
问：我能否在AnQiCMS中创建超过两级的导航层级？例如，主菜单-二级分类-三级子分类-四级内容列表？
Answer:navListThe tag itself supports two-level nesting, that is, the main navigation item and its direct child navigation item (throughitem.NavList）。However, common examples in the document show how to combine other content tags (such ascategoryListorarchiveListTo create a deeper *conceptual* navigation structure. For example, in the secondary sub-navigation, you can use it again.categoryListList all the third-level subcategories under this second-level category, and even through the third-level subcategoriesarchiveListDisplay related documents.This means that by cleverly combining and nesting various content tags of AnQiCMS, you can flexibly build a user interface for complex navigation that goes far beyond two levels deep.
问：My website needs multiple independent navigation menus, such as a main navigation, a footer navigation, and a sidebar navigation.Does AnQiCMS support the management of such multiple navigation areas?
答：Fully supported.AnQiCMS provides the "Navigation Category Management" feature in the "Website Navigation Settings" backend, allowing you to create multiple independent navigation categories, such as "Main Navigation", "Footer Navigation", "Sidebar Navigation", and so on.navListTagstypeIdThe parameter is used to specify the navigation category ID to be called (or use the category name set in the background, depending on the system version and configuration), which can display different navigation menus at different locations.This design makes the management of multiple navigation areas very clear and efficient.
问：Can I add custom static links or external links to the navigation besides displaying categories and document lists?