在实际中我们经常看到二级菜单(二级导航),在本节中我们将看看该如何在joomla中实现。

1,本节目标


了解joomla中的二级菜单机制

2,理论基础


  •  Joomla的核心的菜单管理已经支持了二级菜单,并且还可以支持无限层级(3级,4级,5级等等)
  •  在Joomla中设置二级菜单非常的简单,只需要一个设置参数即可。
  •  Joomla的二级菜单是树状结构,有点类似于文件夹。

3, 具体操作


3.1  二级菜单的实际效果

在目标网站中的主导航栏就是一个典型的二级菜单的结构。

前台效果如下:

Joomla二级菜单展示效果.png

后台的结构如下:

Joomla后台二级菜单结构.png

通过上图的对比,我们发现joomla的菜单设计是十分的人性化的,非常的直观。

3.2 后台实现

下面我们将演示如何在自己的网站上实现二级菜单。

3.2.1 我们现有的菜单,以及目标

经过了前几节的学习,我们现有的菜单截图如下。joomla菜单列表.png

我们的目标就是给产品,支持,博客,关于等菜单加上二级菜单

整个的操作流程和新建菜单项一样。登录后台->菜单—>菜单项目  .点击工具栏的新建。在此不详细说明。如果还不清楚,那么请参考文章:创建菜单

要实现二级菜单,在创建菜单项的过程中,有一个参数需要注意——上级项目。 顾名思义,这个参数决定了创建的菜单属于哪一个父菜单。比如,智能手表菜单 属于产品这个菜单下面的子菜单。如图:

Joomla设置二级菜单.png

保存后,在后台就会看到层级效果了。最后的效果截图如下:

 Joomla后台二级菜单结构.png

这样理论上我们就完成了二级菜单的数据层的构建了。通过这个方案,你可以实现任意多级菜单。

用户评分: 4 / 5

活动星星活动星星活动星星活动星星不活动星星
 

评论 (6)