在前面我们完成了顶部导航菜单,本节我们将继续向目标网站趋近,完成页脚模块。
1,本节目标
实现页脚模块,并且尝试理解joomla的模块机制
2,明确目标
2.1 对照目标网站
我们目前的网站截图如下:
我们需要完成的任务如图:
完成后,我们的网站底部页脚出现下面的4个模块。
2.2 如何来做
像底部这个链接模块,在Joomla中一般都是用菜单模块来实现。明确了这一点,我们剩下的事情就和这篇文章 在前台显示菜单 的操作方法一样了。我们再此在复习一次操作流程。
- 找到底部位置的名称
- 创建菜单
- 创建菜单模块,并且将模块发布到指定的位置
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模板会随着课程的进行而不断升级完善
评论 (0)