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

官方系列教材 - F计划

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

1,本节目标


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

2,明确目标


 2.1 对照目标网站

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

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

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

2.2 如何来做

在joomla中如果你想在前台输出内容,只能有两种方式——一个是组件输出,一个是模块位置。(还记得前面提到的模板与页面的关系吗?)为了将菜单项显示在前台,我们必须将菜单的内容进行打包(这里的打包专业术语为创建模块),然后才能放到模板对应的位置。像底部这个链接模块,在Joomla中一般都是用菜单模块来实现。一般的操作流程如下:

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

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模板会随着课程的进行而不断升级完善

作者: 樱木花道

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

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第4章 重新认识Joomla

第11章 自定义字段

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