如何修改moodle——theme主题皮肤.pdfVIP

如何修改 moodle ——theme 主题皮肤 一 什么是 Theme ？ Moodle 中 Theme 表示主题风格〔页面皮肤〕，就是利用 Theme ，管理员可以定义站点的主题风格，课程 创建者可以定义课程的主题风格，学习者可以定义自己喜欢的主题风格。 特点 每个页面都是可以通过 CSS 进行控制，允许你做非常微小的改动； CSS 中使用了简单、易懂的英文类命名； 新的模块会自动判断 Moodle 需要什么样的风格，并且会将其包括在主题风格中； 主题皮肤是基于 Moodle 中标准的 theme 来开发，标准的 theme 非常简单但是非常实用。你可以通过在自 己开发的主题风格中添加 stylesheet 来覆盖标准的 theme 中样式。这就意味着如果升级 Moodle 后，你的 自定义风格仍然可以使用，而不需要做任何改变，因为最新的一些 classes 将在定义在标准的 theme 中； Themes 也可以基于其他的一些主题风格进行修改。 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 、登录、跳转菜单和底部的 moodle logo 等。通过修改这两个页面，可以自己定义 logo 图片 的链接地址和文字。 以下是在这两个文件中用到的主要变量： $CFG (所有系统变量对象 )$THEME ( 所有从 config.php 中获得的当前 theme 对象 )$course ( 当前 课程对象 )$meta ( 所有元标签，包括 stylesheets)$home (boolean)$title ( 页面标题 )$heading (heading for the page)$navigation ( 导航 )$navmenulist (xhtml)$menu ( 弹出菜单或按钮 ) styles.php 该文件主要被 header.html 调用，一般不要修改。 ? styles_layout.css styles_fonts.css styles_color.css 其中 styles_layout.css 用于设置页面布局， styles_fonts.css 用于设置字体大小， styles_color.css 用于设置 颜色， styles_moz.css 主要用于设置在 Firefox 或者 Mozilla 中浏 览的格式。 ? 其他文件 其他文件包括图片文件，比方主题截图，帮助页面等。 Theme 基础〔二〕 ? Moodle 主题使用 CSS 来控制 Moodle 的布局、 字体和颜色。 这些都是建构在每个 theme 目录中的 styles.php 文件基础之上，并且由 theme 中的 config.php