网校搭建5:设置首页

网校搭建4做完后,这个网站就算是成功启动了。但是默认的网站空空如也,先稍微加点元素,让网站个性化起来,同时也熟悉一下网站后台的基本操作。

进入后台 myschool.com/admin

Step1:更换Logo。

进入路径:
系统-》配置-》系统
这里可以上传网站的logo。我随手做了一个logo,上传就完事了,会存到网站的storage/images目录下。
下面还有一个白色logo,应该是一个白色线条的透明图,可以按照logo单独绘制一个。我这里就直接用一样的图了。
在这里插入图片描述
设置完后点击保存。去主页再看logo就已经更新了。

Step2:设置主页幻灯片。

就是主页那种占满屏幕那么宽的图片,几张轮播,点击可以跳转。
进入路径:
运营-》幻灯片
点击添加就可以增加了。
参数1:是平台。meEdu支持不同的平台显示不同图片。其他平台先不管,先做pc端的,这里就选pc。
参数2:封面,就是轮播图片。这里图片最宽为1200px,高度固定为400px。图片会横向充满其所在的容器,所以会存在宽度变化的问题,导致图片变形。不过这个问题可以之后依靠自定义css文件来修正,先不用管。
参数3:URL,这个可以填两种,一个是站内,填相对路径就可以,比如public目录下有一个courses目录,这里填courses就可以。之后点击会直接跳转。也可以写外站网址,比如https://baidu.com。点击后就会跳转到外网。
参数4:升序。表明轮播图片的顺序,数字越小,越靠前。
在这里插入图片描述

Step3:设置公告

进入路径:
运营-》公告
点击添加就可以新增了。这里作者用的是tiny富文本编辑器,支持的功能比较丰富,图片文字混编没有问题。可以满足大部分公告需求。

在这里插入图片描述
添加完成后,在主页幻灯片下面会出现一个banner。
值得注意的是,即使设置多个公告,也只会显示最新的一个。

tiny官网:https://www.tiny.cloud/

首页基本就是这样子了,还很简陋,后面肯定还要加东西。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值