How LifterLMS works with Astra Free Themes for personalized layouts

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 打造课程页面布局详解

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 打造课程页面布局详解

Optional layout types include:

  • Boxed Layout
图片[3]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解
  • content box
图片[4]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解
  • full-width centering
图片[5]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解
  • Full Width Stretch
图片[6]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解

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 打造课程页面布局详解
  • Individual course or lesson pages
图片[8]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解

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 打造课程页面布局详解

The width of the sidebar can also be adjusted to match the page content display and optimize reading.

图片[10]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解

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:exterior condition > customizable > LifterLMS

Support Settings:

  • Number of courses displayed in each column of the course list
图片[11]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解
  • 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 打造课程页面布局详解
图片[13]-Astra 免费主题配合 LifterLMS 打造课程页面布局详解

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.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos732 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments