在前面我们完成了顶部导航菜单,本节我们将继续向目标网站趋近,完成页脚模块。
1,本节目标
实现页脚模块,并且尝试理解joomla的模块机制
2,明确目标
2.1 对照目标网站
我们目前的网站截图如下:
我们需要完成的任务如图:
完成后,我们的网站底部页脚出现下面的3个模块。
2.2 如何来做
在joomla中如果你想在前台输出内容,只能有两种方式——一个是组件输出,一个是模块位置。(还记得前面提到的模板与页面的关系吗?)为了将菜单项显示在前台,我们必须将菜单的内容进行打包(这里的打包专业术语为创建模块),然后才能放到模板对应的位置。像底部这个链接模块,在Joomla中一般都是用菜单模块来实现。一般的操作流程如下:
- 找到底部位置的名称
- 创建菜单
- 创建菜单模块,并且将模块发布到指定的位置
3, 具体操作
3.1 确认模块位置
在 Joomla模板位置预览 文章中,我们知道ZFree模板在底部一共提供了 bottom1,bottom2,bottom3,bottom4这4个位置。且他们的顺序是从左到右并排的。
3.2 创建菜单
在第上一节中我们是直接修改系统自带的菜单来实现导航栏的。在本节中我们将创建一个新的菜单来实现。
3.2.1 创建菜单
登录后台->菜单管理->菜单管理。点击工具栏新建按钮。如图:
在编辑界面填写基本信息。如图:
填写说明:
- 这里的菜单类型是关键,有两个要求,一个就是这里应该填写字母,不要出现中文。第二个这个菜单类型是不能够重复的,他必须唯一。
- 说明:这个菜单的备注信息
保存后,我们就有了一个菜单了。如图:
3.2.3 创建菜单项
具体的操作再次不在细说。请参考 创建菜单 最后完成的截图如下:
3.2.4 为菜单创建模块,并且将模块发布到位置bottom1
4,菜单模块
菜单模块的功能是在前台显示菜单。这个模块是joomla自带的。创建菜单模块的步骤如下:
1,登录后台,在内容管理->前台模块 。进入模块管理界面
2,点击工具栏的新建,然后找到菜单模块。如图。
在搜索框中搜索关键词菜单,就可以快速的找到菜单显示模块了。如图:
3,点击菜单显示模块进入编辑界面。在这里我们给这个模块取一个名字,叫做产品。然后选择菜单 中选择"产品"(这里说的菜单就是菜单了,不是菜单项),将位置选择为footer1。如图:
5,将菜单发布到合适的位置
- 1,通过查看Zfree模板提供的位置,我们知道footer1是我们需要放置的地方。如何查看模板提供的位置,请参考相应的章节
- 2,将位置设置为bottom1
- 3,将菜单指派设置为在全部的页面如图:
4.2 刷新网站前台,看看效果。截图如下:
4,重复以上操作,分别完成支持,博客,关于等模块
最终的截图如下:
5,温馨提示
如果发现你按照我的操作结果并不一样,那么请注意升级模板。具体的升级方法请参考 小试牛刀 - 升级ZFree模板
说明:ZFree模板会随着课程的进行而不断升级完善
评论 (0)