解锁网站布局新维度:在安企CMS后台轻松创建自定义导航类别
作为一位资深的网站运营专家,我深知一套灵活且高效的内容管理系统对网站成功的重要性。安企CMS(AnQiCMS)以其基于Go语言的高性能架构、模块化设计以及对SEO友好的特性,已成为众多中小企业和内容运营团队的首选。其在内容管理上的强大表现,不仅体现在文章、产品等核心内容的发布与管理,更在于其高度可定制的导航系统,能够帮助我们灵活构建网站结构,提升用户体验和搜索引擎友好度。
今天,我们就来深入探讨如何在AnQiCMS后台创建新的导航类别,比如常见的页脚导航或侧边栏导航,让您的网站布局更具个性化和实用性。
为什么需要自定义导航类别?
在您的网站运营实践中,主导航栏通常承载着网站最核心、最频繁访问的页面。然而,随着网站内容的丰富,您可能需要在页脚展示一些辅助性信息,如“关于我们”、“联系方式”、“隐私政策”等;或在侧边栏放置特定主题的导航,如“热门文章”、“产品分类”等。这些需求如果都挤在主导航中,会显得臃肿且分散用户注意力。通过创建独立的导航类别,您可以:
- 优化信息架构: 将不同功能或主题的链接分组,使网站结构更清晰。
- 提升用户体验: 帮助用户更快找到所需信息,提高网站可用性。
- 改善页面布局: 让主导航保持简洁,同时利用页脚和侧边栏有效利用页面空间。
- 增强SEO效果: 合理的内部链接结构有利于搜索引擎抓取和理解网站内容。
接下来,我们将一步步指导您如何在AnQiCMS后台实现这一目标。
第一步:进入导航设置页面
首先,请您登录AnQiCMS的后台管理界面。在直观易用的左侧菜单栏中,找到并点击“后台设置”选项。展开后,您会看到一系列与网站全局配置相关的子菜单,其中就包括了我们此行目的的“导航设置”。点击进入,您将一目了然地看到网站现有的导航结构,通常会有一个“默认导航”类别。
第二步:创建新的导航类别
在“导航设置”页面,您会发现一个名为“导航类别管理”的区域。这里正是我们定义新导航类型的地方。点击“新增导航类别”按钮,系统会弹出一个窗口,要求您为新的导航类别命名。
举例来说,如果您希望创建一个用于网站底部的导航,可以将其命名为“页脚导航”;如果您计划在文章详情页的侧边栏展示相关链接,则可以命名为“侧边栏导航”。这个名称不仅方便您在后台区分管理,更重要的是,在后续将导航集成到前端模板时,您将通过这个类别来准确调用它。
输入完类别名称后,点击确认,一个新的、空的导航类别就创建成功了。现在,这个新类别会出现在导航类别列表中。
第三步:为新类别添加导航链接
创建好导航类别后,下一步就是为它填充具体的导航链接。在“导航类别管理”列表中找到您刚刚创建的类别(例如“页脚导航”),点击对应的“添加导航链接”按钮。
此时,您将进入“导航链接设置”页面,这里提供了丰富的选项来定义您的导航链接:
- 上级导航: AnQiCMS支持最多两级的导航链接。如果您正在创建的是一个简单的一级导航(例如页脚导航通常就是),请选择“顶级导航”。如果您需要创建二级菜单(例如主导航下的子菜单),则可以选择一个现有的一级导航作为其上级。
- 显示名称: 这是用户在前台页面上会看到的链接文字,例如“关于我们”、“联系我们”。您可以根据实际需求灵活填写。
- 子标题名称与导航描述: 这两个是可选字段,如果您需要导航链接显示双标题(如中英文)或附带一段简短的说明文字,可以在这里填写。
- 链接类型: 这是导航设置的核心,AnQiCMS提供了三种灵活的链接类型:
- 内置链接: 适用于网站的系统级页面,如“首页链接”或特定模型(如文章、产品)的首页。
- 分类页面链接: 让您可以轻松地将已创建的文档分类(如“公司新闻”、“产品展示”)或单页面(如“关于我们”、“服务条款”)设置为导航链接。只需从下拉菜单中选择即可。
- 外部链接: 极大地增加了灵活性,您可以输入任何自定义的URL地址,无论是站内(如某个特定的活动页面)还是站外(如您的社交媒体主页),都可以通过这种方式添加。
- 显示顺序: 通过设置数字来控制导航链接的显示顺序,数字越小,显示越靠前。
您可以根据页脚导航或侧边栏导航的具体需求,重复添加多个链接。例如,为“页脚导航”添加“关于我们”(选择单页面链接)、“公司新闻”(选择文章分类链接)和“GitHub项目”(选择外部链接)。
第四步:将自定义导航集成到网站模板
在后台完成了导航类别的创建和链接配置后,这些导航数据已经准备就绪。然而,它们并不会自动显示在网站前台。您需要通过修改网站模板文件,使用AnQiCMS提供的模板标签来调用这些导航数据。
AnQiCMS的模板使用类似Django模板引擎的标签语法,调用导航列表的标签是navList。这个标签允许您通过typeId参数来指定调用哪个导航类别的数据。
例如,如果您在第二步创建“页脚导航”时,系统分配给它的类别ID是2(或者您在后台“导航类别管理”中查看其ID),那么在您的网站模板(比如template/default/partial/footer.html,或者您自定义的页脚模板文件)中,您可以使用如下方式调用:
{% navList footerNavs with typeId="2" %}
<ul class="footer-nav">
{%- for item in footerNavs %}
<li class="{% if item.IsCurrent %}active{% endif %}">
<a href="{{ item.Link }}">{{item.Title}}</a>
{# 如果有二级导航,可以在这里嵌套循环item.NavList #}
</li>
{% endfor %}
</ul>
{% endnavList %}
在上面的代码中,footerNavs是我们自定义的变量名,用于存储导航列表数据,typeId="2"则精准地告诉AnQiCMS,我们想要调用的是ID为2的那个导航类别(即我们的“页脚导航”)。然后,通过一个简单的for循环,我们就能遍历并显示该类别下的所有导航链接了。
如果您创建的是侧边栏导航,则可以将类似的代码放置在您的侧边栏模板文件(例如template/default/partial/sidebar.html)中,并确保使用正确的typeId来调用您的“侧边栏导航”类别。
总结
通过上述步骤,您已经掌握了在AnQiCMS后台创建并管理自定义导航类别的方法。无论是