- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
如何修改 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_moz.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 控制。
Moodle 的theme 文件夹中有一个名为standard 主题风格,它是一个最为简单的主题风格,仅
为其他的几个自带的主题提供基本的布局,而其他的几个主题都是从这个“standard” 中继承过来。
主要取决于你的目的,是想从 standard 中继承,还是从 parent 主题中直接修改。因此你可能会
遇到下面的几个风格:
1. standard theme - theme/standard/styles.php
2
原创力文档


文档评论(0)