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

官方系列教材 - F计划

    本节我们将掌握一种十分重要的技能——寻找更好的模块。笔者认为这应该是一种思维方式的转变,如果一个扩展不能满足我的要求,那么寻找其他的。

1,本节目标


实现和目标网站一样的主导航。熟悉使用应用市场来快速找到需要的扩展。

2, 明确问题


2.1  遇到了问题

在上一节中我们在主菜单上增加了二级菜单。现在来看看前台的效果:(截图如下)

原先我们还能够排成一排的菜单现在全乱掉了。为什么会出现这个问题呢?

我们从代码层来说明这个问题。程序员有一句不朽的名言——代码不会说谎。这句话的言外之意是,界面显示的结果是你的代码执行的结果,如果结果不对,那么需要检查你的代码是否写错了。将这句话应用到上面的例子,说明我们的主导航的代码有问题(或者说,我们的主导航代码执行的结果并不是我想要的),我们希望得到的结果是下面这种整齐干净的导航:

 3.2 解决问题

程序员针对上面的问题有两个解决方案,一种是修改代码,使之符合我们的要求。另外一种就是如果别人已经有写好的,且按照一定标准封装好的,并且我熟悉这种标准,那么直接拿来用,这就最爽了。

对于非程序员,解决方案只能是后者,就是最爽的那种,去找一段能够满足我们要求的代码,翻译成joomla的术语就是,这个模块不能实现我要的要求,需要去找一个能够满足我们要求的模块。这也就是今天我们要说的基于joomla的解决问题的方案。借助于joomla的高度灵活性,基本上你可以在不修改核心的前提下实现你的任何要求,并且jooomla在国外运行已超过10年,在这10年间积累了大量的插件(据不完全统计目前官方收录的扩展超过8000+),也就是说基本上你不用写任何的代码就可以实现你想要的效果。

3.3 请问你能简单的告诉我为什么导航显示不能和演示网站一样吗?

答:我们在做导航的时候,选择的模块是系统自带的菜单模块(参考:在前台显示菜单),由于系统的菜单模块并不适合我现在使用的模板,因此出现了混乱。我现在需要解决这个问题,解决的方案就是寻找一个可以正常显示的菜单模块。

3, 寻找扩展


在使用Joomla的过程中,我们经常会听到扩展或者插件。Joomla系统本质上我们可以将其理解为Windows,扩展和插件就相当于window系统上运行的软件。在使用windows的过程中,其实我们很大程度上是在使用应用软件,比如看电影的QQ影音,下载的迅雷,聊天的QQ,办公的Office。由此可见应用软件的重要性,同样的,joomla中的扩展也是如此,在今后我们更多的时间可能会花在学习使用某一个具体的扩展上面。

那么问题来了,对于一个joomla用户,特别对于一个新手,在哪里找Joomla的扩展,该怎么知道哪一个扩展是我需要的这是两个必须得解决的问题。关于此问题请参考文章:扩展库

4,应用市场安装扩展 


在目标网站中使用的菜单模块为  GRUEMENU模块。这个模块已经上传到了应用市场。安装该扩展的方法非常的简单:

1,在应用市场中搜索关键词“menu”,找到我们需要的模块。如图:

2,点击安装,进入该扩展的详情界面。然后点击安装,系统就会自动执行安装程序。如图:

3,安装完成,进入点击进入配置。即可进入扩展配置界面。

至此我们已经成功的安装了GRUEMEGA多级菜单这个模块了。

4,由于应用市场的bug,该扩展的中文语言包并没有和扩展进行关联,大家需要前往 应用市场的 中文语言包 栏目中,找到 MOD_GRUEMENU中文语言包,然后进行安装。即可完成该模块的汉化。

关于应用市场的相关说明请参考:应用市场 - Joomla中文扩展库

5,使用新的菜单模块替换掉旧的菜单模块


5.1 配置新的菜单模块。

点击进入管理后,你将会看到新的菜单模块的设置界面,如图:

