在搭建在线课程平台时,LifterLMS 是一款功能强大的 WordPress 学习管理系统(LMS)插件,而 Astra 主题凭借其灵活的设计能力,成为不少建站者的首选。即使在免费版本中,Astra 对 LifterLMS 也有专门的布局与样式支持,让课程页面结构更清晰,内容更聚焦。
需要在网站中安装并启用 Astra 主题和 LifterLMS 插件,系统便会自动开启一系列适配功能,帮助构建具有课程展示功能的页面。
![图片[1]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407104049913-image.png)
LifterLMS 页面布局设置
课程和学习页面通常需要与其他普通页面有所区别。Astra 提供了单独的容器设置,专用于调整 LifterLMS 页面结构。
设置入口为:外观 > 自定义 > 全局 > 容器 > LifterLMS 布局
![图片[2]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103316725-image.png)
可选择的布局类型包括:
- 盒装布局
![图片[3]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103324414-image.png)
- 内容盒
![图片[4]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103331624-image.png)
- 全宽居中
![图片[5]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103339254-image.png)
- 全宽拉伸
![图片[6]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103345414-image.png)
这些布局结构可以覆盖默认容器设置,更贴合课程展示的实际需要。
LifterLMS 页面侧边栏管理
有些课程页面需要展示不同的信息结构,Astra 针对 LifterLMS 提供了独立的侧边栏控制选项。
设置路径为:外观 > 自定义 > 布局 > 侧边栏 > LifterLMS
页面类型被分为两类:
- 通用页面(课程列表、测验、会员、结账、资料页等)
![图片[7]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103521930-image.png)
- 单独课程或课时页面
![图片[8]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103531113-image.png)
每种页面可设置以下选项:
- 默认使用站点侧边栏设置
- 关闭侧边栏
- 将侧边栏放在左侧或右侧
如果需要为这些侧边栏添加内容,可进入外观 > 自定义 > 小工具,选择合适位置拖入所需组件,例如课程分类、进度指示或推荐课程等。
![图片[9]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103603816-image.png)
还可以调整侧边栏的宽度,配合页面内容展示,优化阅读效果。
![图片[10]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103615300-image.png)
课程与会员页面的栏目布局
为了让课程和会员内容排布更有条理,Astra 在自定义菜单中加入了课程与会员页面的栏目设置功能。
设置路径为:
支持设置:
- 课程列表每列展示的课程数量
![图片[11]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103735440-image.png)
- 会员页面每行展示的项目数量
无论是在桌面端还是移动端,页面都可以根据这些设置展示出整洁的视觉布局。
样式与排版继承
LifterLMS 页面在配色和排版上会同步站点的全局设定。无需单独设置字体或颜色,整体风格保持一致。
全局颜色路径为:外观 > 自定义 > 全局 > 基础颜色
![图片[12]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103827252-image.png)
![图片[13]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103834644-image.png)
正文、标题、按钮等元素会自动使用这些配置,无需手动重复操作。
总结
Astra 免费主题与 LifterLMS 插件的结合,让在线课程平台的搭建变得更加轻松。借助自定义容器、侧边栏、排版和布局配置,课程页面可以展现出清晰的结构和合理的内容安排。
如果有更深入的设计和功能需求,也可以考虑升级相关扩展模块,在此基础上继续完善课程系统。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容