AnQiCMS Navigation Menu: Flexible Management, Precise Guidance to Navigate Your Website

In the wave of digitalization, a website is not only a carrier of information, but also a gateway for corporate image and user experience.The navigation menu of the website is undoubtedly the most critical guidance system in this portal.A well-designed, efficiently managed navigation menu that not only helps users quickly find the information they need and improve browsing efficiency, but also optimizes the website structure to help search engines better understand and crawl your website content.As an experienced website operations expert, I fully understand what a powerful and user-friendly navigation management feature means to an operator.Today, let's delve into how AnQiCMS empowers you to easily manage and set up your website's navigation menu.

AnQiCMS, this enterprise-level content management system built on the foundation of Go language has fully considered the actual needs of content operation from the very beginning. Its navigation management function is one of its highlights.It provides a set of intuitive and flexible mechanisms that allow you to adjust the structure and direction of the website at any time according to the changes in business scenarios.

Backend Management: The 'Command Center' for Controlling the Navigation

To manage the website's navigation menu, we will naturally come to the AnQiCMS backend first. In the left navigation bar of the system, you can find the prominent "Backend settings[Option, click to enter, and you will see the]Navigation settings[This is the core feature module. Here, it is your command center to fully control the website navigation]

AnQiCMS cleverly distinguishes the management of navigation menus, allowing you not only to set the main navigation but also to create various types ofnavigation categories【en】：""This means you can create independent navigation menu sets for the top navigation of the website, footer navigation, sidebar navigation, and even specific marketing activity pages.For example, you can set a 'default navigation' category for regular website content, and create a 'footer navigation' category for company information and privacy policy.This classification management greatly enhances flexibility, allowing you to provide customized navigation experiences tailored to different display areas and user needs.

After determining the navigation category, the next step is to fill in the specific "navigation links"”ed. AnQiCMS provides a variety of link types to meet the needs of complex website structures:

  • Built-in linkThis is the most convenient option, the system will automatically identify and provide some common links, such as the homepage of the website, the homepage of the article model, the homepage of the product model, etc., and you can simply select with one click.
  • Category page linkIf you want to classify a specific content or set a standalone page as a navigation item, you can directly select it from the existing categories or single pages.This ensures that navigation is closely related to the actual content of your website.
  • External LinkOf course, website operation often requires linking to external resources or custom internal URLs.Through external links, you can flexibly enter any URL address, whether it points to a partner website or a specific marketing landing page.

In addition, each navigation link has fine-grained configuration options.Display NameText directly visible to the user on the frontend interface, which you can optimize according to the brand tone or SEO strategy. If a richer display is needed, additional content can be addedSubtitle nameandNavigation description，AnQiCMS provides additional information for navigation items. AnQiCMS also supports creating up tolevelsof navigation menus, by setting “Parent NavigationYou can easily build complex navigation structures with drop-down menu effects. Finally, by adjustingDisplay OrderYou can control the arrangement of navigation items in the menu to ensure that the most important content is presented first.Although currently drag-and-drop sorting is not supported, precise control can still be achieved through numerical adjustment.

Template Integration: Make navigation elegant on the frontend

The backend settings are the construction of the data, and the front-end template is the stage for the magnificent presentation of these data.AnQiCMS uses the tag marking method of Django template engine, making the display of navigation menus intuitive and expressive.

The core template tags arenavListIt is responsible for extracting the meticulously configured navigation data from the background. In your website template files (for exampleheader.htmlorfooter.html), you can usenavListuse this tag to call these data.

For example, a basic navigation list may be constructed like this:

{% navList navs with typeId=1 %} // 假设typeId=1是您的“默认导航”类别
<ul>
    {%- for item in navs %}
        <li class="{% if item.IsCurrent %}active{% endif %}">
            <a href="{{ item.Link }}">{{item.Title}}</a>
            {%- if item.NavList %} // 如果有下级导航
            <dl>
                {%- for inner in item.NavList %}
                    <dd class="{% if inner.IsCurrent %}active{% endif %}">
                        <a href="{{ inner.Link }}">{{inner.Title}}</a>
                    </dd>
                {% endfor %}
            </dl>
            {% endif %}
        </li>
    {% endfor %}
</ul>
{% endnavList %}

In this code,{% navList navs %}The label will obtain all navigation data under the specified navigation category and assign it tonavsthis variable. Subsequently,{% for item in navs %}Loop, you can access the properties of each navigation item one by one, such asitem.Title(Navigation title),item.Link(link address), as well asitem.IsCurrent(determine whether the current page is the navigation item). Furthermore,{% if item.NavList %}Determine whether the display of the secondary navigation can be elegantly handled, through nestedforLoop, you can also render the submenu items. This clear structure allows frontend developers to flexibly build various styles of navigation menus according to the design.

In addition to the main navigation, AnQiCMS also providesbreadcrumbTags are used to generate breadcrumb navigation. Breadcrumb navigation provides a clear path guidance when users navigate through the website layers, effectively enhancing the user experience. You just need to call it in the template.{% breadcrumb crumbs %}The system will automatically generate a traceable navigation path based on the current page location.

Summary: Emphasizing both efficiency and experience.

Common Questions (FAQ)

Q1: How many levels does AnQiCMS navigation menu support?AnQiCMS navigation menu currently supports nativelylevelsStructure, i.e., the main navigation item and its sub-navigation items below.This is sufficient to meet the needs of the vast majority of corporate websites and content-based websites, effectively maintaining the simplicity and usability of navigation.

Q2: How can I adjust the navigation link order? Does it support drag-and-drop sorting?You can adjust each link by going to the "Navigation Link Settings" in the backgroundDisplay OrderControl the arrangement with numbers.The smaller the number, the closer the navigation item is to the front of the menu.The current version does not support direct drag-and-drop sorting functionality, but precise sorting control can still be achieved through numerical adjustments.

Q3: Can I display different navigation menus in different areas of the website?Of course, AnQiCMS provides "Navigation Category ManagementFunction.You can create multiple navigation categories, such as 'Top Navigation', 'Footer Navigation', 'Sidebar Navigation', etc., and then add independent navigation links for each category.navListTagstypeIdParameters, you can call and display a specific category of navigation menu to achieve personalized navigation display in different areas.