网校Edusoho在线教育系统零主题安装使用说明zero.shop1a.cn

2019-09-06 16:32:55 admin 0

本文链接:http://www.shop1a.cn/news/news98.html

1、Edusoho零主题安装  案例演示地址 zero.shop1a.cn

路径:【管理后台】-【教育云】-【ES应用】-【零主题】-【安装】;

2、主题切换和设置

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】。

 

二、主题配色和模块简介

1、主题设置路径

【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】,可设置主题配色、模块。

2、十种配色选择

响应式网站定制

3、主题模块简介

目前零主题首页有23个模块,模块间可以上下拖动调整顺序。

1.LOGO与搜索栏

2.导航栏

3.轮播图

4.分类挂件

5.广告栏1

6.广告栏2

7.4个小广告

8.免费公开课

9.推荐课程(独有)

10.分类课程一/二/三

11.推荐班级

12.近期直播

13.会员详情

14.推荐老师

15.发展历程(独有)

16.学员分享(独有)

17.小组

18.学员评价

19.学员动态

20.网站数据

21.热门资讯

22.友情链接

23.底部关于我们

24.底部广告挂件


三、模块详细讲解

1.LOGO与搜索栏

响应式网站定制

LOGO:

尺寸:250*50px

上传路径:【管理后台】-【系统】-【站点设置】-【基础信息】-【网校logo】

搜索栏:

“热门课程”和“热门班级”为自定义的搜索标签,网站可以根据情况修改文字和对应的跳转链接,比如活动的时候,把标签改为“免费课程”“双十一活动”,链接至活动页面;

修改路径:【管理后台】-【运营】-【编辑区管理】-【零主题:搜索框快捷标签】,因宽度的原因,至多只能添加两个搜索标签。

响应式网站定制

2.导航栏

响应式网站定制

修改导航:【管理后台】-【系统】-【站点设置】-【顶部导航】

3.轮播图

响应式网站定制

支持5张轮播图,可拖动调整顺序;

图片尺寸:1920*420px,请保证每一张的轮播图图片尺寸都一样;

路径:【管理后台】-【运营】-【编辑区管理】-【零主题:头部banner】

分类挂件开启时,轮播设计内容分布示例图如下,关闭分类时图片采用一般设计即可:

响应式网站定制

响应式网站定制


手机浏览器轮播图:

说明:因为零主题的分类挂件,轮播图在电脑上显示正常,但在手机浏览器中显示时会出现不完整的情况,故我们单独做了一个上传手机浏览器轮播图的功能。

设置步骤:

第一步:到【管理后台】-【运营】-【轻主题】-【首页配置项】中开启【移动端banner图单独上传】;

第二步:到【编辑区管理】-【零主题:移动端头部banner 】中上传图片,尺寸:800*600px,最多支持5张图。

响应式网站定制

4.分类挂件

响应式网站定制

(1)关闭或开启分类挂件

路径:【管理后台】-【运营】-【零主题】-【首页配置项】;

(2)分类提取和显示个数

自动提取【管理后台】-【课程】-【分类管理】中的分类,最多支持显示6个大分类,少于6个下方空白,多于6个的分类不显示;

(3)支持选择显示课程分类或班级分类

路径:【管理后台】-【运营】-【零主题】-【首页配置项】;

(4)支持设置挂件背景是否透明

路径:【管理后台】-【运营】-【零主题】-【首页配置项】;

5/6.   广告栏1/2

响应式网站定制

设置:

2个专门的广告位,可以做活动宣传推广,同时协调页面,做模块过渡;

图片可设置超链接,尺寸:广告栏1  1920*280px ;广告栏2 1920*320px,广告栏2为突出按钮有遮罩效果,按钮不可隐藏。

路径:【管理后台】-【运营】-【编辑区管理】-【零主题·广告栏1/2】

响应式网站定制

响应式网站定制


7.4小广告

模块预览:

响应式网站定制

设置:

实际上应该叫做4个小模块,可以做广告位,也可以放置课程分类或者会员,4个小图可以分别设置跳转链接;

图片尺寸:270*160px

路径:【管理后台】-【运营】-【编辑区管理】-【零主题:4个小广告】

响应式网站定制


8.免费公开课

响应式网站定制

设置:

可自定义模块名称,最多显示9门,选择推荐、最热、最新排序方式。

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】

响应式网站定制


9.推荐课程

响应式网站定制

设置:

A、目前仅一个推荐课程模块;

B、可放置多个分类课程;

C、每个分类仅支持放6门课程,每一门课程都可以自己选择,填写序号即可;

D、每个分类都可以设置一门重点推荐课程(首推课程),显示为左侧大图,图片尺寸:270*412px

