AnQiCMS Navigation Settings: Customize Your Website's Structure and User Experience

In today's digital age, a website's navigation system is not just a tool to guide users through the site; it is also the 'skeleton' of the website structure, directly affecting user experience, information acquisition efficiency, and even the performance of search engine optimization (SEO).As an enterprise-level content management system developed based on the Go language, AnQiCMS deeply understands the importance of the navigation system, and therefore provides highly flexible and customizable navigation settings, aiming to help enterprises and content operators easily build clear and efficient website navigation.

Today, let's delve into how AnQiCMS's navigation settings allow you to customize navigation categories and link types, creating a unique traffic entry and user path for your website.

Navigation importance: more than just links

Before we start customizing, let's quickly review why the navigation system is so crucial.An elegantly designed navigation system can allow visitors to quickly find the content they are interested in, reduce the bounce rate, and increase the time spent on the website.For search engines, a clear navigation structure helps crawlers understand the hierarchical relationship of the website, efficiently crawl and index content, thereby optimizing the ranking of the website in search results.The design philosophy of AnQiCMS includes SEO-friendliness as one of its core strengths, and the powerful navigation settings are a strong manifestation of this advantage.

AnQiCMS navigation core concept: flexible and controllable

AnQiCMS's navigation management feature is located under the 'Background Settings' menu item in the 'Navigation Settings' section of the backend. This is your command center for controlling the website's navigation layout and content.The system not only provides convenient configuration for default navigation, but also allows you to create and manage a variety of navigation categories according to your actual needs, and to fine-tune the links for each category.

1. Custom navigation categories: divide areas for your website

Imagine that, in addition to the main navigation at the top of your website, you may also need a footer navigation to display important company information, or a sidebar navigation to showcase popular tags.The 'Navigation Category Management' feature of AnQiCMS is exactly for this.

By default, the system will prepare a "default navigation" category for you.If your website has more complex structure needs, such as wanting a separate "footer navigation" to display privacy policy, contact information, or to create a "product navigation" for specific product lines, you can easily add new navigation categories.Just navigate to the navigation settings interface, find "Navigation Category ManagementThis greatly expands the possibilities of website layout, allowing navigation in different areas to carry different information transmission missions.

2. Build navigation links: Define your website path

When the navigation category is determined, the next step is to fill in specific navigation links into these categories.AnQiCMS provides a variety of link setting options to ensure that you can flexibly point to any location within or outside the website.

Firstly, each navigation link has some common configuration options, such as:

  • Display Name:This is the text displayed on the front page navigation, you can name it freely, even if it is not completely consistent with the actual content of the link.
  • Subheading Name:Some designs may require navigation to display dual titles (e.g., Chinese + English), you can add the corresponding subtitle text here for template usage.
  • Navigation description:If the navigation item requires additional brief description, it can be filled in here, the template can be selectively displayed as needed.
  • Display Order:You can set a numeric order for each navigation link, with lower numbers appearing earlier in the navigation list, making it easier for you to adjust the order of navigation items.

Next, is the core of AnQiCMS navigation settings - link type, the system kindly provides three main link types to meet almost all your navigation needs:

  • Built-in Links:

  • Category page link:This is the strength of AnQiCMS, it allows you to directly associate with existing content categories or single pages.No matter if you wish to navigate to a specific article category (such as "News Updates", "Industry Information"), product category (such as "Mobile Products", "Computer Accessories"), or an independent single page (such as "About Us", "Contact Information"), you can easily select it through the dropdown menu without manually entering a complex URL.This method is not only convenient, but also ensures the accuracy of the link and automatically updates the link address when the content structure is adjusted later.

  • External links:This link type gives you the greatest freedom.You can enter any valid URL, whether it is a specific page within your website or a link to an external partner site.This makes AnQiCMS' navigation system not only limited to the site, but also convenient for your content marketing and resource integration.

In the template, call navigation: turn settings into reality

How to perfectly present these carefully configured navigation on the front-end website after setting up the navigation in the background? AnQiCMS provides intuitive template tagsnavListEnglish, let you easily render the navigation data set in the background to the page.

Pass{% navList navs with typeId=1 %}Such tags, you can specify the ID of the navigation category to be called (for example,typeId=1corresponding default navigation)，then in aforiterate over the loopnavsvariable，output each navigation item'sTitle(Display Name),Link(link address) information.)

It is even better that AnQiCMS supports a two-level navigation structure. If you set a sub-navigation for a navigation item in the background, then in the template,{% if item.NavList %}To determine if there is a sub-navigation, and then navigate again.{% for inner in item.NavList %}Loop to output the second-level navigation.TitleandLinkIn addition,item.IsCurrentThe field helps you determine if the current navigation item is on the current page, so that you can conveniently add CSS styles to highlight the active navigation.

For example, in the article, we demonstrated how to dynamically display product documents under a specific category in the navigation dropdown menu, or to display the subcategories of that category. This is achieved by combiningnavListTagsitem.PageIdproperties, witharchiveListorcategoryListLabel联动实现。这意味着您的导航不仅仅是静态的链接列表，它可以是动态呈现内容的门户，根据访客的需求智能地展示相关信息。

Practice Recommendations and Advanced Techniques

  • Plan first:Before starting to set up navigation, take the time to plan the overall information architecture and navigation hierarchy of the website.What content needs to be highlighted?What is the most frequently visited path by users?This answer will guide you to create more effective navigation.
  • Adaptable for mobile:Ensure your navigation works well on both desktop and mobile devices.AnQiCMS template usually supports responsive design, but also pay attention to the display mode of mobile navigation (such as hamburger menu) whether it can clearly present your navigation structure.
  • UtilizeIsCurrentEnhance user experience:use cleverlyitem.IsCurrentLabels to highlight the current navigation item on the page, effectively helping users understand their position on the website and enhancing the browsing experience.
  • Two-level navigation巧妙运用：AnQiCMS natively supports two-level navigation.Take full advantage of this feature, you can keep the main navigation concise while providing more in-depth categories or page entries through dropdown menus, avoiding a long navigation bar.
  • Dynamic content integration：As shown in the document example, you can access the dropdown area of the secondary navigation,archiveListorcategoryListTags, dynamically call related articles, products, or subcategories of the current level of navigation, making navigation more intelligent and practical.

Summary

The navigation setting function of AnQiCMS, with its flexible category management, diverse link types, and powerful template tag support, provides great freedom to website operators.Whether it is to build a simple corporate website or a content-rich portal site, AnQiCMS can help you easily customize a navigation system that meets user habits and is conducive to SEO.Master these features, and you will be able to better control the flow of information on the website, optimize the user experience, and ultimately improve the overall operation efficiency and competitiveness of the website.

Common Questions (FAQ)

Q1: AnQiCMS 的导航最多支持多少级菜单嵌套？

A1:AnQiCMS backend supports the creation of two-level navigation menus, that is, a main navigation item can contain a first-level submenu. In the template, you can usenavListtag iterationitem.NavListPresent these sub-menus.If you need a deeper menu structure, it usually requires further customization and processing through front-end JavaScript combined with styles, but the backend management level mainly focuses on two levels.

Q2: How do I automatically highlight the navigation item for the current user?

A2:AnQiCMS provides in the navigation data.IsCurrentin the template.navListLabel loop output navigation, you can check{% if item.IsCurrent %}this condition, if it isTrue, then give the current navigation<li>or<a>a labelactiveorcurrentthe CSS class, thus achieving a highlight effect through CSS styles.

**Q3: Can I ask for