Theme基础分析和总结.docxVIP

Theme基础

Moodle中Theme表示主题风格，就是利用Theme，管理员可以定义站点的主题风格，课程创建者可以定义课程的主题风格，学习者可以定义自己所看到课程的主题风格。

1、Moodle中的主题风格目录中有哪些文件？

pix文件夹包括在moodle主题中要用到的所有图片和图标。

config.php这个文件用于控制CSS如何运行，你可以将自己的Theme整合到标准的Theme中，也可以从其他的父theme中继承那些CSS文件。

docstyle.php（可选）

这个文件主要用于设置强制使用一些样式。

favicon.ico这个图标是会出现浏览器的地址之前的小图片。

header.html和footer.html这是用于控制moodle顶部和底部的页面文件，其中包括顶部的logo、登录、跳转菜单和底部的moodlelogo等。通过修改这两个页面，可以自己定义logo图片的链接地址和文字。

以下是在这两个文件中用到的主要变量：

$CFG(所有系统变量对象)$THEME(所有从config.php中获得的当前theme对象)$course(当前课程对象)$meta(所有元标签，包括stylesheets)$home(boolean)$title(页面标

题)$heading(headingforthepage)$navigation(导航)$navmenulist(xhtml)$menu(弹出菜单或按钮)

styles.php该文件主要被header.html调用，一般不要修改。

styles_layout.cssstyles_fonts.cssstyles_color.cssstyles_moz.css

其中styles_layout.css用于设置页面布局，styles_fonts.css用于设置字体大小，styles_color.css用于设置颜色，styles_moz.css主要用于设置在Firefox或者Mozilla中浏览的格式。

其他文件

其他文件包括图片文件，比如主题截图，帮助页面等。

Moodle主题使用CSS来控制Moodle的布局、字体和颜色。这些都是建构在每个theme目录中的styles.php文件基础之上，并且由theme中的config.php控制。

Moodle的theme文件夹中有一个名为standard主题风格，它是一个最为简单的主题风格，仅为其他的几个自带的主题提供基本的布局，而其他的几个主题都是从这个“standard”中继承过来。

主要取决于你的目的，是想从standard中继承，还是从parent主题中直接修改。因此你可能会遇到下面的几个风格：

1、standardtheme-theme/standard/styles.php2、parenttheme-theme/parenttheme/styles.php

3、maintheme-theme/yourtheme/styles.php由于CSS有这样一个特性：后面定义的页面风格会覆盖掉以前页面风格，这样使得Moodle主题开发变得更加容易。

基于standardtheme(标准主题风格)的修改standardtheme中包括了四个CSS主题文件，

styles_fonts.css,styles_color.css,styles_layout.css,styles_moz.css。另外有还有其他文件

1、微调一(使用gradients.css+standardwhite的四个CSS文件)

如果只是想对一个主题风格进行很小的改动，例如使用不同的颜色或者添加一个logo，在新建立的主题风格standardwhite中将包含standard主题，然后在一个主题文件夹中定义一个新的CSS文件。

看看这个例子，名字为standardwhite的主题风格是如何建立的。

standardwhite使用config.php来设置合适的选项。其中第一个条目

$THEME-sheets=array(gradients);

定义了一个名为gradients的名称，这个gradients.css文件是额外定义的

CSS文件。同时指定了

$THEME-standardsheets=true;

这表明包含了standard主题风格中的所有风格，而不是基于standard主题风格。

下面是已经完成的standardwhite风格的文件夹。

相比之下这个主题风格文件夹中就少了很多文件，包括少了几个css文件。可以看出，standardwhite不仅使用“standard”中