路径:【管理后台】-【运营】-【零主题】-【推荐课程】-【编辑】-首推课程图片。

响应式网站定制

响应式网站定制

10.分类课程一/二/三

响应式网站定制

设置:

因只有一个推荐课程模块,可能有些内容多的网站希望显示更多课程,我们做了三个独立的分类课程模块,每一个模块都可以设置标题、显示的分类(仅支持选择一个课程分类)、课程数量、排序方式。

操作步骤:

第一步,到【管理后台】-【课程】-【分类管理】创建课程分类;

第二步,到【管理后台】-【系统】-【站点设置】-【主题】-【零主题 · 管理】,找到课程分类模块,点击编辑,选择要显示的课程分类以及课程的显示顺序:最新(课程创建时间)、最热(课程学员人数)、推荐(【管理后台】-【课程】里的推荐序号)。

响应式网站定制

响应式网站定制


11.推荐班级

响应式网站定制

设置:

可自定义模块名称,最高可显示12门班级。

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】

响应式网站定制


12.近期直播

响应式网站定制

设置:

可自定义模块名称,最多显示9门课程。

响应式网站定制


13.会员详情

响应式网站定制

设置:

勾选会员详情即自动显示网校已经发布的会员等级,目前没有其他的设置项。


14.推荐老师

响应式网站定制

设置:

可自定义模块名称,最多可设置显示8个教师;

注意:仅支持显示推荐教师,请先到【管理后台】-【用户】-【教师管理】中设置推荐教师再勾选显示此模块,否则将没有内容展示。

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】。

响应式网站定制


15.发展历程

响应式网站定制

设置:

最多可设置4个历程,分别有时间、标题、内容一一对应展示;

路径:【管理后台】-【运营】-【编辑区管理】-【零主题:发展历程】。

响应式网站定制

响应式网站定制


16.学员分享

响应式网站定制

设置路径:【管理后台】-【运营】-【编辑区管理】-【零主题:学员分享】。

填写用户ID,可以自动提取用户的头像和头衔;最多可设置3名学员分享。

如何查看用户ID?

路径:【管理后台】-【用户】-【用户管理】中找到用户,点击用户名查看【个人主页】打开的新页面浏览器地址栏显示:域名/user/数字,数字就是用户ID。

响应式网站定制


17.小组

响应式网站定制

设置:

最多可显示12个小组,可选根据人数或者发布时间显示小组顺序。

响应式网站定制


18.学员评价

响应式网站定制

设置:

可自定义模块名称,最多可设置显示10个评价;

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】。

响应式网站定制


19.学员动态

响应式网站定制

设置:

可自定义模块名称,最多可设置显示9个学员动态;

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】。

响应式网站定制

20.网站数据

响应式网站定制

设置:

数字可以自定义,背景图也可以自行上传,图片尺寸:1920*1200px  ;

说明:此图片有遮罩效果,重点在文字,图片只是背景,不用传递信息,尺寸建议100多K左右即可,避免影响网站打开速度,图片越大,网站打开越慢。

路径:【管理后台】-【运营】-【编辑区管理】-【零主题:网站数据】。

响应式网站定制


21.热门资讯

响应式网站定制

可自定义模块名称,最多显示12门资讯;

路径:【管理后台】-【系统】-【站点设置】-【主题】-【零主题】-【管理】。

响应式网站定制

说明:资讯必须要设置缩略图才能保证显示效果,没有缩略图的资讯会变成裂图,缩略图请到【管理后台】-【运营】-【资讯管理】中上传,编辑资讯,上传缩略图。

尺寸:754*424px

响应式网站定制

22.友情链接

响应式网站定制

设置:

路径:【管理后台】-【系统】-【站点设置】-【友情链接】

响应式网站定制

23.底部关于我们

响应式网站定制

设置:

底部链接左侧logo,提取自【管理后台】-【系统】-【站点设置】-【基础信息】的网校logo;

中间可放置8个名称和链接,右侧有微信号和电话的填写;

路径:【管理后台】-【运营】-【编辑区管理】-【零主题:底部关于我们】。

响应式网站定制

24.底部广告插件

响应式网站定制

说明:

底部广告插件为独立插件,可单独购买,购买零主题,默认赠送此插件。

底部广告在页面下滑时才会显示,且固定在底部,可用作网站营销方式。

设置:

图片尺寸:1920*110px

路径:【管理后台】-【运营】-【零主题】-【广告设置】。

响应式网站定制

四、主题开发团队联系方式

售前咨询和售后QQ:2446503032;

需求我们会进行调研,如果适用,会尽快投入开发;bug我们也会尽可能快速的修复;主题我们会一直进行维护,跟随EduSoho的主系统升级~