open edx个性定制 lms前端页面定制

1.更换logo文件

1.1更换原logo资源

我用的是xshell连接的Ubuntu服务器,可以使用lrzsz代替ftp上传和下载文件。

sudo apt-get install lrzsz #安装lrzsz
cd ~ #回到用户目录下,其他目录会提示权限不够

把新的logo图标拖到xhell界面里,正常情况下会提示传输完毕。现在ls 一下就能查看到logo.png文件。

cd /edx/app/edxapp/edx-platform/lms/static/images/default-theme #进入logo图标所在位置
sudo rm logo.png #删除原logo文件
sudo cp ~/logo.png . #将logo文件移动到当前目录</code>

此时我们查看首页还是原来的logo,需要更新一下lms静态文件:

sudo -H -u edxapp bash
source /edx/app/edxapp/edxapp_env
cd /edx/app/edxapp/edx-platform
paver update_assets lms --settings=aws

退出edxapp账户并重启edxapp:

exit
sudo /edx/bin/supervisorctl restart edxapp:

再次查看网站时就会发现logo已被换掉

更改html路径

lms顶部的html代码在 /edx/app/edxapp/edx-platform/lms/templates/navigation.html
将logo.png上传到用户目录下

cd /edx/app/edxapp/edx-platform/lms/static/images
sudo mv ~/logo . #将logo图标移动到当前文件夹
cd /edx/app/edxapp/edx-platform/lms/templates
sudo cp navigation.html navigation.html.bak #改前先备份,这是一个良好的习惯~
sudo vi navigation.html

找到:
<img src="${static.url(branding.get_logo_url())}"alt="${platform_name()}"/>这行代码(tips:vi编辑器键入 /内容 可以查找要查找的内容)

将其修改成:

<img src="/static/images/default-theme/logo.png" alt="${platform_name()}"/>

更新lms静态文件并重启edxapp后也能成功修改logo

2.删除lms底部open edX logo和edX版权声明

sudo vi /edx/app/edxapp/edx-platform/lms/templates/footer.html

删除以下内容:

  % if not hide_openedx_link:
 <div class="footer-about-openedx">
 <p>
 <a href="${footer['openedx_link']['url']}">
 <img src="${footer['openedx_link']['image']}" alt="${footer['openedx_link']['title']}" width="140" />
 </a>
 </p>
 </div>
 % endif

 (ps.你也可以把这个logo和链接换成你自己的,不要使用open edx的就行) 

底部logo在:    <img alt="organization logo" src="static/images/default-theme/es-logo-small.png"> 
可更换图片或者修改url文件更换

删除OpenedX-OVA-Cypress is maintained by edustack.org & easiedu.com 保存退出并重启edxapp生效.

3.添加更换lms首页背景图

 sudo vi /edx/app/edxapp/edx-platform/lms/templates/index.html 

 

找到<header>
修改为<header style="background:url('/static/images/default-theme/background.jpg');background-size:cover">
(背景图片放在:/edx/app/edxapp/edx-platform/lms/å/images/default-theme下面) 

 

4.添加查找课程界面背景图

 sudo vi /edx/app/edxapp/edx-platform/lms/templates/courseware/courses.html 

找到<header class=”search”>
修改为:<header class=”search” style=”background:url(‘/static/images/default-theme/background1.jpg’);background-size:cover”>
背景图可以是和首页图片一样也可以是另外一张图

未经允许不得转载:晨飞小窝 » open edx个性定制 lms前端页面定制

赞 (4)

评论 0