1. Documentation

Scholar: Canvas Child Theme

Important: This theme was retired in October 2015 and is not for sale. Documentation is no longer being updated.

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. —WordPress Codex: Child Themes

Welcome to Scholar, the next edition in our new Canvas child theme fleet! When customers want to customize the look of their site we like to recommend starting with a child theme to preserve customizations and make updating easier, as you do not need to worry about your customizations being lost when you update your parent theme.

In this case, we’ve taken Canvas one step further for you, updating the design and utilizing the child theme, Scholar, to it’s fullest extent! To help set up your theme follow the documentation below and be sure to reference the Canvas theme documentation if you are not familiar with the main features/setup of Canvas.

You can read more documentation on WordPress child themes in the WordPress Codex.

Installation ↑ Back to top

To get started you will need to first purchase, download and install the Canvas theme. To learn how to install your theme please reference our documentation here: Installing a Theme.

Once you’ve installed the Canvas parent theme you can then follow the same steps to download, install and activate Scholar, the Canvas child theme. After you’ve activated Scholar you will notice a new style on your site, compared to the Canvas style you might be used to.

Scholar Theme Demo: demo.woothemes.com/scholar

Checking your theme version ↑ Back to top

You can confirm your theme and WooFramework version by going to: Scholar > Framework.

Activate your Theme Key ↑ Back to top

After you install your theme, be sure to activate your theme key by downloading and installing the WooCommerce Helper plugin. This will verify your site when contacting support and will enable 2-click updates for quick theme upgrades down the road.

Updating your theme

It is very important to ensure you have the latest version of your theme at all times. This is the best way to proactively troubleshoot issues on your site.

Please reference the WooCommerce Helper Documentation to learn more.

Theme Settings ↑ Back to top

After you’ve installed and activated Scholar, you will notice that the side menu says Scholar:

Scholar - Welcome

This is where you will go to configure your theme settings, you will also see an option to ‘Configure Scholar’ on the welcome page as well as options to download the WooCommerce.com plugins that are built to work with your theme.

Go to Scholar > Settings to configure your theme.

Scholar-Canvas-Settings

Take note of the links in the top right corner of the settings where you can quickly access:

  • Documentationfor the theme.
  • Changelogthis is where you see the changes/updates to the theme.
  • Helpthis is a link to our Help Desk where you can search for answers, post in the Community or open a new ticket for assistance with setup or troubleshooting your Woo products.
To learn more about theme settings please see the Canvas theme documentation.

To edit settings specific to Scholar go to: Scholar > Settings > Scholar.

Scholar-Settings

If you would like to customize your homepage past the homepage settings, you will want to download and install the Homepage Control plugin.

Disable Child Theme Custom Overrides ↑ Back to top

The first option you will see here will enable/disable the custom child theme styling that comes with Scholar. If you’d like to customize the theme design yourself, uncheck this option.

When you install Scholar the custom styling for the child theme will automatically override the Canvas theme styling. This includes:

  • Typography Settings
  • Navigation bar styling
  • Background color

If you want to use the typography and color settings found on the Canvas Styling & Layout Settings pages, you’ll need to disable the Child Theme Custom Overrides first.

Scholar also comes with custom homepage features, let’s review those next!

Hero Settings ↑ Back to top

Here is an example from the Scholar demo of what the Hero featured area can look like:

Scholar-Hero

Here you can set:

  • Hero Background Image
  • Hero Title & Font Style
  • Hero Message & Font Style
  • Hero Courses Search

Hero background image

We recommend width: 1270x638px (or larger) for the background image size which is the same size as the demo example. Padding is applied to the .home-section.hero element, this can help control the visible height of your image.

If you would like to adjust the height visible with this image you will need to add the following to the custom CSS adjusting the padding as needed:

.home-section.hero {padding: 9.505em 0 11.089em;}

Hero Courses Search

If you have Sensei installed and activated, the search field will only search for courses. Otherwise, it search look for all types of content.

Scholar Homepage Template ↑ Back to top

If you’d like the same Featured Courses, Testimonials, and Recent Posts on the homepage as you see in the Scholar theme demo, you will need to setup a new page with the ‘Homepage’ page template. To do this:

  1. Go to: Pages > Add New.
  2. Add a page title (ex. ‘Homepage’).
  3. Go to: Page Attributes > Template just below the publish module to select the Homepage page template.
  4. Publish the page.
  5. Next, go to: Settings > Reading > Front Page Displays and select the Static Page > Front Page as your newly created homepage (instead of the recent posts setting).
  6. Save changes.

To learn more about Page Templates please see our documentation here: Page Templates.

Featured Courses ↑ Back to top

Note: The featured courses section will only display if you have Sensei installed and activated.

This is what the Featured Courses looks like on the Scholar Theme demo:

Scholar-Featured-Courses

You can edit the features courses title and byline at Scholar > Settings > Scholar.

This section will display your three most recently published Sensei courses, which are marked as “featured”.

To learn about marking a course as “featured”, please read this tutorial.

Testimonials ↑ Back to top

The Testimonials section on the homepage is powered by the free Testimonials plugin. The demo site looks like this:

Scholar-Testimonials

More information on this plugin is available here.

Next Steps ↑ Back to top

Now that you have set your Homepage template you will need to setup Sensei. Please see our Sensei Documentation to help you get started.

Sensei Extensions Used in the Demo ↑ Back to top

Our Scholar demo site uses the following Sensei extensions:

  • Sensei Modules
  • Sensei Course Progress
  • Sensei Course Participants
  • Sensei Share Your Grade

You can find all of our Sensei extensions here.

Please be sure review the Canvas theme documentation to learn more about how to set up the rest of your site!

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment