上一节我们已经介绍了在Moodle选择主题的方法,但是也说了,随官方版本自带的主题都比较简洁(丑陋),所以很多人都会想着需要借助第三方主题来美化自己的Moodle系统。所以这一节就来介绍一下。
首先要说明,尽管依赖于Moodle的开放性,有比较好HTML、CSS和Javascript基础(前端技术)的用户完全可以自由创意来设计主题,但在这一节我们不会涉及这一点,我们使用的是现成的主题。
那么Moodle的主题可以在哪里去找呢?其实在Moodle官网上就提供了大量的主题,在Moodle的架构中,主题连同版块、插件都是作为原始系统的扩展,所以你可以在Moodle首页下方的“扩展Moodle”(Extend Moodle)部分去查找“主题”(Themes)的列表链接,或者你也可以直接单击打开此网页:https://moodle.org/plugins/browse.php?list=category&id=3 。
我们知道Moodle在过去的几年间版本迭代非常的迅速(我印象中在1990年代到2013年的十几间,版本是缓慢地爬到了1.9版本,但在最近的几年间,却是非常迅速从2.1、2.2一直更新到了3.3),因为不同版本之间的主题接口有些差异,所以在打开的主题列表中我建议你首先在右上角的版本下拉框中选择你在使用的版本(如图所示),以免以后下载安装了出现不兼容的现象。
接下去你要做的就是翻牌了,反正你觉得哪个主题看上去还不错就去将它下载下来就可以了。这个操作大家都比较熟悉了我就不再做更多的介绍,在本教程中为了配合演出我下载了两个主题,分别是adaptable和academi,前者配色明快,后者首页看上去有国外大学的气质。
在下载完主题之后,接下去要做的就是安装主题了,下载得的是zip压缩,所以你需要将它解压,将某个主题解压之后你应该会得到一个与它的名称一致的文件夹。接下去你要做的就是将这个主题文件夹,复制到Moodle安装目录下的theme文件夹中(在我们这个系列里是wampdir/www/moodle/theme),考虑到以后大家也要从事维护工作,所以在此也将这个目录下的文件结构做一个说明。
上图是我复制了两个主题文件夹之后theme目录中的文件夹结构,为了清晰起见,做了标记,带红框的这些指代的是Moodle中的主题目录,其他的包括一个boostrapbase文件夹和一堆文件,是Moodle主题运行必须要有的基础文件。这其实也就是在说,以后你要删除主题的时候,记得不要多删除文件(至于为什么有bootstrapbase这个文件夹,是因为新版的Moodle在界面上引用了Bootstrap这个前端库)。
在复制完主题文件之后,还需要进行一个操作,就是以管理员身份登录后点“网站管理”/“通告”,此时系统会自动检测新的文件变动,因为一些主题还需要涉及到更新Moodle数据库等操作,你需要在这里来点击确认,才可以完成主题的安装(后面我们提到其它扩展的安装时,也需要执行这一操作)。
对于有些主题,因为提供了一些额外的显示设置,所以在更新完之后会有一个设置页面,让你来进行扩展属性的设置,这些扩展属性通常包括Logo、首页轮播图片与文字等等,比如我们安装的Academi就有这样的一个设置。
至此主题就安装完成了,然后在“网站管理”中的主题选择页面,你也将看到新的主题已经在设置页面中出现了,如果相关的主题有扩展设置的话,也将在这个页面列出设置的链接页,如图所示。
在这里我也放一个站点设置为新添加的“Adaptable”主题时的显示效果图,毕竟折腾这么久,总要出点变化内心上才会舒服一点。