如何在安企CMS中创建和管理自定义导航类别(如页脚导航)?

作为一位精通安企CMS内容管理系统的网站运营人员,我深知导航系统对于网站用户体验和搜索引擎优化的重要性。一个设计良好、易于管理的导航不仅能引导用户快速找到所需信息,更能帮助搜索引擎理解网站结构,从而提升网站的整体表现。安企CMS提供了强大且灵活的导航设置功能,允许我们根据网站需求创建和管理各类自定义导航,如常见的页脚导航,以满足多样化的内容展示和管理需要。

接下来,我将详细介绍如何在安企CMS中创建和管理自定义导航类别,让您的网站导航更加精准高效。

定制网站导航,从后台设置开始

在安企CMS中,所有的导航设置都集中在后台的“网站导航设置”模块。要创建或管理自定义导航,您需要登录后台管理界面,然后依次点击左侧菜单栏中的“后台设置”选项,接着选择“导航设置”进入相应的管理页面。这里是您构建和调整网站导航的中心枢纽。

创建自定义导航类别,拓展导航区域

安企CMS默认提供了一个“默认导航”类别,通常用于网站的主菜单。然而,在实际运营中,我们经常需要为网站的不同区域(如页脚、侧边栏或特定营销活动页面)设置独立的导航结构。为了实现这一点,您可以在“导航类别管理”部分新增自定义导航类别。

例如,如果您想创建一个页脚导航,只需点击添加新类别按钮,输入“页脚导航”作为类别名称,并保存。这样,一个全新的导航区域就创建完成了,它将独立于主导航,允许您为其配置专属的链接集合。这种灵活性确保了网站内容可以根据不同的功能和布局需求进行组织,大大提升了网站的适应性和用户体验。

配置导航链接,引导用户深入探索

创建了自定义导航类别后,接下来就是为这些类别添加具体的导航链接。在“导航链接设置”区域,您可以为选定的导航类别添加新的链接,并精细控制每个链接的显示方式和行为。

每一条导航链接都具备以下可配置项:

  • 上级导航: 安企CMS支持两级导航链接,这意味着您可以创建包含子菜单的主导航项。通过选择一个已存在的主导航项作为“上级导航”,您可以将当前链接设置为其下方的二级子链接。如果选择“顶级导航”,则表示该链接将作为一级导航显示在最上层。
  • 显示名称: 这是导航链接在前台页面上实际显示的文字。您可以根据需要灵活地更改其名称,即使该链接指向的内容名称与此不完全一致也无妨。
  • 子标题名称: 针对需要显示双标题的导航项,例如同时展示中文和英文标题,您可以在此字段添加副标题内容,用于模板调用以实现这种展示效果。
  • 导航描述: 如果您的导航项需要一段简短的介绍性文字,可以在此输入。这段描述可以在前台模板中调用显示,为用户提供更多上下文信息。
  • 链接类型: 安企CMS提供了三种灵活的链接类型,以适应不同的跳转需求:
    • 内置链接: 包含网站的“首页链接”以及“文章模型首页”、“产品模型首页”等预设的模型页面链接。这些链接是系统自动生成的,方便您快速引用核心功能页面。
    • 分类页面链接: 允许您从网站已有的文章分类、产品分类或单页面中选择作为导航链接。这使得导航能直接指向网站的关键内容聚合页或独立页面。
    • 外部链接: 提供了最大的灵活性,您可以手动输入任何内部或外部的URL地址。这对于链接到合作网站、外部资源或网站的特定子路径非常有用。
  • 显示顺序: 通过设置一个数字来决定导航链接的排序。数字越小,链接在导航列表中显示的位置越靠前。

通过以上配置,您可以构建出层次分明、信息丰富且易于用户理解的导航结构。

在模板中集成自定义导航

配置好后台的导航链接后,下一步就是将这些导航应用到网站的前台页面。安企CMS通过其强大的模板标签系统,使得在模板中调用自定义导航类别变得非常简单。您需要使用的是navList标签。

例如,要在网站的页脚区域显示您刚刚创建的“页脚导航”,您可以在页脚模板文件(通常是partial/footer.html或主模板文件中的页脚部分)中,使用navList标签并指定typeId参数。typeId即为后台导航类别管理中“页脚导航”所对应的ID。如果“页脚导航”的ID是2(具体ID请根据您的实际后台设置为准),代码可能如下所示:

{# 假设页脚导航的 typeId 为 2 #}
<nav class="footer-nav">
    <ul>
    {% navList footerNavs with typeId=2 %}
        {%- for item in footerNavs %}
            <li class="footer-nav-item {% if item.IsCurrent %}active{% endif %}">
                <a href="{{ item.Link }}" title="{{ item.Description }}">{{item.Title}}</a>
                {%- if item.NavList %} {# 如果有二级导航 #}
                <ul class="footer-sub-nav">
                    {%- for inner in item.NavList %}
                        <li class="footer-sub-nav-item {% if inner.IsCurrent %}active{% endif %}">
                            <a href="{{ inner.Link }}" title="{{ inner.Description }}">{{inner.Title}}</a>
                        </li>
                    {% endfor %}
                </ul>
                {% endif %}
            </li>
        {% endfor %}
    {% endnavList %}
    </ul>
</nav>

这段代码会遍历“页脚导航”类别下的所有链接,并根据其层级关系(一级或二级)渲染出相应的HTML结构。通过这种方式,您可以灵活地控制不同导航区域的样式和布局,确保其与网站的整体设计风格保持一致。

优化自定义导航,提升网站价值

有效的自定义导航不仅是网站功能的一部分,更是提升用户体验和搜索引擎友好度的关键。通过精心规划导航结构,您可以确保重要内容获得充分的曝光,用户能够轻松找到所需信息,从而增加他们在网站上的停留时间并促进转化。同时,清晰的导航路径也为搜索引擎蜘蛛提供了明确的抓取指引,有助于提高网站的收录率和排名。安企CMS的自定义导航功能为您提供了实现这些目标的强大工具,让您能够轻松构建一个高效、用户友好的网站。

常见问题解答

Q1:我创建了一个新的导航类别,但在前台页面上没有显示,这是怎么回事?

A1:这通常是因为您还没有将新的导航类别集成到网站的模板文件中。创建导航类别只是在后台定义了它的结构,您还需要在对应的模板文件(例如页脚模板)中使用navList标签,并通过typeId参数指定该导航类别的ID,才能在前台渲染出来。请检查您的模板代码是否已正确添加并指定了typeId

Q2:自定义导航链接的显示顺序可以拖拽调整吗?

A2:根据安企CMS目前的文档,导航链接的显示顺序是通过设置一个数字值来决定的,数字越小越靠前。目前版本可能还不支持直观的拖拽排序功能,您需要手动编辑每个链接的显示顺序数字来调整位置。请关注未来的版本更新,可能会增加更便捷的交互方式。

Q3:我创建的导航链接指向了一个分类页面,但是该分类下的文档在前台导航中没有显示,我该如何让它们显示出来?

A3:导航链接本身只负责显示链接本身,并不会自动展示其下属内容。如果您希望在导航链接下方展开显示该分类下的文档,您需要在模板中对navList标签进行二次处理。例如,在遍历一级或二级导航项时,针对类型为分类页面的链接,您可以使用archiveList标签嵌套调用该分类下的文档列表,以实现更深层次的内容展示。具体的实现方式可以参考文档中的navListarchiveList标签使用示例。