How can AnQi CMS create multi-level navigation menus, and does it support dropdown sub-menus?

As an experienced AnQiCMS (AnQiCMS) website operator, I know the importance of a clear and efficient navigation system for user experience and search engine optimization (SEO).High-quality navigation not only helps users find the information they need quickly, but also guides search engine spiders to effectively crawl website content, improving the overall performance of the website.The AnQi CMS provides an intuitive and flexible solution for creating and managing navigation menus, perfectly supporting multi-level menu structures.

Navigation design concept of Anqi CMS

The navigation management of Anqi CMS aims to provide highly customizable options to meet the business needs and design styles of different websites.The system understands that website navigation is not uniform, therefore it allows users to create various navigation categories such as main menu, footer menu, sidebar menu, etc., making content organization more flexible.This modular design allows content operators to build a navigation system that best fits the goals of the website based on the actual user paths and information architecture.

Create and manage your multi-level navigation menu

Building a navigation menu in Anqi CMS is a direct and efficient task.You can find the 'Navigation Settings' feature in the 'Background Settings' area of the backend.Here, the system provides two major modules such as 'Navigation Category Management' and 'Navigation Link Settings' to finely control each navigation element of the website.

First, you can create different navigation categories as needed.For example, in addition to the default top navigation, you may also need a sidebar navigation to display service items, or a footer navigation that includes legal statements and contact information.By 'Navigation Category Management', you can easily add these custom categories, assigning specific content sets to different navigation areas.

Next, the core "navigation link settings". Here, you can add specific link items for the selected navigation category. Each link item has rich configuration options:

• display nameThis is the text displayed to the user for the navigation link on the front end.
• Subtitle name and navigation descriptionThese fields provide additional text space, which can be flexibly called in the template to achieve richer navigation expression forms, such as displaying English translations or brief introductions below the main title.
• Link Type: AnQi CMS provides three powerful link types:
  • Built-in link: Directly link to the homepage of the website, article model homepage, product model homepage, or any custom model homepage, operation is simple.
  • Category page link: Allow you to directly link navigation items to created article categories, product categories, or single pages, ensuring close integration between navigation and content structure.
  • External link: If you need to link to other pages within the site that are not managed by CMS, or to external websites, this option provides great flexibility.
• Display orderBy setting the number size, you can precisely control the arrangement position of navigation items in the menu.

Smartly implement drop-down submenus (first-level dropdown support)

One of the core advantages of Anqi CMS's navigation system is its support for dropdown submenus.It allows you to configure a hierarchical dropdown menu for first-level navigation items, which is crucial for organizing a large amount of related content or providing more detailed options.

The process of implementing a dropdown submenu is very intuitive: when you edit or add a navigation link, you can specify its归属 through the 'Parent Navigation' option.If you select 'Top-level navigation', it will become a primary entry on the main menu.When you select an existing top-level navigation item as its 'parent navigation', the new link will naturally become the dropdown submenu of that top-level navigation item.

It is worth noting that Anqi CMS currently supports up to two levels of navigation links, which means you can have a main menu and a first-level dropdown submenu below it.This usually meets the needs of the vast majority of websites in practice, ensuring the depth of navigation while avoiding overly complex levels that can confuse users.

Display navigation flexibly in the template

On the template level, Anqi CMS passes throughnavListThe tag provides an extremely flexible way to render the navigation menu you set up in the background. This tag can retrieve all link data under the specified navigation category, including its hierarchical relationship.

Developers can utilize{% navList navs %}tags, in conjunction with template languagesforloop and conditional judgment to traverse all navigation items. When a navigation item containsNavListProperties (i.e., having a submenu) can nest anotherforloop to render its dropdown submenu. For example, you can useIsCurrentTo determine whether the current page corresponds to a navigation item, thereby adding the 'active' class to the item, providing visual highlighting feedback, and enhancing the user experience.

In addition, sinceNavListThe child item has the same field structure as the parent item, which allows for simple links to be displayed in the dropdown menu and combinedarchiveListorcategoryListTags, dynamically load related articles, products, or deeper-level category lists, and achieve richer and interactive navigation effects.For example, you can directly list the hot products under a product category dropdown menu, or the subcategories of the category, which greatly enhances the practicality and information density of navigation.

Operation strategy: Build user-friendly navigation

As an operations person, building a navigation menu is not just a technical configuration, but also an art.Clear navigation can effectively guide users, reduce bounce rate, and improve conversion.When setting navigation in AnQi CMS, I usually follow the following principles:

• Simplicity: The first-level navigation items should not be too many, usually kept between 5-7**, ensuring that users can grasp the main content sections of the website at a glance.
• Logics: The navigation structure should conform to user cognitive habits and business logic, categorizing content with high relevance.
• VisibilityUtilizing the dropdown menu feature of AnQiCMS, hide secondary important information or detailed content cleverly under the main menu to maintain the interface's neatness.
• Consistency: Different navigation categories (such as main navigation, footer navigation) should maintain consistency in function and style to reduce the user's learning cost.

By carefully planning and utilizing the powerful functions provided by Anqi CMS, we can create a website navigation system that is both beautiful and efficient.

Frequently Asked Questions (FAQ)

1. How many levels does the navigation menu of Anqi CMS support?

The Anqi CMS navigation system supports up to two levels of menus, that is, the main menu item can have a dropdown submenu with one level.This means you can create a clear main navigation and expand a related submenu list under each main item.

2. How to set the sorting of navigation items? Does it support drag and drop sorting?

The sorting of navigation items is achieved by setting the number in the "Display Order" field, the smaller the number, the earlier it is displayed.Currently, AnQi CMS does not support drag and drop sorting functionality, you need to adjust the order by manually modifying the numbers.

3. Can I display the latest articles under a specific category in the dropdown menu? Can this be done?

It is absolutely possible. When rendering navigation in the template, you can use it inside the loop of the submenu, combined witharchiveListorcategoryListetc. content tags, according to the current submenu item associated withPageIdIf it is a category link, dynamically retrieve and display the latest articles under the category or its subcategories, thus achieving a richer content display.