教程栏目

joomla中文网出品的官方教程

在这一节中我们将进一步的完成博客页面,为其添加一些辅助的模块,使得其和目标网站更加的相近

1,本节目标


了解菜单与模块的关系,学会如何给页面的指定位置分配模块

2,对比目标网站


在完成了菜单项类型后,再来对比一下我们网站目前的博客栏目和目标网站的博客页面的区别

我们的网站博客栏目的截图:

目标网站博客栏目的截图:

通过上图的对比,我们能够发现,目前我们的网站已经和目标网站在布局上非常的接近了,只不过还少了一些小的部分。如图:

3,为页面分配模块


在前面的章节中我们知道 Joomla的页面是由很多的模块位置和一个组件输出组成的。如果你不明白,可以参考文章: 深入理解模板与页面 。通过对菜单项的设置,我们已经在组件输出中输出了文章列表。剩下的部分那就是模块了。

完成次级导航模块(上面的红框中出现的部分)

上面的这个博客部分实际上是由菜单模块产生的,它主要显示当前菜单和他的下级菜单。要实现这个功能,系统自带的菜单模块就可以完成。我们只需要在这个地方放置一个菜单模块即可。虽然在前面我们已经学习了如何将菜单模块发布到前台,在这里我们再来总结一下:

1,确定该模块的位置。 通过预览模块的位置,我们知道需要将模块放置的位置是 masthead 这个位置。

不清楚如何预览模块位置的,请参考文章:Joomla模板位置预览

2,在模块管理中新建一个模块 。在扩展 -> 模块管理中进入模块列表,点击新建。如图:

3,在新建模块界面,将模块的类型选择为 菜单。如图:

4,设置菜单模块的参数。具体的设置截图如下:

关于菜单模块的设置说明

  • 图标1:为了便于我们以后的管理维护,我们给该模块取了一个名字,叫做“当前菜单”
  • 图标2:将选择菜单选择为主菜单。因为我们想显示主菜单的二级菜单。
  • 图标3:将基准条目设置为“当前”,这个非常的重要。
  • 图标4:将开始层级设置为“2”
  • 图标5:将结束层级设置为 全部
  • 图标6:将显示子菜单项设置为是
  • 图标7:将显示标题设置为否。我们不需要显示标题
  • 图标8:将模块位置设置为masthead.  这个非常重要
  • 图标9:将状态设置为发布,否则不会出现在前台的

 为了让模块显示出来,我们还需要 在菜单指派选项卡中将模块指派 设置为 在“全部的页面上”,如图:

另外,由于默认的菜单样式并不能满足我们的要求,我们在zfree模板中为其增加了另外的一个布局。你需要在高级选项中将替代布局设置为current.如图:

 4  见证奇迹的时刻


做完了这些,下一步就是见证奇迹了时刻了。保存后,在前台刷新一下,看看效果。截图如下:

作者: 樱木花道

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

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第4章 重新认识Joomla

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

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