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

1,本节目标


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

2, 明确问题


2.1  遇到了问题

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

二级菜单前台效果截图.png

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

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

正常的导航菜单.png

 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”,找到我们需要的模块。如图:

应用市场安装菜单.png

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

应用市场正在安装扩展.png

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

应用市场进入扩展管理界面.png

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

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

gruemenu中文语言包.png

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

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


5.1 配置新的菜单模块。

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

Joomla多级菜单模块的设置.png

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

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

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

Joomla设置菜单发布到所有的界面.png

 

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

Joomla菜单项的细节设置.png

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

新旧菜单模块对比.png

5.2  关闭旧的菜单模块

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

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

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

菜单模块最终效果截图.png

6,温馨提示


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

 

温馨提示:

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

2018-10-9日更新


 

4,应用市场安装扩展 


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

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

应用市场搜索扩展.png

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

应用市场安装扩展.png

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

应用市场配置按钮.png

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

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

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


5.1 配置新的菜单模块。

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

新的菜单的设置截图.png

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

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

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

模块与菜单的关系.png

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

新旧菜单模块对比.png

5.2  关闭旧的菜单模块

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

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

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

菜单模块最终效果截图.png

6,温馨提示


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

用户评分: 0 / 5

不活动星星不活动星星不活动星星不活动星星不活动星星