如何在安企CMS中添加页脚导航菜单？

作为一名经验丰富的安企CMS网站运营人员，我深知一个完善的网站不仅仅是内容精彩，更在于用户体验的每一个细节。页脚导航菜单，看似不起眼，实则在提升网站可用性、优化SEO结构以及引导用户深入探索内容方面发挥着举足轻重的作用。它通常包含了网站的重要链接，如关于我们、联系方式、隐私政策等，让用户在任何页面都能快速找到所需信息。

现在，我将为您详细讲解如何在安企CMS中添加一个功能完善的页脚导航菜单。

规划页脚导航菜单内容

在开始操作之前，我们首先需要明确页脚导航菜单要包含哪些链接。这通常取决于您的网站类型和用户需求。例如，企业官网可能需要“关于我们”、“联系我们”、“隐私政策”、“服务条款”；电商网站可能需要“购物指南”、“售后服务”、“支付方式”；个人博客则可能倾向于展示“友情链接”、“归档”、“留言板”等。清晰的规划能够帮助您高效地完成后续设置。

进入网站导航设置

要开始设置页脚导航菜单，您需要登录安企CMS的后台管理界面。在左侧的菜单栏中，找到并点击“后台设置”，然后选择“导航设置”选项。这里是管理网站所有导航菜单的中心。

安企CMS的导航设置功能非常灵活，它允许您创建多个导航类别，以满足网站不同区域（如顶部主导航、侧边栏导航、页脚导航）的需求。

创建专属的页脚导航类别

在“网站导航设置”页面，您会看到一个“导航类别管理”区域。默认情况下，系统可能只存在一个名为“默认导航”的类别。为了更好地管理页脚导航，我们建议您创建一个新的导航类别。

点击“新增导航类别”按钮，在弹出的窗口中，输入导航类别名称，例如“页脚导航”或“Footer Navigation”。填写完毕后，点击确认保存。这样，您就为页脚导航创建了一个独立的管理区域。

添加页脚导航链接

创建好“页脚导航”类别后，我们需要向其中添加具体的导航链接。

  1. 选择导航类别： 在导航设置页面的左侧或顶部，选择您刚刚创建的“页脚导航”类别。
  2. 点击“新增导航链接”： 页面会显示当前导航类别下的所有链接（目前可能为空）。点击“新增导航链接”按钮。
  3. 配置链接信息： 在弹出的链接配置窗口中，您需要填写以下关键信息：
    • 上级导航： 由于这是页脚的主导航，通常选择“顶级导航”。如果您的页脚导航有二级菜单需求，可以在此选择对应的一级菜单。安企CMS支持两级导航结构。
    • 显示名称： 这是导航链接在前台页面上显示的文字，例如“关于我们”。
    • 链接类型： 安企CMS提供了三种灵活的链接类型：
      • 内置链接： 适用于网站内部的常用页面，如首页、文章模型首页、产品模型首页或其他自定义模型首页。选择后系统会自动生成链接。
      • 分类页面链接： 如果您希望链接到某个文章分类、产品分类或单页面（如“联系我们”），可以选择此项，然后从列表中选择对应的分类或页面。
      • 外部链接： 当您需要链接到站内特定URL或站外其他网站时使用。在此处直接输入完整的URL，例如 https://www.anqicms.com/aboutus.html。
    • 显示顺序： 通过输入数字来控制链接的显示顺序，数字越小，显示越靠前。
    • 导航描述、子标题名称： 这些是可选字段，如果您模板设计需要为导航项提供额外信息，可以在此填写。
  4. 重复操作： 按照上述步骤，继续添加所有您希望在页脚导航中显示的链接。

将页脚导航集成到模板中

完成后台导航设置后，最后一步是将这个新创建的“页脚导航”显示到您的网站前台。这需要修改网站的模板文件。

安企CMS的模板文件通常存储在 /template 目录下，每个模板有一个独立的文件夹。网站的页脚内容通常定义在 bash.html（作为公共代码片段，被其他模板继承）或 partial/footer.html（作为一个独立的页脚片段）等文件中。

  1. 确定页脚模板文件： 找到您当前使用的模板主题文件夹，然后找到负责渲染页脚内容的 .html 文件。这通常是 bash.html 或者 partial/footer.html。

  2. 使用 navList 标签调用： 安企CMS提供了强大的模板标签，其中 navList 标签专门用于调用导航列表。您需要使用该标签来获取您在后台设置的“页脚导航”类别。

    • 首先，找到您创建的“页脚导航”类别对应的 typeId。在导航设置页面，您可以找到每个导航类别的ID。
    • 在您的页脚模板文件中，插入类似以下的代码片段：
    {% navList footerNavs with typeId=2 %}  {# 假设“页脚导航”的 typeId 是 2 #}
    {% if footerNavs %}
        <div class="footer-nav">
            <ul>
                {% for item in footerNavs %}
                    <li {% if item.IsCurrent %}class="active"{% endif %}>
                        <a href="{{ item.Link }}">{{ item.Title }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    {% endif %}
{% endnavList %}

    请将 typeId=2 替换为您实际创建的“页脚导航”类别的ID。这段代码将遍历“页脚导航”类别下的所有链接，并以无序列表的形式展示它们。

  3. 样式化页脚导航： 您可以利用CSS为页脚导航添加样式，使其与您网站的整体设计风格保持一致。模板的样式文件通常位于 /public/static/您的模板名/css/ 目录下。您可以在 style.css 或其他相关CSS文件中添加样式规则。

  4. 保存并更新缓存： 修改模板文件后，务必保存更改。然后，回到安企CMS后台，点击左侧菜单底部的“更新缓存”，清理系统缓存，以确保您的修改能够立即生效。

通过以上步骤，您就成功地在安企CMS中添加并显示了一个页脚导航菜单。这个导航不仅能提升网站的用户体验，也能为您的网站SEO提供结构上的帮助。

常见问题解答 (FAQ)

1. 我在后台设置了页脚导航，但前台页面没有显示出来，这是什么原因？

有几个可能的原因导致这种情况。首先，请确保您在修改模板文件后已经点击了安企CMS后台的“更新缓存”按钮。其次，检查您是否正确地在模板文件中使用了 navList 标签，并且 typeId 参数是否与您在后台创建的“页脚导航”类别的实际ID相匹配。最后，检查您的页脚模板文件（如 bash.html 或 partial/footer.html）是否被正确引入到所有需要显示页脚的页面模板中。

2. 我想在页脚显示多个不同的导航菜单，例如“产品类别”和“公司信息”两个独立的导航区域，安企CMS是否支持？

是的，安企CMS完全支持您的需求。您只需在后台的“导航设置”中，通过“新增导航类别”功能，分别为“产品类别”和“公司信息”创建两个独立的导航类别。例如，您可以创建“页脚产品导航”和“页脚公司信息”。然后，在模板文件中，使用两个独立的 navList 标签，并分别指定它们对应的 typeId 来调用显示即可。

3. 页脚导航中的链接样式看起来不太美观，我该如何修改它的外观？

页脚导航的样式由您网站的CSS文件控制。通常，您可以在当前模板主题文件夹下的 /public/static/您的模板名/css/ 目录中找到 style.css 或其他样式文件。您可以通过添加或修改CSS规则来调整链接的字体、颜色、大小、间距以及布局等。例如，在上述模板代码中，我们为页脚导航添加了 footer-nav 类，您可以在CSS文件中针对 .footer-nav ul li a 等选择器编写样式。