作为一名资深的安企CMS网站运营人员,我深知一套清晰、高效的导航系统对于网站的重要性,它不仅直接影响用户体验,更是搜索引擎优化(SEO)不可或缺的一环。在安企CMS中,设置导航链接为一级或二级菜单是一个相对简单但功能强大的操作,能帮助您灵活构建网站的结构。
接下来,我将详细阐述如何在安企CMS中设置和管理导航链接,以实现一级和二级菜单的展示。
理解安企CMS的导航管理
安企CMS的导航设置旨在提供高度的灵活性,让您能够轻松构建适应不同需求的菜单结构。核心在于“导航类别”和“导航链接”这两个概念。导航类别允许您创建多个独立的菜单,例如网站顶部主导航、页脚导航、侧边栏导航等。而导航链接则是构成这些菜单的具体条目,它们之间通过层级关系形成一级和二级菜单。
访问导航设置界面
要开始设置导航,您需要登录安企CMS的后台管理系统。在左侧的导航菜单中,依次点击“后台设置”,然后选择“导航设置”即可进入导航管理界面。在这里,您将看到已经存在的导航类别以及其下的所有导航链接。
管理导航类别:创建多个独立的菜单
安企CMS默认会提供一个“默认导航”类别。如果您需要为网站的不同位置(例如页眉和页脚)设置不同的菜单,您可以在“导航类别管理”部分新增类别。
例如,您可以添加一个名为“页脚导航”的新类别。创建后,这个新类别将作为一个独立的容器,您可以为其添加与顶部主导航完全不同的链接。在网站模板中,通过指定不同的typeId参数,即可调用不同的导航类别。
创建与编辑导航链接:构建一级与二级菜单
在选定的导航类别下,您可以添加新的导航链接或编辑现有链接。每个导航链接都包含多个配置项,其中“上级导航”是决定其层级(一级或二级)的关键。
首先,您需要为导航链接设置一个“显示名称”,这是用户在前台页面看到的文字。如果需要,还可以填写“子标题名称”或“导航描述”,为导航提供更丰富的信息或实现双标题展示。
设置菜单层级是核心操作:
- 创建一级菜单: 如果您希望某个链接显示为网站主菜单中的顶级条目,即一级菜单,那么在“上级导航”选项中,请务必选择“顶级导航”。这意味着它不属于任何其他链接的子菜单。
- 创建二级菜单: 如果您希望某个链接显示为某个一级菜单项的子菜单,即二级菜单,那么在“上级导航”选项中,请从下拉列表中选择对应的一级菜单项。这样,它就会成为您所选一级菜单下的一个子条目。
安企CMS目前原生地支持最多两级导航链接,即一个主菜单项可以带一个下拉子菜单。
选择链接类型:
您还需要为每个导航链接指定其指向的资源类型:
- 内置链接: 这种类型包含网站的“首页链接”以及您定义的各种内容模型(如文章模型、产品模型)的首页。选择后,系统会自动填充对应的链接地址。
- 分类页面链接: 您可以选择网站中已存在的分类或单页面作为导航链接。这非常方便,能够确保链接的准确性和可维护性。
- 外部链接: 提供了最大的灵活性,您可以手动输入任何站内或站外的URL地址。这对于链接到其他网站、特殊页面或自定义功能非常有用。
最后,“显示顺序”字段允许您通过数字大小来调整导航链接在菜单中的排列顺序,数字越小越靠前。
在模板中集成导航:让菜单在前台展示
导航链接在后台配置完成后,还需要通过模板标签将其渲染到网站前台。安企CMS提供了navList标签来完成这项工作。
例如,在一个典型的网站头部模板partial/header.html中,您可以这样使用navList标签来展示您的导航菜单:
{% navList navs %}
<ul>
{%- for item in navs %}
<li class="{% if item.IsCurrent %}active{% endif %}">
<a href="{{ item.Link }}">{{item.Title}}</a>
{%- if item.NavList %} {# 判断是否存在二级菜单 #}
<dl> {# 这里可以使用ul或其他HTML标签来包裹二级菜单 #}
{%- for inner in item.NavList %} {# 循环二级菜单项 #}
<dd class="{% if inner.IsCurrent %}active{% endif %}">
<a href="{{ inner.Link }}">{{inner.Title}}</a>
</dd>
{% endfor %}
</dl>
{% endif %}
</li>
{% endfor %}
</ul>
{% endnavList %}
在上述代码中,{% navList navs %}标签会获取您在后台配置的所有导航链接。外层的for循环遍历一级菜单项,每个item代表一个一级导航链接。{% if item.NavList %}这行代码则会检查当前一级菜单下是否存在子菜单。如果存在,内层的for循环{%- for inner in item.NavList %}会遍历并显示所有二级菜单项。item.IsCurrent可用于判断当前链接是否为用户正在访问的页面,以便添加active样式。
如果您创建了多个导航类别,例如“页脚导航”,您可以通过typeId参数来指定调用,例如{% navList footerNavs with typeId=2 %}(假设页脚导航的ID是2)。
操作要点与**实践
在设置导航时,有几个关键点需要注意:
- 命名清晰: 导航链接的显示名称应该简洁明了,既方便用户理解,也有助于搜索引擎抓取和理解页面内容。
- 层级不宜过深: 尽管安企CMS支持二级菜单,但过深的导航层级会增加用户的认知负担。建议保持简洁,最多两到三级即可。
- 发布后清除缓存: 在安企CMS后台对导航设置进行任何修改后,请务必前往“更新缓存”功能清除系统缓存,以确保前台页面能及时反映最新的变更。同时,您的浏览器也可能存在本地缓存,建议强制刷新页面(通常是Ctrl+F5或Cmd+Shift+R)或清除浏览器缓存。
- 定期检查: 随着网站内容的更新,导航链接可能会失效。建议定期检查所有导航链接的有效性,避免出现死链接,这对于用户体验和SEO都是不利的。
通过以上步骤和**实践,您可以轻松地在安企CMS中创建和管理具有一级和二级层级的导航菜单,为您的网站访客提供直观、高效的浏览体验。
常见问题解答 (FAQ)
如何创建多级(超过两级)的导航菜单? 安企CMS后台管理界面目前原生支持最多两级导航,即一个一级主菜单和其下的一级子菜单。这意味着您不能通过后台界面直接为二级菜单再添加三级子菜单。如果您的业务确实需要更复杂的、超过两级的导航结构,通常需要通过前端模板代码进行更高级的定制,但这已超出了后台的直接配置范围。
我修改了导航链接,但前台页面没有更新,这是为什么? 这通常是由于缓存导致的。在安企CMS后台修改导航配置后,系统可能不会立即更新前台显示。您需要前往后台的“更新缓存”功能清除系统缓存。此外,您的浏览器也可能存储了旧的页面缓存,建议在清除系统缓存后,强制刷新页面(在Windows上按Ctrl+F5,在macOS上按Cmd+Shift+R)或清除浏览器缓存,以确保看到最新变更。
我能否为网站的不同区域(如顶部、底部、侧边栏)设置不同的导航菜单? 是的,安企CMS完全支持这一点。通过“导航类别管理”功能,您可以创建多个独立的导航类别。例如,您可以创建一个“页脚导航”类别和一个“侧边栏导航”类别,并分别为它们添加各自的链接。在网站模板中,通过
navList标签的typeId参数(或通过在后台导航设置中为每个类别分配一个唯一的标识),您可以灵活地调用并显示不同的导航菜单。