moodle界面优化

  修改moodle——theme主题

一：概述：

根据N10-远程教育中心需求规格说明书v0.1进行moodel主题的修改。当前关于页面的修改包括如下内容，相关功能优化后续补齐。

1.登陆页面：

将作为访客、和用户名密码忘记的内容去掉。忘记密码到manager中进行重置。

2.Admin 用户的界面优化(y)

去掉登陆后首页页面底部的moodle标示。

去掉每一页的“Moodle Docs”链接。

3.老师用户的界面优化

去掉登陆后首页页面底部的moodle标示。

去掉每一页的“Moodle Docs”链接。

4.学生用户的界面优化

去掉登陆后首页页面底部的moodle标示。

去掉每一页的“Moodle Docs”链接。

 

二：theme简介

Moodle中Theme表示主题风格，就是利用Theme，管理员可以定义站点的主题风格，课程创建者可以定义课程的主题风格，学习者可以定义自己所看到课程的主题风格。1.moodle-1.9.13版本包theme包下面的相关主题包(这里standard除外，这个包将在下面介绍)包含如下文件：

 

 

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

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

(3).docstyle.php（可选）这个文件主要用于设置强制使用一些样式。moodle-1.9.13版本这个文件在standard下面;

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

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

(6).styles.php该文件主要被header.html调用，一般不要修改。
2. moodle-1.9.13版本standard包简介

        这个包里面包含了整个主题最基本的设置，其他的主题风格可以继承这个主题来达到自己的效果。这个包包含如下文件。

       

（1）.pix文件夹同样是放置moodle主题中用到的图标。

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

 

三.优化实现

1.去掉登录界面的游客登录和忘记密码功能

修改moodle/login/index_form.html删除47-73即删除如下代码：

<?phpif ($CFG->guestloginbutton) {  ?>

      <div class="subcontentguestsub">

        <div class="desc">

          <?phpprint_string("someallowguest") ?>

        </div>

        <form action="index.php"method="post" id="guestlogin">

          <divclass="guestform">

            <input type="hidden"name="username" value="guest" />

            <input type="hidden"name="password" value="guest" />

            <input type="hidden"name="testcookies" value="1" />

            <input type="submit"value="<?php print_string("loginguest") ?>" />

          </div>

        </form>

      </div>

<?php }?>

 

      <div class="subcontentforgotsub">

        <div class="desc">

          <?phpprint_string("forgotten") ?>

        </div>

        <formaction="forgot_password.php" method="post"id="changepassword">

          <divclass="forgotform">

            <input type="hidden"name="sesskey" value="<?php echo sesskey() ?>" />

            <input type="submit"value="<?php print_string("passwordrecovery") ?>"/>

          </div>

        </form>

      </div>

2. 去掉每一页页面底部的moodle标示。去掉每一页的“Moodle Docs”链接。

根据如下路径修改moodle/theme/（自己所使用的主题名字例如：）standardwhite/footer.html 去掉第13行和14行。即删除如下代码：

echo $loggedinas;

echo$homelink;

 

注：其他功能优化和页面优化后续补齐。