Beaver Themer Course

Theming is something that usually requires writing php script, but Beaver Themer allows us to theme using a drag and drop builder. We’ll explore some of Beaver Themer’s amazingly useful applications like; what field connections are and how to use them, creating custom product listings and product archive pages using WooCommerce integration, and lots more!

Intro

Welcome to the Beaver Themer Course!

Course Overview

An Overview of the course.

Setup Course Files

This video is about how to access the course exercise files with the Assistant Pro WordPress cloud file sharing tool.

• How to start a free Assistant Pro account at Assistant Pro (00:34)
• How to access the course files and add them to your Assistant Pro library (00:52)
• How to utilize the demo sites at WPBeaverBuilder to follow along with the course if you don’t have your own sandbox to work in (01:00)
• How to download and install the Assistant plugin on a WordPress site (01:25)
• How to connect your WordPress site to the cloud and import the course exercise content to your site (01:38)

Installing Beaver Themer

This video is about how to install Beaver Themer on your WordPress site:

• Download the plugin zip file (00:19)
• Upload the plugin file to your WordPress site (00:29)
• Activate the plugin (00:43)

Navigating the Workspace

This video is about the different parts of the Beaver Themer user interface.

• Saved Themer Layouts (00:13)
• Create a new Themer Layout (00:22)
• Edit Themer Layout (00:47)
• Page Builder, Themer Layout (01:40)
• Themer parts menu (02:00)
• Field connection indicators (02:50)
• Post Preview Selector Menu (03:40)

Sitewide Header and Footer

In this video we’re going to:

• Create a Header Themer layout (00:16)
• Set options for header layout (00:20)
• Open the Page Builder to create the header design (00:44)
• Create a Footer Themer layout (01:58)
• Set options for footer layout (02:25)
• Open the Page Builder to create the footer design (02:38)

Submenus

In this video we are going to setup a submenus that will only display on select pages of our site.

• Create a new themer layout and dial in layout settings for our first submenu (00:16)
• Change Beaver Builder Theme settings (01:18)
• Create a new themer layout and dial in layout settings for our second submenu (02:00)
• Create a new themer layout and dial in layout settings for our third submenu (03:05)

Blog Post Header With Field Connections

This video is about adding dynamic content to multiple blog posts using field connections.

• Create a new themer layout and dial in layout settings for our blog posts (00:45)
• Launch the Beaver Builder Page Builder to create the blog post page design (01:15)
• An explanation of the field connection indicator (a plus sign inside a circle) (01:34)
• How to add dynamic content using Themer Modules (02:32)

Archive Pages

This video goes over how to create custom archive page designs. Archive pages include the main archive page that displays all of your blog posts, as well as category and author and category archive pages.

• Create a custom page design to display on Author Archive Pages with a Themer Layout (00:42)
• Create a few custom page designs to display on different post categories with Themer Layouts (02:52)

Call to Action!

In this video we create a Page Part Themer Layout that displays a Call to Action on all of the posts and pages on our site that are categorized under “Sales”.

• Create a new themer layout and dial in layout settings for our part layout (00:42)
• Preview our layout and fine tune our design (01:54)

WooCommerce Integration

This video is about how Beaver Themer integrates with WooCommerce.

• An overview of how WooCommerce works natively (00:10)
• How to create themer Layouts to create custom WooCommerce page layouts for single products and product archive pages (00:40)