在实际中我们经常看到二级菜单(二级导航),在本节中我们将看看该如何在joomla中实现。
1,本节目标
了解joomla中的二级菜单机制
2,理论基础
- Joomla的核心的菜单管理已经支持了二级菜单,并且还可以支持无限层级(3级,4级,5级等等)
- 在Joomla中设置二级菜单非常的简单,只需要一个设置参数即可。
- Joomla的二级菜单是树状结构,有点类似于文件夹。
3, 具体操作
3.1 二级菜单的实际效果
在目标网站中的主导航栏就是一个典型的二级菜单的结构。
前台效果如下:
后台的结构如下:
通过上图的对比,我们发现joomla的菜单设计是十分的人性化的,非常的直观。
3.2 后台实现
下面我们将演示如何在自己的网站上实现二级菜单。
3.2.1 我们现有的菜单,以及目标
经过了前几节的学习,我们现有的菜单截图如下。
我们的目标就是给产品,支持,博客,关于等菜单加上二级菜单
整个的操作流程和新建菜单项一样。登录后台->菜单—>菜单项目 .点击工具栏的新建。在此不详细说明。如果还不清楚,那么请参考文章:创建菜单
要实现二级菜单,在创建菜单项的过程中,有一个参数需要注意——上级项目。 顾名思义,这个参数决定了创建的菜单属于哪一个父菜单。比如,智能手表菜单 属于产品这个菜单下面的子菜单。如图:
保存后,在后台就会看到层级效果了。最后的效果截图如下:
这样理论上我们就完成了二级菜单的数据层的构建了。通过这个方案,你可以实现任意多级菜单。
评论 (0)