In website operation, a clear and effective navigation system is the key to user experience and search engine optimization.It not only guides visitors to quickly find the required information, but also shows the structure and relevance of the content to search engines.The AnQiCMS (AnQiCMS) has fully considered the actual needs of operators in the website navigation settings, providing flexible multi-level menus and custom navigation category functions to help users easily build a well-organized website structure.
核心优势：Flexible & Structured
Custom Navigation Categories: Flexible Layout of Different Areas
Multi-level Menu Settings: Clear Display of Hierarchical Relationships
In order to better organize website content, the navigation system of Anqi CMS supports a maximum of two-level menu structure.This means you can set a primary menu item and create a first-level submenu below it (which is what we commonly call a dropdown menu).This design is particularly useful for displaying content with clear classification levels (such as product categories, service items, or article topics).
In the "Navigation Link Settings", when you add a new navigation link, you can specify which main menu item the current link belongs to by selecting the "Parent Navigation" option.If you select "Top-level navigation", it will become an independent main menu item; if you select an existing first-level menu item, it will automatically become a submenu under that menu.Such a hierarchical division makes the website content structure clear at a glance, helping users easily explore the in-depth content of the website through a step-by-step approach.
Rich Selection of Navigation Link Content
AutoCMS provides a variety of link types to meet the complex content needs of your website, ensuring that each navigation item accurately points to the target:
- Built-in linkThis includes links to the homepage of the website, the article model homepage, the product model homepage, or other custom content model homepages.These are the quick entry points of the core functions of the website, no manual input of URL is required.
- Category page link：You can conveniently select from existing article categories, product categories, or individually created pages and directly set it as a navigation link.When your website content is organized through a classification system, this greatly simplifies the creation process of navigation.
- External Link：If you need navigation links to point to other custom URLs within the site, or even to links to other external websites, external link types provide the greatest flexibility.Just enter the full URL to achieve the jump.
This diverse range of link types ensures that no matter what content you have - structured categories, standalone pages, or external resources - it can be seamlessly integrated into the navigation system.
Optimize Navigation Display and Management
In addition to structural support, the security CMS also provides rich detail settings to make your navigation more expressive:
- Display Name and Subtitle Name：You can set a friendly display name for the navigation item, such as “Contact Us”.If your website needs to support multilingual or has more rich display requirements, you can also add 'Subheading Name', such as displaying the English translation below the main title.
- Navigation descriptionAdd a brief description for each navigation item; this can be used as a mouse hover tip or detailed display in some template designs, enhancing user experience.
- Display OrderThrough adjusting the size of the number, you can accurately control the display order of each navigation item within its category, with smaller numbers appearing closer to the front.
Navigation call in the template: turning design into reality
In the AnQi CMS, the navigation settings on the back end need to be combined with the front-end template calls to ultimately be presented to the user. This is mainly achieved bynavListtags. For example, you can use{% navList navs with typeId=1 %}Call the link data of the navigation category with ID 1 on the backend (usually the default main navigation).
Through a simpleforLoop, you can iterate to get the data of each navigation item, for example, using{{ item.Title }}Get the navigation name,{{ item.Link }}Get the link address, as well as{{ item.IsCurrent }}Determine whether it is the current page link, so that different styles can be applied.
For navigation items that contain submenus,item.NavList属性让您可以轻松地再进行一次循环，展现二级菜单内容。This allows template developers to flexibly utilize these data to build various style and interactive navigation menus, whether it is a traditional dropdown menu or a complex Mega Menu, they can handle it with ease.
In short, the navigation setting function of Anqi CMS provides powerful tools for website operators by supporting custom navigation categories, two-level menu structures, various link types, and detailed display controls.It can not only optimize the hierarchical structure of the website, enhance the user navigation experience, but also help search engines better understand and crawl your website content, bringing better operational effects to your website.
Common Questions (FAQ)
Q1: Can I create other navigation menus besides the top navigation, such as footer navigation?typeIdParameters to call different navigation categories.
Q2: How many levels can the website navigation menu of AnQi CMS be set to?A2: The navigation menu of Auto CMS supports up to two levels: one main menu and its corresponding sub-menus (i.e., dropdown menus).In the "Navigation Link Settings", you can define the hierarchical relationship of menu items by selecting the "Parent Navigation".
Q3: If the name of a product category on my website is too long and makes the navigation look crowded, what should I do?A3: In the "Navigation Link SettingsThis display name can be different from the actual page title linked, allowing you to show simpler and more beautiful text in navigation.At the same time, you can also use the "navigation description" field to add additional information to navigation items and display them when needed.