When building an online course platform, theLifterLMS It is a powerful WordPress Learning Management System (LMS) plugin, and the Astra theme has become the first choice of many website builders due to its flexible design capabilities. Even in the free version, theAstra There is also specialized layout and styling support for LifterLMS to make course pages more structured and content-focused.
You need to install and enable the Astra theme and LifterLMS plugin, the system automatically turns on a series of adaptations to help build pages with course presentation capabilities.
![图片[1]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407104049913-image.png)
LifterLMS Page Layout Settings
Course and learning pages usually need to be differentiated from other common pages.Astra A separate container setting is provided, dedicated to adjusting the LifterLMS Page structure.
Set the entry point to: Appearance > Customize > Global > Containers > LifterLMS opening (chess jargon)
![图片[2]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103316725-image.png)
Optional layout types include:
- Boxed Layout
![图片[3]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103324414-image.png)
- content box
![图片[4]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103331624-image.png)
- full-width centering
![图片[5]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103339254-image.png)
- Full Width Stretch
![图片[6]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103345414-image.png)
These layout structures can override the default container settings to better fit the actual needs of the course presentation.
LifterLMS Page Sidebar Management
Some course pages need to display different information structures, theAstra be directed against LifterLMS A separate sidebar control option is provided.
The path to set this is: Appearance > Customize > Layout > a side-bar (in software) > LifterLMS
Page types are divided into two categories:
- General pages (course listings, quizzes, membership, checkout, profile pages, etc.)
![图片[7]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103521930-image.png)
- Individual course or lesson pages
![图片[8]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103531113-image.png)
The following options can be set for each type of page:
- Use site sidebar settings by default
- Close Sidebar
- Place the sidebar on the left or right side
If you need to add content to these sidebars, go to theexterior condition > customizable > gadgetTo do this, select the appropriate location and drag and drop the required components, such as course categorization, progress indicators, or recommended courses.
![图片[9]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103603816-image.png)
The width of the sidebar can also be adjusted to match the page content display and optimize reading.
![图片[10]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103615300-image.png)
Column Layout for Courses and Membership Pages
In an effort to keep the curriculum and membership content lined up in a more organized manner, theAstra Added the ability to set the columns of the course and member pages in the custom menu.
Set the path to:
Support Settings:
- Number of courses displayed in each column of the course list
![图片[11]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解](https://www.361sale.com/wp-content/uploads/2025/04/20250407103735440-image.png)
- Number of items displayed per line on the member's page
Whether on desktop or mobile, pages can display a neat visual layout based on these settings.
Styles and Typographic Inheritance
LifterLMS Pages are synchronized with the site's global settings in terms of color scheme and typography. There is no need to set fonts or colors individually, and the overall style remains consistent.
The global color path is:exterior condition > customizable > security situation > base color
![图片[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)
Elements such as body text, headings, buttons, etc. will automatically use these configurations without having to repeat them manually.
summarize
Astra Free themes with LifterLMS The combination of plugins makes it easier to build an online course platform. With the help of customizable containers, sidebars, typography and layout configurations, course pages can show a clear structure and a reasonable arrangement of content.
If there are more in-depth design and functional requirements, you can also consider upgrading the relevant extension modules and continue to improve the course system on this basis.
Link to this article:https://www.361sale.com/en/49144/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments