实战Joomla从0搭建企业站 Joomla4版

官方系列教材 - F计划

本节中我们就来创建出演示网站中的导航。

1,本节目标


创建菜单

2,目标导航


在demo网站上的导航截图如下:

我们看到其一级导航(子菜单暂不讨论)有 首页 、产品、支持、博客、关于,这几项。下面我们将一步步的在网站上加上这些。

3,修改菜单


系统在安装完成后自动就会有一个主菜单,并且这个菜单只有一个菜单项(Home)。那么第一步,我们就将这个Home菜单修改为首页。操作如下:

3.1 点击记录列表的Home的标题。或者选中Home菜单前面的选择框,然后点击编辑。

3.2 进入菜单项的编辑界面。如图:

在这个界面中,修改菜单的名称非常的简单,直接将菜单的标题改为主页,点击保存即可完成修改。重点我们要看看图中标注的部分

  • 菜单项类型 :这个参数主要控制模板的组件输出部分(如果不清楚组件输出部分是什么请自行复习)的内容。通过更改这个参数,可以让你的页面的组件输出部分展示各种内容。
  • 菜单位置:本菜单项所属的菜单。上一节中我们说到,菜单项必须属于某一个菜单,就是这个地方来设置其所属的菜单了。
  • 上级项目:这个是用来实现二级菜单的,该菜单的上级菜单是谁。值得一提的是joomla支持无限层级菜单,很酷吧!
  • 别名:别名的作用就是控制网页的URL。一个好的建议就是始终保持这个别名有意义,如用菜单标题的英文,菜单标题的拼音等等。

3.3 点击保存并关闭后,我们看看列表页面,就会看到效果了。如图:

 4,创建新菜单项


4.1 点击工具栏的新建按钮,进入编辑界面,然后我们将菜单的标题填写为“产品”。将菜单项目类型设置为系统连接->外部链接。如图:

说明:系统连接-> 外部网址 这种菜单项类型的功能是:当用户点击该菜单项后,会跳转到一个指定的链接。

4.2 输入需要跳转的链接。如:http://www.joomlachina.cn .然后点击保存,如图:

4.3 在菜单项列表界面截图如下:

这样我们就顺利的增加了产品这个菜单项了。然后,重复上面的步骤,以此增加菜单。最终的截图如下:

在下一节我们将介绍如何在前台显示这个菜单。 

作者: 樱木花道

Joomla程序员,从J1.5到J4.x始终都在做Joomla相关开发定制工作,有超过10年行业经验,国内Joomla扩展开发商ZMAX团队的核心成员

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第4章 重新认识Joomla

第11章 自定义字段

第18章 实现支持栏目 - 资源下载页面