The navigation system of a website, akin to the table of contents of a book, not only guides readers to the chapters of interest but also subtly shapes their overall perception of the website's content.A well-designed, informative navigation that significantly enhances user experience, helps visitors quickly find the information they need, and also has a positive impact on search engine optimization (SEO).The AnQi CMS offers detailed and powerful navigation management features, allowing you to go beyond simple link text to create more expressive and practical website menus.
Why is navigation not just a link?
In the digital age, user attention is scarce.When visitors first or again visit your website, they often quickly judge whether the website contains the content they need through the navigation bar.If the navigation item is just a short, context-free link text, users may need more clicks and guesses to reach the target page.This uncertainty is likely to lead to user churn.
The AnQi CMS is well-versed in this, allowing you to add additional metadata to each navigation link, including a custom display name, insightful subtitles, and detailed navigation descriptions.These elements work together to elevate the flat navigation to a multi-dimensional, information-rich guidance system, thereby making your website navigation more attractive and practical.
Flexible navigation category management
It is worth mentioning that the navigation category management capability provided by the Anqi CMS is noteworthy before delving into the settings of a single navigation item.Your website may not just need a primary navigation menu.Maybe you also want to display a set of service links in the footer, place a popular article category in the sidebar, or provide a simplified menu on mobile devices.
The Anqi CMS supports creating multiple independent navigation categories, such as 'Main Navigation', 'Footer Navigation', or 'Sidebar Menu'.This means you can flexibly configure a set of exclusive navigation links for each location according to the different areas and functional needs of the website.The link collection in each category can be independently maintained, ensuring consistency in the global navigation structure of the website and the expertise in local navigation.
Core feature: Customize display name, subtitle and description
Now, let's focus on how to use these powerful custom fields to make every navigation link come to life.
1. Flexible settings for display name
By default, the display name of navigation links may directly come from the title of the page they point to or the category title.However, in some scenarios, you may need navigation text that is more concise, more attractive, or more in line with the brand language.For example, a page title might be 'Our Company Profile and Development History', but in the main navigation, you might prefer to display it simply as 'About Us'.
The AnQi CMS allows you to specify a completely independent 'display name' for each navigation link.This means that regardless of how the title of the backend page changes, the display text in the front-end navigation can maintain the state you set, providing great freedom in content presentation.This flexibility allows the navigation text to better adapt to the overall design style of the website and the reading habits of users.
2. Subtly Using Subtitle Names
The 'Subheading Name' is a unique and powerful field that brings a second layer of information expression space to the navigation items.Imagine when your website is aimed at global users, or when you want to provide additional hints below the main title, the subtitle becomes particularly important.
- Multi-language Prompt:For example, the main navigation item is set to 'Product Center' in Chinese, while the subtitle can be filled with 'Product Catalog' in English, achieving instant bilingual correspondence and greatly enhancing the international user experience.
- Supplementary Information:For some navigation items that require additional explanation, subheadings can provide brief supplementary explanations.For example, below 'News Dynamics', 'Industry Hotspots and Company Announcements' are displayed, which can quickly summarize the core content of the page and help users form a clearer expectation before clicking.
The use of subheadings allows navigation items to carry more useful information while maintaining the simplicity of the main title, which has a positive effect on improving user navigation efficiency and the overall information density of the website.
3. Enable Navigation Description
The navigation description adds a deeper level of interactive potential to your navigation system.Although its specific display method highly depends on the website's template design (for example, it may be displayed as a tooltip or dropdown when the user hovers over the navigation item), the information value it can provide is not to be underestimated.
A concise navigation description that can fully elaborate on the core content, problems solved, or value provided by the page linked to by this link.This can effectively guide users to click, reduce盲目 exploration, and even under specific template design, it can provide richer contextual information to search engines, indirectly helping SEO performance.For example, the navigation description for 'Contact Us' can be written as 'Get our contact information, seek cooperation, or consult with us.'
Choosing and Practicing Link Types
These rich display options can be perfectly combined with the various 'link types' provided by the AnQi CMS.Whether you need to link to the system-built 'Home Page', a dynamically generated 'Category Page', or a completely custom 'External Link', you can configure the display name, subtitle, and description for it.This combination ensures that your navigation system achieves a high degree of unity and optimization in both functionality and expression.
Present Rich Content on the Front End
All meticulously configured display names, subtitles, and descriptions in the background will eventually be presented on the website's frontend through the template tags of Anqi CMS. Template developers can usenavListTags, easily get each navigation item'sTitle(Display Name),SubTitle(subheading) andDescription(Navigation description) fields, and render them elegantly according to the website's design style.Whether it is creating a dropdown menu with hover effects or designing a responsive mobile navigation, these rich fields provide infinite possibilities for frontend display.
Common Questions (FAQ)
Q1: I have set the subtitle and description of the navigation link, but I didn't see the effect on the website front-end. Why is that?A1: Whether the subtitle and description of the navigation link and other extended information are displayed on the front page, and how they are displayed, mainly depends on the template design used on your website. If the template does not reserve the corresponding area or logic to call and displaySubTitleandDescriptionIf the field is set, even if it is set in the background, it cannot be displayed on the front end. It is recommended that you check the current template.navListthe way to call the tag, or contact your template developer to adjust it.
Q2: Does the display name, subtitle, and description of the navigation link support multi-language switching?A2: The AnQi CMS itself supports multilingual functionality, you can set different language packs in the background.However, the specific text content of the navigation links (including the display name, subtitle, and description) is independently set for each navigation item in the backend.If you need to implement multi-language navigation switching, the usual practice is to create a set of independent navigation categories for each language and call the corresponding navigation category in the template based on the current language status of the website.For example, create a 'Main Navigation - Chinese' and a 'Main Navigation - English', and configure navigation content in different languages separately.
Q3: Can I make the navigation description only appear when the user hovers over it instead of being displayed all the time?Fully achievable.This belongs to the category of frontend interaction effects, which needs to be realized through CSS and JavaScript.<span>or<div>），then use CSS's:hoverClass selectors or JavaScript event listeners to control the display and hide of the element.The navigation description field provided by Anqi CMS is responsible for providing content only; the specific way of interaction and display is freely controlled by the front-end code.