如何修改moodle_theme主题皮肤.doc

《如何修改moodle_theme主题皮肤.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、.word格式,如何修改moodle——theme主题皮肤 一什么是Theme？Moodle中Theme表示主题风格（页面皮肤），就是利用Theme，管理员可以定义站点的主题风格，课程创建者可以定义课程的主题风格，学习者可以定义自己喜欢的主题风格。特点每个页面都是可以通过CSS进行控制，允许你做非常微小的改动；CSS中使用了简单、易懂的英文类命名；新的模块会自动判断Moodle需要什么样的风格，并且会将其包括在主题风格中；主题皮肤是基于Moodle中标准的theme来开发，标准的theme非常简单但是非常实

2、用。你可以通过在自己开发的主题风格中添加stylesheet来覆盖标准的theme中样式。这就意味着如果升级Moodle后，你的自定义风格仍然可以使用，而不需要做任何改变，因为最新的一些classes将在定义在标准的theme中；Themes也可以基于其他的一些主题风格进行修改。Theme基础（一）Moodle中Theme表示主题风格，就是利用Theme，管理员可以定义站点的主题风格，课程创建者可以定义课程的主题风格，学习者可以定义自己所看到课程的主题风格。1、Moodle中的主题风格目录中有哪些文件？pi

3、x文件夹·包括在moodle主题中要用到的所有图片和图标。·config.php这个文件用于控制CSS如何运行，你可以将自己的Theme整合到标准的Theme中，也可以从其他的父theme中继承那些CSS文件。·docstyle.php（可选）这个文件主要用于设置强制使用一些样式。·favicon.ico这个图标是会出现浏览器的地址之前的小图片。,专业.专注..word格式,·header.html和footer.html这是用于控制moodle顶部和底部的页面文件，其中包括顶部的logo、登录、跳转菜单和

4、底部的moodlelogo等。通过修改这两个页面，可以自己定义logo图片的链接地址和文字。以下是在这两个文件中用到的主要变量：$CFG(所有系统变量对象)$THEME(所有从config.php中获得的当前theme对象)$course(当前课程对象)$meta(所有元标签，包括stylesheets)$home(boolean)$title(页面标题)$heading(headingforthepage)$navigation(导航)$navmenulist(xhtml)$menu(弹出菜单或按钮)st

5、yles.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中浏览的格式。·其他文件其他文件包括图片文件，比如主题截图，帮助页面等。Theme基础（

6、二）·Moodle主题使用CSS来控制Moodle的布局、字体和颜色。这些都是建构在每个theme目录中的styles.php文件基础之上，并且由theme中的config.php控制。·Moodle的theme文件夹中有一个名为"standard"主题风格，它是一个最为简单的主题风格，仅为其他的几个自带的主题提供基本的布局，而其他的几个主题都是从这个“standard”中继承过来。·主要取决于你的目的，是想从standard中继承，还是从parent主题中直接修改。因此你可能会遇到下面的几个风格：1."s

7、tandard"theme-theme/standard/styles.php2."parent"theme-theme/parenttheme/styles.php3."main"theme-theme/yourtheme/styles.php由于CSS有这样一个特性：后面定义的页面风格会覆盖掉以前页面风格，这样使得Moodle主题开发变得更加容易。基于standmoodle-2.JPGardtheme(标准主题风格)的修改  ,专业.专注..word格式,standardtheme中包括了四个CSS主题

8、文件，styles_fonts.css,styles_color.css,styles_layout.css,styles_moz.css。另外有还有其他文件，如图：图二1、微调一(使用"gradients.css"+"standardwhite"的四个CSS文件)如果只是想对一个主题风格进行很小的改动，例如使用不同的颜色或者添加一个logo，在新建立的主题风格"standardwhite"中将包含"standa