Sky Pilot Theme Getting Started Walkthrough

Overview

# Top

 

Installation and activation

# Top

First, you’ll need to purchase a license to the Sky Pilot theme. It is available either as an individual purchase or as part of the Universe Bundle and the Infinity Bundle.

Once you have a license, there are three ways to install the Sky Pilot theme:

  1. By using the license key. To do this, first add your license key to your WordPress site. Once the license is added, navigate to LifterLMS > Add-ons & more > Themes > Sky Pilot from inside the WordPress admin, then click on the Install button. Once installed, click on the Activate button.
  2. By manually uploading the theme via the WordPress admin. To do this, first download for the Sky Pilot theme inside your LifterLMS account. The theme will be downloaded as a ZIP file. Once you have the ZIP file, navigate to Appearance > Themes > Add Theme from inside the WordPress administration area. On the page that loads, click on the Upload Theme button, followed by the Choose File button, to select the ZIP file. Once the ZIP file is selected, click on Install Now to install the Sky Pilot theme. Finally, once the Sky Pilot theme is installed, click on the Activate button.

Switching to the Sky Pilot Theme

# Top

When switching from one theme to another, we recommend working with a staging website, so you can switch your theme on a copy of your live site without disturbing the users on your live website. Once you switch to using the Sky Pilot theme, the front end of your website would look similar to the screenshots of the theme provided below.

Where to access the theme’s settings

# Top

The Sky Pilot theme utilizes the functionality of the WordPress full site editor. Other examples of themes that make use of the WordPress full site editor include the free Twenty Twenty-Five theme and the Twenty Twenty-Four theme. In particular, the full-site editing features described below are present in all other full-site editing themes.

For any theme that uses the full site editor, you can access the full site editor by navigating to Appearance > Editor from the WordPress administration area.

Navigating to Appearance Editor from the WordPress administration area
Main navigation items of the site editor

Inside the full-site editor, you will find five main sections, as can be seen in the screenshot above:

  1. Navigation
  2. Styles
  3. Pages
  4. Templates
  5. Patterns

Of the five sections above, the most important sections are: Styles, Patterns, and Templates. In particular:

  1. Changes to make in Styles can reflect on patterns and templates.
  2. Changes you make in Patterns will be reflected in templates using those same patterns.
  3. Changes you make in Templates will affect pages using those templates.

Styles. This section is where you edit the global styles as well as work with the style book. The style book is not specific to the Sky Pilot theme — every full-site editing theme (e.g., the Twenty Twenty-Five) will have an editable style book.

Styles

Templates. This is the section where you can create website templates, that can then be used to control the structure and appearance of your pages (i.e., your blog posts, your pages, any custom post types, and any archives).

Templates

Patterns. This is the section where you can create patterns. A pattern is any collection of blocks groups together in such a way that they can be used in your posts, pages, any custom post type that uses the block editor, and website templates.

Patterns

Full site build with Sky Pilot

# Top

 

How to work with the global styles

# Top

The Styles section allows you to control the following global aspects of your site:

  1. Typography
  2. Colors
  3. Background
  4. Shadows
  5. Layout

In addition, it also allows you to customize how specific blocks will look like on the whole site.

Navigate to the Styles section

If you click on the eye icon, it also allows you to view and work with the style book. The style book provides a visual reference for block styles on WordPress. This visual reference allows users to see how their chosen styles will impact the overall site design.

Click on the eye icon to open the style book

Typography. This section allows you to:

  1. Upload new fonts or install Google Fonts on your site.
  2. Control general typography settings (e.g., fonts, size, appearance, line height, decoration) for all text elements (e.g., paragraphs, links, headings, captions, buttons) on your site.

Typography section of the Styles section

Colors. This section allows you to:

  1. Add and edit colors in your color palette.
  2. Set the background color for your entire website.
  3. Globally apply colors to headings, texts, links, captions, and buttons on your entire website.

