Beaver Themer Course


Customize your WordPress sites with a Smile

English
language

What You Will Learn

Learn about the dynamic nature of WordPress and how Beaver Themer is used to create custom dynamic content

Learn how to use field connections and Beaver Themer Modules

Learn how to create custom headers and footers

Learn how to create custom blog page layouts

Learn how to create custom blog archive page layouts

Learn how to create custom page part layouts

Learn how to customize WooCommerce pages

Requirements

  • No experience is required

Description

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!

Follow Our Pages for Instant New Free Course Notifications!
LinkedIn YouTube Facebook Instagram Twitter Telegram

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


Subscribe to latest coupons on our Telegram channel.

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)

Who this course is for:

  • WordPress users

Course content

1 section • 11 lectures • 39m total length

  • Intro

    00:53

  • Course Overview

    03:49

  • Setup Course Files

    Course content

    1 section • 11 lectures • 39m total length

    • Intro

      00:53

    • Course Overview

      03:49

    • Setup Course Files

      03:10

    • Installing Beaver Themer

      00:49

    • Navigating the Workspace

      04:12

    • Sitewide Header and Footer

      04:48

    • Submenus

      03:42

    • Blog Post Header With Field Connections

      04:32

    • Archive Pages

      05:18

    • Call to Action!

      02:43

    • WooCommerce Integration

      05:20

Enroll for Free

Share This Course on:
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock