官方系列教材 - B计划

实战Joomla从0搭建企业站

在前面我们完成了顶部导航菜单,本节我们将继续向目标网站趋近,完成页脚模块。

1,本节目标


实现页脚模块,并且尝试理解joomla的模块机制

2,明确目标


 2.1 对照目标网站

我们目前的网站截图如下:

我们需要完成的任务如图:

完成后,我们的网站底部页脚出现下面的4个模块。

2.2 如何来做

像底部这个链接模块,在Joomla中一般都是用菜单模块来实现。明确了这一点,我们剩下的事情就和这篇文章 在前台显示菜单 的操作方法一样了。我们再此在复习一次操作流程。

  1. 找到底部位置的名称
  2. 创建菜单
  3. 创建菜单模块,并且将模块发布到指定的位置

3, 具体操作


3.1  确认模块位置

在 Joomla模板位置预览 文章中,我们知道ZFree模板在底部一共提供了 footer1,footer2,footer3,footer4,footer5这5个位置。且他们的顺序是从左到右并排的。

3.2 创建菜单

在第八章中我们是直接修改系统自带的菜单来实现导航栏的。在本节中我们将创建一个新的菜单来实现。

3.2.1 创建菜单

登录后台->菜单管理->菜单管理。点击工具栏新建按钮。如图:

在编辑界面填写基本信息。如图:

填写说明:

  • 这里的菜单类型是关键,有两个要求,一个就是这里应该填写字母,不要出现中文。第二个这个菜单类型是不能够重复的,他必须唯一。
  • 位置:这个参数很有意思,目前大家请务必将其设置为前台。具体意义后来再说。

保存后,我们就有了一个菜单了。如图:

3.2.3 创建菜单项

具体的操作再次不在细说。请参考 创建菜单 最后完成的截图如下:

 3.2.4  为菜单创建模块,并且将模块发布到位置footer1.

具体的操作请参考文章 在前台显示菜单 只不过这次我们需要将选择菜单设置为我们刚刚创建的产品菜单,将位置设置为我们需要发布的footer1位置。如图:

 3.2.5  刷新网站前台,看看效果。截图如下:

 4,重复以上操作,分别完成支持,博客,关于等模块


最终的截图如下:

 5,温馨提示


如果发现你按照我的操作结果并不一样,那么请注意升级模板。具体的升级方法请参考 小试牛刀 - 升级ZFree模板

说明:ZFree模板会随着课程的进行而不断升级完善

作者: 樱木花道

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

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第4章 重新认识Joomla

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

第19章 模板风格 - 让页面与众不同