How to flexibly set the display name, subtitle, and description of navigation links to enrich the navigation display of the website?

The website's navigation system is like the table of contents of a book, not only guiding readers to the chapters of interest but also subtly shaping readers' overall perception of the website's content.A well-designed, informative navigation that can significantly improve user experience, help visitors quickly find the information they need, and also bring a positive impact to search engine optimization (SEO).The Anqi CMS provides detailed and powerful navigation management features, allowing you to go beyond simple link text and 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 secondly visit your website, they often quickly judge whether the website contains the content they need through the navigation bar.If the navigation item is only a short, context-free link text, users may need more clicks and guesses to reach the target page.This uncertainty can easily lead to customer loss.

The Anqi CMS deeply understands 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 originally flat navigation to a multi-dimensional, information-rich guidance system, thereby making your website navigation more attractive and practical.

Flexible navigation category management

Before delving into the settings of a single navigation item, it is worth mentioning the navigation category management capability provided by Anqi CMS.Your website may not only need a main navigation menu. Perhaps 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 the creation of multiple independent navigation categories, such as "main navigation", "footer navigation", or "sidebar menu".This means that you can flexibly configure a set of exclusive navigation links for each location according to the different areas and functional requirements of the website.Each category's link set can be independently maintained, ensuring the consistency of the website's global navigation structure and the specialization of local navigation.

Core Function: Customize Display Name, Subtitle and Description

Now, let's focus on how to make each of your navigation links come alive with these powerful custom fields.

1. Elastic settings display name

By default, the display name of the navigation link may come directly from the title or category title of the page it points to.However, in some cases, you may need a navigation text that is more concise, more attractive, or more in line with the brand language.For example, the title of a page might be “Our company profile and development history”, but in the main navigation, you may 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 no matter how the title of the backend page changes, the displayed 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 and reading habits of the website.

2. Skillful use of subtitle name

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 under the main title, the subtitle becomes particularly important.

• Multilingual prompts: For example, the main navigation item is set to Chinese "Product Center", and the subtitle can be filled in with English "Product Catalog", realizing immediate bilingual comparison and greatly enhancing the international user's visit experience.
• Instructions:For some navigation items that require additional explanation, the subtitle can provide a brief supplement.For example, below "News Updates", "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 makes navigation items able to carry more useful information while maintaining the brevity of the main title, which is beneficial for improving user navigation efficiency and the overall information density of the website.

3. Enable navigation description

“Navigation description” then it injects deeper interactive potential into your navigation system.Although its specific display method highly depends on the website template design (for example, it may be displayed as a tooltip or dropdown menu when the user hovers over the navigation item), its information value is not negligible.

A concise navigation description that can elaborate on the core content, the problem solved, or the value provided by the linked page.This can effectively guide users to click, reduce blind exploration, and even under specific template design, it can provide more context information for search engines, indirectly helping the SEO performance.For example, the navigation description for 'Contact Us' can be written as 'Get our contact information, seek cooperation, or consult'.

Selection and practice of link types

These rich display options can perfectly combine with the various 'link types' provided by Anqi CMS.Whether you need to link to the system's built-in 'Homepage', 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 function and expressiveness.

Display rich content on the front end

All display names, subtitles, and descriptions meticulously configured in the background will eventually be presented on the website's frontend through AnQi CMS template tags. Template developers can usenavListLabel, easily get each navigation item'sTitle(Display name),SubTitle(Subtitle) andDescriptionNavigation descriptions and render them elegantly according to the design style of the website.Whether it is to create a dropdown menu with a hover effect or design a responsive mobile navigation, these rich fields provide endless possibilities for front-end display.

In summary, the deep customization capability of Anqi CMS in navigation link settings is not only a technical convenience, but also an important tool for content operation and user experience optimization.It makes website navigation no longer a cold collection of links, but a more expressive and informative user entry, thus helping your website attract more visitors, convey information, and achieve operational goals.

Frequently Asked Questions (FAQ)

Q1: I 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, description, and other extended information of the navigation link are displayed on the front page, and how to display it, mainly depends on the template design of your website. If the template does not reserve the corresponding area or logic to call and display itSubTitleandDescriptionField, even if it is set in the background, it cannot be displayed on the front. It is recommended that you check the current template'snavListtag calling method, or contact your template developer for adjustment.

Q2: Does the navigation link support multi-language switching for display name, subtitle, and description?A2: The AnQi CMS itself supports multilingual functionality, you can set different language packages in the background.However, the specific text content of the navigation link (including the display name, subtitle, and description) is independently set for each navigation item in the background.If you need to implement multilingual 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 according to the current language status of the website.For example, create a "main navigation-Chinese" and a "main navigation-English", respectively configure navigation content for different languages.

Q3: Can I make the navigation description only appear when the user hovers over it, rather than always being displayed?A3: It can be fully realized. This belongs to the category of front-end interaction effects and needs to be implemented through CSS and JavaScript.In the template, you can wrap the navigation description content inside a specific HTML element (such as a<span>or<div>），then use CSS's:hoverpseudo-classes or JavaScript event listeners, controlling the display and hide of the element.The navigation description field provided by Anqi CMS is responsible for providing content, and how it is interactively displayed is controlled by the front-end code freely.