Does AnQiCMS support custom navigation categories? For example, how to create footer navigation?

As an experienced website operations expert, I know how important a flexible and varied website navigation system is for user experience and search engine optimization.Navigation is not only the map for users to explore the website, but also a direct reflection of the structure and content hierarchy of the website.AnQiCMS excels in this aspect, it not only supports but also provides a very intuitive and powerful custom navigation feature, allowing you to easily build navigation structures that meet various business needs, whether it is the main navigation, sidebar navigation, or the footer navigation we are discussing in depth today.

AnQiCMS: Custom navigation, creating a flexible and variable website structure

The core design concept of AnQiCMS is 'customizable' and 'easy to expand', which runs through all its functions.From the initial version update log, we can see that as early as the v1.0.0-alpha version, the 'custom navigation configuration feature' was clearly provided, indicating its emphasis on the flexibility of the website structure.As an enterprise-level content management system developed based on the Go language, AnQiCMS is committed to providing efficient and highly customizable content management solutions for small and medium-sized enterprises, self-media operators, and multi-site management needs. Among them, the free configuration of navigation is a reflection of its powerful customization capabilities.

A comprehensive custom navigation feature that can help a website achieve several key goals: optimizing user experience, allowing visitors to quickly find the information they need;Enhance the search engine's understanding of the website structure, which is beneficial for content crawling and ranking;And be flexible in responding to business changes, adjust the website content layout at any time.AnQiCMS is exactly providing such capabilities.

How to create a custom navigation category, such as footer navigation?

Creating a custom navigation in AnQiCMS is a very intuitive process. Let's take the creation of "Footer Navigation" as an example and understand the steps in detail.

Step 1: Enter the background navigation settingsFirst, you need to log in to the AnQiCMS management backend.In the left menu, find the main category "Background Settings" and then click on the "Navigation Settings" within it.This is where you manage all the navigation of your website.

Step 2: Manage navigation categoriesAfter entering the navigation settings page, you will see a "navigation category management" area.AnQiCMS has a default 'default navigation' category, which is usually used for the website's main menu.To create an independent footer navigation, you need to add a navigation category here.Click the 'Add Navigation Category' button, then give your new category a clear name, such as 'Footer Navigation'.After saving, AnQiCMS will allocate a dedicated navigation menu slot for the footer area for you.

Step 3: Add links to the footer navigationNow, you have created the "Footer Navigation" category, and the next step is to add specific links inside it.In the navigation settings page, you can select the 'Footer Navigation' category you just created and then start adding links.Each link can be configured in detail:

• Display name:This is the navigation text displayed on the website front end, such as "About Us", "Contact Us", "Privacy Policy", etc.
• Link Type:AnQiCMS supports various link types, which greatly enhances flexibility:
  • Built-in links:Contains "home link" and a custom "content model home page" (such as article model home page, product model home page).
  • Category page links:You can select existing article categories, product categories, or single pages as navigation links.For example, you can choose the 'Company Profile' single-page as the 'About Us' link in the footer.
  • External links:This type allows you to enter any custom URL, whether it is an internal or external link, which is very useful for linking to partner websites or specific landing pages.
• Parent navigation:If you want the footer navigation to have a multi-level structure (although footer navigation is usually flat), you can achieve this by setting the parent navigation.
• Display order:By adjusting the number, you can control the display order of navigation links in the footer area, the smaller the number, the closer to the front.

By following these steps, you can add all the links you want to appear in the footer area to the "Footer Navigation" category one by one.

Display custom navigation on the website's front end

The backend configuration has been completed, the next step is to display these navigation on the website front end.AnQiCMS uses a syntax similar to the Django template engine, which makes template development and modification very flexible.

To display the footer navigation you just created at the bottom of the website, you need to use the provided by AnQiCMS in the template file (usuallypartial/footer.htmlorbash.htmletc. common footer template files)navList.

Assuming you create a "Footer Navigation" category in the background, the system assigns it thetypeIdIs2(You can find this ID in the navigation category list of the navigation settings page in the background, then you can call it like this in the template:

{# 假设“页脚导航”的typeId为2 #}
{% navList footNavs with typeId=2 %}
    <ul class="footer-nav">
        {%- for item in footNavs %}
            <li><a href="{{ item.Link }}">{{ item.Title }}</a></li>
        {% endfor %}
    </ul>
{% endnavList %}

In this code block:

• {% navList footNavs with typeId=2 %}: InvokenavListtags to retrievetypeIdWith2(i.e. "Footer navigation") all links, and assign them to a variablefootNavs.
• {% for item in footNavs %}：TraversefootNavsEach navigation link in.
• {{ item.Link }}: Output the URL of the navigation link.
• {{ item.Title }}: Output the display name of the navigation link.

If your footer navigation includes multi-level menus (although not common, but AnQiCMS also supports it), you can useitem.NavListThe property performs nested loops to present a more complex structure. For example:

{# 如果页脚导航也需要多级，虽然不常见 #}
{% navList footNavs with typeId=2 %}
    <ul class="footer-primary-nav">
        {%- for item in footNavs %}
            <li>
                <a href="{{ item.Link }}">{{ item.Title }}</a>
                {%- if item.NavList %} {# 判断是否有下级导航 #}
                    <ul class="footer-sub-nav">
                        {%- for subItem in item.NavList %}
                            <li><a href="{{ subItem.Link }}">{{ subItem.Title }}</a></li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
{% endnavList %}

By following these steps, you can see the strength and flexibility of AnQiCMS in navigation management.It not only provides a clear backend operation interface, but also makes it easy for the front-end display through concise template tags.This high degree of customization is an important tool for AnQiCMS to help you efficiently operate your website and enhance your brand competitiveness.

Frequently Asked Questions (FAQ)

Q1: I created a custom navigation category, how do I know itstypeIdare? A1:On the AnQiCMS backend, in the 'Backend Settings' -> 'Navigation Settings' page, when you click on 'Navigation Category Management', you will see a list.Each navigation category in the list will have a unique ID.This ID is used in the templatetypeIdThe value that needs to be filled in when a parameter is required. In most cases, the system will automatically allocate an incremental ID for the newly created category.

Q2: Besides the footer navigation, what types of custom navigation can AnQiCMS create? A2:AnQiCMS supports creating any navigation category you need.In addition to the main navigation and footer navigation, you can also create, for example, 'sidebar navigation', 'product category navigation', 'article tag cloud navigation', and even 'mobile dedicated navigation' and so on.Create a new category in the "Navigation Category Management" and add a link, then access it through differenttypeIdIt can be called at different positions in the template.

Q3: If I need to create a multi-level dropdown menu, does AnQiCMS support it? A3:Yes, the navigation link settings of AnQiCMS support creating a maximum of two-level navigation menus.When adding a navigation link, you can select the 'parent navigation' of the link.Set it to 'Top-level navigation' and it will become a top-level menu. Choosing other existing top-level navigation will become a second-level menu below it.In the front-end template, you can useitem.NavListAttribute to determine whether the current navigation item has a submenu and perform the corresponding nested loop display.