网站导航设置如何创建多级菜单和自定义导航类别？
作为一名资深的网站运营人员，我深知一套清晰、高效的网站导航对于用户体验和搜索引擎优化（SEO）的重要性。它不仅是用户探索网站内容的地图，更是搜索引擎理解网站结构的关键。AnQiCMS 在网站导航设置方面提供了灵活且强大的功能，让我们能够轻松创建多级菜单并自定义导航类别，以满足不同业务场景的需求。
网站导航：连接内容与用户的桥梁
在内容管理系统中，导航不仅仅是页面的简单链接组合，它承载着引导用户、突出核心内容、提升网站专业度的多重任务。一个设计精良的导航系统能让用户快速找到所需信息，降低跳出率，并鼓励他们深入浏览更多页面。对于搜索引擎而言，清晰的导航结构有助于爬虫高效抓取和索引网站内容，从而提升网站的整体SEO表现。AnQiCMS 充分考虑了这些运营需求，将导航设置融入其核心功能，为我们提供了极大的操作自由度。
AnQiCMS导航设置核心功能概览
在 AnQiCMS 的后台管理界面，网站导航的设置位于“后台设置”下的“导航设置”部分。这里集成了导航类别管理和导航链接设置两大功能，允许运营人员对网站的各个导航区域进行精细化控制。通过这些功能，我们可以为网站的不同位置（如顶部、底部、侧边栏等）创建独立的导航系统，并为每个导航系统配置包含多级结构的菜单项。
打造专属导航类别：定义网站导航区域
AnQiCMS 默认提供了一个“默认导航”类别，但这远远不能满足一个现代网站的全部需求。我们往往需要在网站的不同位置展示不同的导航信息，例如页脚的版权链接、侧边栏的辅助功能入口，或是移动端特有的菜单。这时，“导航类别管理”功能便显得尤为重要。
通过访问“导航设置”中的“导航类别管理”，我们可以轻松新增自定义的导航类别。只需点击“新增”按钮，并为新的导航类别命名，例如“页脚导航”、“侧边栏导航”或“移动端菜单”。创建完成后，这个新的类别就会出现在导航列表中，供我们为其添加具体的链接。这种模块化的设计使得网站导航的维护和扩展变得清晰有序，避免了不同导航区域的混乱。
构建多级导航菜单：灵活组织内容结构
创建了导航类别后，下一步就是为它们添加具体的导航链接并构建多级菜单。“导航链接设置”是实现这一目标的核心区域。AnQiCMS 支持最多两级的导航链接直接在后台进行配置，即一个主菜单项下可以包含一个子菜单项。
在添加或编辑导航链接时，我们会看到以下关键设置项：
- 上级导航： 这是实现多级菜单的关键。如果选择“顶级导航”，则当前链接将作为一级主菜单显示。如果选择一个已存在的一级导航，则当前链接将作为其子菜单显示。
- 显示名称： 这是导航在前台页面展示的文本。我们可以根据需要自由命名，不一定与链接的实际内容完全一致，这对于用户友好度至关重要。
- 子标题名称： 针对需要显示双标题的场景（例如中文主标题和英文副标题），可以在此设置子标题，以丰富导航的展示效果。
- 导航描述： 如果导航项需要更详细的文字说明，可以在此填写，供前端模板调用以展示额外的简介信息。
- 链接类型： AnQiCMS 提供了三种灵活的链接类型：
- 内置链接： 涵盖了网站的通用页面，如首页、文章模型首页、产品模型首页以及其他自定义模型的首页。这方便我们快速链接到网站的核心功能区。
- 分类页面链接： 允许我们直接选择已有的文章分类、产品分类或独立页面作为导航链接，将内容分类结构与导航系统紧密结合。
- 外部链接： 提供了最大的灵活性，可以添加任何站内或站外的 URL，满足各种跳转需求。
- 显示顺序： 通过设置数字来控制导航链接的排列顺序，数字越小，显示越靠前。这使得我们可以轻松调整菜单项的视觉优先级，优化用户浏览路径。
通过合理利用“上级导航”选项和多种链接类型，我们可以在 AnQiCMS 后台构建出逻辑清晰、层次分明的两级导航菜单。
模板中的导航调用与高级应用
后台配置好的导航菜单需要通过 AnQiCMS 的模板标签才能在前台页面上显示出来。navList 标签是调用导航列表的主要工具。
在模板中，我们可以使用 {% navList navs with typeId=1 %} 这样的语法来调用指定导航类别（例如 typeId=1 代表默认导航）的所有导航数据，并将其赋值给 navs 变量。然后，通过 for 循环遍历 navs 变量，即可输出一级导航项。对于二级导航，navList 标签返回的每个 item 对象都包含一个 NavList 属性，里面存放着该一级导航下的所有子导航项。我们可以再次通过嵌套的 for 循环来遍历 item.NavList，从而完美呈现两级菜单结构。
例如，一个基本的两级导航模板代码可能是这样的：
{% 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 %} {# 判断是否存在子导航 #}
<ul class="sub-menu">
{% for inner in item.NavList %}
<li class="{% if inner.IsCurrent %}active{% endif %}">
<a href="{{ inner.Link }}">{{inner.Title}}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endnavList %}
值得注意的是，虽然后台直接支持两级菜单的配置，但在模板层面，我们可以结合 categoryList 或 archiveList 等其他标签，实现更为复杂的多级菜单动态展示。例如，我们可以在二级菜单下，动态拉取某个分类的下级分类列表，或者直接展示某个分类下的文章列表，从而实现理论上的“无限级”菜单效果，极大丰富了网站内容的可发现性。tag-/anqiapi-other/165.html 文档中提供了相关的示例，展示了如何在导航中嵌套分类和文档列表，这是AnQiCMS在导航展示方面的一个高级而强大的应用。
总结
AnQiCMS 的导航设置功能既直观易用，又具备高度的灵活性和扩展性。通过清晰的导航类别管理和支持两级菜单的导航链接设置，运营人员可以轻松构建出符合网站架构和用户习惯的导航系统。再结合模板中 navList 标签的强大调用能力，甚至能实现动态生成更多级的内容导航，有效提升网站的用户体验和搜索引擎友好度。掌握这些设置技巧，将是您在 AnQiCMS 平台上高效运营网站的关键。
常见问题解答 (FAQ)
1. AnQiCMS后台配置的导航菜单最多能支持多少级？
AnQiCMS 后台直接配置的导航菜单最多支持两级（一级主菜单和一级子菜单）。但是，通过在模板中使用 navList 标签，并结合 categoryList 或 archiveList 等内容列表标签进行动态嵌套，您可以在前端实现更复杂的多级菜单效果，例如在子菜单下展示分类的文章列表。
2. 如何调整导航菜单项的显示顺序？ 在“导航设置”的“导航链接设置”中，编辑每个导航链接时都会有一个“显示顺序”的选项。您只需为菜单项填入相应的数字，数字越小，该菜单项在同级菜单中的显示位置就越靠前。调整完成后，保存设置即可生效。
3. 我在后台新增了导航类别，为什么网站前台没有显示出来？
导航类别创建后，需要通过模板标签在前台进行调用才能显示。请检查您的网站模板是否使用了 navList 标签，并且 typeId 参数是否正确指向了您创建的新导航类别的 ID。例如，如果您创建了一个名为“页脚导航”的类别，其 ID 为 2，那么在页脚模板中应该使用 {% navList navs with typeId=2 %} 来调用。