🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 发布首页布局 > 微课堂首页排版是相对固定的,从上往下依次是:搜索框、轮播图、课程分类、文章公告、限时折扣广告、名师风采、最新更新课程、课程推荐板块、底部标语。您可以在后台“基本设置~手机端显示~首页模块排序”里调整各个模块的排序和设置状态。 > ![](https://box.kancloud.cn/8ba3aad15b8667a6a34459f73668a7a7_692x429.png) * * * **一、搜索框**:搜索框无需特意设置,如果您需要调整搜索框的位置排序或者隐藏,请在后台“基本设置~手机端显示~首页模块排序”里设置即可。 ![](https://box.kancloud.cn/4d4a2aa45050016f4fac0a8c78c9b53a_650x133.png) * 手机端效果: ![](https://box.kancloud.cn/22101e0f767cd2b20ac8640f35fe2422_417x167.png) * * * **二、轮播图**: * 1、在后台“基本设置~广告位管理”里设置。进入到广告位管理后,点击右侧的“添加新广告”。 ![](https://box.kancloud.cn/5816a5cea89e8179b96a64c17a1a4b7d_944x295.png) * 2、广告位的位置类型选择“首页轮播图”,其他的根据实际填写,然后保存即可。 ![](https://box.kancloud.cn/1cdd13751fda2aad042372c1113da755_880x661.png) * 手机端效果: ![](https://box.kancloud.cn/177b28d60312509d3153c6c591974c9f_423x270.png) * * * **三、课程分类**: * 在后台“课程分类”里添加您自己的分类,如果是一级分类选择“首页显示”,该分类会显示在手机端首页。 ![](https://box.kancloud.cn/f06e317d40ad332fd468485696c4bd73_651x265.png) * 点击一级分类左边的“+”加号,可以显示隐藏的二级分类哦~ ![](https://box.kancloud.cn/2b9a0cd1000211f7711c8ea73bb07f65_404x260.png) * 手机端效果: ![](https://box.kancloud.cn/4f0f8d37bac26a998f5b32aa3242ab5d_421x226.png) * * * **四、文章公告**:在后台“文章公告”里添加文章后,“前台滚动展示”选择显示状态后,该文章会显示在手机端前台。 ![](https://box.kancloud.cn/87e80c5a3ac719da5056b09030452144_660x320.png) * 手机端效果: ![](https://box.kancloud.cn/7b02b07c957f5c278aa8e3c2b96a40d0_417x209.png) * * * **五、限时折扣广告**: * 1、在后台“基本设置~广告位管理”里设置。进入到广告位管理后,点击右侧的“添加新广告”。 ![](https://box.kancloud.cn/5816a5cea89e8179b96a64c17a1a4b7d_944x295.png) * 2、广告位的位置类型选择“首页显示折扣”,其他的根据实际填写,然后保存即可。 ![](https://box.kancloud.cn/82dd8c14b5c1b734beb9623d31b00e14_702x343.png) * 手机端效果: ![](https://box.kancloud.cn/6e1d3bb2d49f1d86f82c5cf26098205d_414x211.png) * * * **六、名师风采**:在后台“讲师管理”里编辑或者添加讲师时,“首页推荐”选择开启推荐后,讲师将显示在手机端首页。注意:后台添加类型的讲师为虚拟存在讲师,用户购买课程时不会给讲师分成,只有会员自行申请的讲师才会结算课程讲师分成。 ![](https://box.kancloud.cn/3d7f19f02161ee3bef512c02d9d3b024_636x248.png) * 手机端效果: ![](https://box.kancloud.cn/b04a805806ad411386572cb35879c415_418x273.png) * * * **七、最新更新课程**:开启最新更新课程,需要在后台“基本设置~手机端显示~首页最近更新课程数量”里设置课程数量。 ![](https://box.kancloud.cn/7e65523324ef37b388cb2e10fed304a1_539x256.png) * 手机端效果: ![](https://box.kancloud.cn/a1f29bd311c2f8eacfefa8763b1a593b_418x246.png) * * * **八、课程推荐板块**:推荐板块是首页课程显示的载体,简单理解就是;后台添加推荐板块,然后把课程添加到推荐板块里,该板块会显示在手机端首页,操作流程如下: * 1、进入后台“推荐板块”,点击“添加板块”。选择板块样式,是否显示选择“是”,首页显示课程数量请填写大于0的整数。 ![](https://box.kancloud.cn/8f1241d7d91f30493be4d216319cec11_883x570.png) * 2、回到板块列表,点击底部的“添加推荐课程”。 ![](https://box.kancloud.cn/d583b9f254c5ddd2ec6833c08173226f_692x465.png) * 3、在左侧勾选指定的课程后,然后点击底部的“推荐到”自己的推荐板块,推荐成功后会出现相关的提示。 ![](https://box.kancloud.cn/ea2736ba8263e4271e780b16515c4e0a_864x520.png) * 4、如果您还想添加更多的推荐板块,请按上面1—2—3条重新操作,添加好了之后,如果手机端预览没看到效果,请点击页面右上角的“更新缓存”。 ![](https://box.kancloud.cn/798ec671461691589954bf2d9c59148d_343x195.png) * 手机端效果: ![](https://box.kancloud.cn/207103a400d5faf18a49e6a490089476_423x118.png) ![](https://box.kancloud.cn/4b490a76a21668a07f7642e4b216a13c_412x468.png) ![](https://box.kancloud.cn/6489421ef06c07a2ccf34d18feb30447_413x387.png) ![](https://box.kancloud.cn/1c6b62be6dfef5c4da5a0d9d9d66d0b2_412x581.png) * * * **九、底部标语**:底部标语是显示在手机端首页底部的一个广告。在后台“参数设置~手机端首页底部标语”里上传图片,建议为750px \* 26px,png图片格式最佳。 ![](https://box.kancloud.cn/1f30a9f0163c210f84dd3ce2e49860dd_1044x386.png) * 手机端效果: ![](https://box.kancloud.cn/8ea1e968d6c19de695575c3036d7188e_500x453.png) * * * **十、最终效果预览**:完成以上步骤后,最终效果图如下: ![](https://box.kancloud.cn/78b26105f7b8e4be49d20fc7b30c95af_640x3395.jpg)