官方系列教材 - B计划

实战Joomla从0搭建企业站

目标网站的关于我们这个菜单项的实现是通过单篇文章这种菜单项类型来实现的,这个菜单项类型允许我们在前台显示一篇指定的文章。这是Joomla实现页面的一种主要的方法,大家都应该掌握

1,本节目标


学习单篇文章这种菜单项类型,了解到一些常用页面的制作。

2,新建文章(如果已经有了关于我们这篇文章可以跳过)


进入文章管理中,新建一篇文章,具体如何操作就不细说了。在这里来说一下如何向文章中插入图片。Joomla编辑器插入图片的步骤:

1,点击编辑器上的图片按钮,

2,系统会弹出一个图片选择框。 你可选择已经存在的图片,如图:

选择完成后,直接点击插入按钮,就可以将图片插入到文章中了。

3,在选择框的下面也有一个上传按钮,你可以上传你本地的图片到媒体库中。如图:

然后重复步骤2,可以将上传的图片插入到文章中。

这样你就有了一个图片并茂的文章了。如图:

至此,关于我们这篇文章已经有了。

3,显示文章


如何在前台显示文章,在 显示文章 这篇文章中已经详细的说明了。在这里回顾一下:

  • 编辑关于我们这个菜单项,将其菜单项类型选择为 单个文章
  • 在选择文章的选项中,将其设置为我们刚刚新建的关于我们这篇文章。

最终的截图如下:

4,调整页面的模块分配


按照上面的操作后,我们查看前台效果,发现文章是显示出来了,但是,这个显示的效果和我们目标网站的效果还是差别挺大的。具体截图如下:

通过两张图片的对比分析,可以发现我们目前的网站和目标网站有如下3个地方的不同:

  • 1, 多显示了标题,日期,点击数这些信息
  • 2,多显示了社交分享这些信息
  • 3,多显示了右侧的侧边栏

针对这3种情况,需要通过如下的方法解决:

1,多显示了标题,日期,点击数。

这个我们可以在菜单项参数中进行调整。具体就不截图了,大家自己依据需要调整即可

2,多显示了社交分享这些信息

前往扩展 -> 插件管理 -> 搜索“分享”关键词,将ZMAX分享插件禁用即可。如图:

3,对于多显示了右边栏的侧边栏

这个就和菜单项的模块分配有关系了,我们可以在模块管理中,找到右边的3个模块,设置其不在“关于我们”菜单项显示,也可以在针对菜单项目的模块指派选项卡中查看当前的菜单项的模块分配情况,并且做出调整。如图:

我们可以看到位于sidebar-right1 的3个模块 被设置为显示在全部的页面上,因此,在关于我们这个页面就展示出来了。这不是我们需要的效果。需要对其进行一下调整。

点击需要调整模块的标题,进入模块的编辑界面,将模块指派设置为 “只在选择的页面上”,然后我们分别勾选 该模块需要出现的页面,这样就完成了模块的分配了。搜索模块截图如图:

然后,我们依次设置为您推荐,更多文章模块。保存后即可看到我们想要的页面了。 

5,一个小的彩蛋


按照上面的操作,你可以看到我们的网站已经非常接近目标网站了,但是他们的背景色是灰色的,而目标网站的背景色是白色的。关于这个问题的解决,大家可以在社区中发帖讨论一下。

 

作者: 樱木花道

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

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第4章 重新认识Joomla

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

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