上图中是新的菜单的配置界面,对于几个重要的参数下面做一下说明:

  • 标注1:这个参数决定了需要在前台展示的菜单是哪一个菜单。和系统的菜单模块一样。更多信息请参考:在前台显示菜单
  • 标注2:该模块的将在前台显示的位置,我们特别指出该位置需要为head-menu. 为什么是head-menu而不是其他,如果你不清楚,请参考前面的章节
  • 标注3:该模块的状态,只有发布了的模块才能在前台显示,未发布的是不会在前台显示的。

另外,你还需要进入菜单指派选项卡,设置模块指派在全部的页面,如图:

 

为了能够是该模块在ZFree模板上有良好的表现,我们需要对菜单的背景色和字体的大小进行一些调整。最终的调整设置截图如下:

然后保存,刷新前台看看效果。如图:

5.2  关闭旧的菜单模块

现在我们看到网站上出现了两个菜单模块。那么下一步,我们只需要将原先的菜单模块关掉即可。具体的操作如下:

 在扩展 ->模块管理中,点击搜索工具,在选择位置种输入 head-menu.及列车了所有处在head-menu这个位置种的模块,我们看到如下结果:

点击前面的打钩,关闭Main Menu模块,然后在前台就会看到我们需要的菜单效果了,最终的截图如下:

6,温馨提示


如果按照上述操作后并没有出现和上图中的截图,那么请注意升级zfree模板。目前最新的模板为v0.0.6-2018-05-05_for_j3x版本。 

 

温馨提示:

-----------------------以下内容已经过时,大家可以不用观看。保留的目的是给已经按照下面的方法实现的朋友留一个依据,以便更新----------------------------------

2018-10-9日更新


 

4,应用市场安装扩展 


在目标网站中使用的菜单模块为 MEGA多级菜单-DJ-MEGAMENU模块。这个模块已经上传到了应用市场。安装该扩展的方法非常的简单:

1,在应用市场中搜索关键词“menu”,找到我们需要的模块。如图:

2,点击安装,进入该扩展的详情界面。然后点击安装,系统就会自动执行安装程序。如图:

3,安装完成,进入点击进入配置。即可进入扩展配置界面。

至此我们已经成功的安装了MEGA多级菜单这个模块了。

关于应用市场的相关说明请参考:应用市场 - Joomla中文扩展库

5,使用新的菜单模块替换掉旧的菜单模块


5.1 配置新的菜单模块。

点击进入管理后,你将会看到新的菜单模块的设置界面,如图:

上图中即使新的菜单的配置界面,由于时间关系,我们并没有制作中文语言包,因此,你看到的是英文的界面。对于几个重要的参数下面做一下说明:

  • 标注1:这个参数决定了需要在前台展示的菜单是哪一个菜单。和系统的菜单模块一样。更多信息请参考:在前台显示菜单
  • 标注2:该模块的将在前台显示的位置,我们特别指出该位置需要为head-menu. 为什么是head-menu而不是其他,如果你不清楚,请参考前面的章节
  • 标注3:该模块的状态,只有发布了的模块才能在前台显示,未发布的是不会在前台显示的。

另外,你还需要进入菜单指派选项卡,设置模块指派在全部的页面,如图:

其他的参数保持默认即可。当然,为了方便,我们也可以修改一下标题,这个到无关紧要。然后我们保存,刷新前台看看效果。如图:

5.2  关闭旧的菜单模块

现在我们看到网站上出现了两个菜单模块。那么下一步,我们只需要将原先的菜单模块关掉即可。具体的操作如下:

 在扩展 ->模块管理中,点击搜索工具,在选择位置种输入 head-menu.及列车了所有处在head-menu这个位置种的模块,我们看到如下结果:

点击前面的打钩,关闭Main Menu模块,然后在前台就会看到我们需要的菜单效果了,最终的截图如下:

6,温馨提示


如果按照上述操作后并没有出现和上图中的截图,那么请注意升级zfree模板。目前最新的模板为v0.0.6-2018-05-05_for_j3x版本。 

作者: 樱木花道

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

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第1章 Joomla入门教程

第3章 C计划

第5章 E计划

第6章 H计划

第7章 G计划

第9章 运行环境

第11章 主从与集群

第12章 模块开发

第13章 插件开发

第14章 j2.x组件开发教程

第15章 页面定制教程

第16章 页面构造器

第17章 joomla升级

第18章 其他系统迁移

第19章 流量翻倍计划