Colors section of the Styles section

Background. This section allows you to set the background image for your entire website.

Background section of the Styles section

Shadows. This allows you to add predefined shadow styles. This will then appear in the block editor when you edit your blocks there, as you can see below.

Shadows section of the Styles section

Layout. This section allows you to set the width of the main content area, as well as the padding for the whole site, and the spacing between the WordPress blocks in your site.

Layout section of the Styles section

How to work create and use patterns

# Top

Patterns are pre-designed combinations of WordPress blocks that can be quickly inserted into your website’s content and templates. You can view all your patterns by navigating to Appearance > Editor > Patterns from the WordPress administration dashboard.

All Patterns

To create new patterns, navigate to Appearance > Editor > Patterns and click on the Add Pattern button.

Add Pattern button

Once you have finished designing your new pattern, the new pattern you create will also be listed here, as you can see below

Sample custom pattern

These saved patterns can be used anywhere on your site, including inside other patterns and templates.

In addition to that, saved patterns can also be added inside page content (e.g., regular pages, blog posts, lesson pages, LifterLMS course pages, LifterLMS membership pages) when the page content is being edited inside the block editor, as you can see below.

Custom pattern appearing in Patterns tab

You might notice that the Sky Pilot theme only has a few built-in patterns: the header, the footer, and a few patterns used inside LifterLMS forms. If you need a more extensive library of ready-to use patterns for your Sky Pilot website, use the LifterLMS Aircraft add-on.

How to work with templates

# Top

A template in the full-site editor controls the layout of your pages. In particular, a template affects the layout and appearance of an individual page or groups of pages. However, just like patterns, templates are also a group of WordPress blocks bundled together.

All templates

To create new patterns, navigate to Appearance > Editor > Templates and click on the Add Template button.

Add Template button

Once you have finished designing your new pattern, the new pattern you create will also be listed.

New template listed in Templates

To make sure that an individual page of your site uses your custom template, open that page in the block editor. Then, under Templates, select your custom template.

Select template from inside the block editor

Screenshots of the Sky Pilot Theme

# Top
Course catalog page. If you do not have this page, run the LifterLMS setup wizard
Course catalog page. If you do not have this page, run the LifterLMS setup wizard.
You can create a course in LifterLMS or import some sample courses by re-running the setup wizard
You can create a course in LifterLMS or import some sample courses by re-running the setup wizard.
Membership catalog page. If you do not have this page, run the LifterLMS setup wizard
Membership catalog page. If you do not have this page, run the LifterLMS setup wizard.
Purchase page
Purchase page. This page is what you will see when you click on a purchase link or when you click on any enrollment buttons from a pricing table displayed on the front-end.
Student dashboard page when viewed by a non-logged in user
⁣⁣Student dashboard page when viewed by a non-logged in user.
Student dashboard page when viewed by a logged-in user
Student dashboard page when viewed by a logged-in user.
My Courses section of the student dashboard page. This section lists all the courses the student is or was enrolled in
My Courses section of the student dashboard page. This section lists all the courses the student is or was enrolled in.
The My Grades section listing the courses the student is enrolled in, as well as the student’s progress for each course
The My Grades section listing the courses the student is enrolled in, as well as the student’s progress for each course.
My Grades section of the student dashboard page
My Grades section of the student dashboard page.
My Memberships section of the student dashboard page
My Memberships section of the student dashboard page.
My Achievements section of the student dashboard page
My Achievements section of the student dashboard page.
My Favorites section of the student dashboard page
My Favorites section of the student dashboard page.
Notifications section of the student dashboard page
⁣⁣Notifications section of the student dashboard page.
Edit Account section of the student dashboard page
Edit Account section of the student dashboard page.
Redeem a Voucher section of the student dashboard page
Redeem a Voucher section of the student dashboard page.
Order History section of the student dashboard page
Order History section of the student dashboard page.

Other resources

# Top
Last Updated on
Was this article helpful?