Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Beaver Builder | Page Builder Course
Rating: 4.4 out of 5(22 ratings)
1,732 students

Beaver Builder | Page Builder Course

Learn Beaver Builder's Powerful and Intuitive Page Builder for WordPress
Created byBeaver Builder
Last updated 8/2022
English

What you'll learn

  • Build page layouts and work with content modules using the Beaver Builder Page Builder Plugin
  • Understand how rows, columns and modules work together
  • Utilize prebuilt content and templates
  • Master Beaver Builder's responsive design tools

Explore related topics

Course content

1 section • 8 lectures • 36m total length

  • Welcome1:17

    Welcome to Beaver Builder's Page Builder Course!  This course is all about making you a Beaver Builder power user.

  • Installing Beaver Builder's Page Builder0:50

    This video teaches how to:

    • Download the Beaver Builder Pro Plugin from your account page (00:07)

    • Add the Beaver Builder Pro Plugin to WordPress sites (00:16)

    • Activate your Beaver Builder Pro license (00:36)

  • Navigating the Workspace4:51

    This video is about:

    • How to access Beaver Builder’s demo sites (00:13)

    • Exploring the tool tips provided by new Beaver Builder installations (00:31)

    • Utilizing templates including the blank template (00:47)

    • Touring the workspace (01:01)

    • The Beaver Builder tab of the WordPress Dash (03:44)

    • The Beaver Builder section of the Settings tab in the WordPress dash (03:50)

    • How to change your homepage to a static page in the WordPress Customizer (04:17)

  • 04 Margins and Padding6:16

    This video goes over:

    • How Nesting works between Rows, Columns and Modules (00:28)

    • How to add a border to a row (00:49)

    • How to add a background color to a row (01:10)

    • How to adjust the margin and padding of rows (01:37)

    • How to adjust the margin and padding of columns (03:48)

    • How nesting affects margin and padding (04:28)

    • The box model terminology (05:55)

  • 05 Page Layouts7:13

    This video goes over:

    • How to add a background image to a row (00:17)

    • How to adjust the height of a row (00:52)

    • How to add text with a semi-transparent background color (01:11)

    • Moving rows (04:12)

    • How to utilize negative padding and margins (04:35)

    • How to add a color overlay to background images (05:42)

    • Nesting columns inside of other columns (06:00)

    • Fixed width vs. full page rows (06:29)

    • Resizing columns with handles or entering percentages (06:42)

  • 06 Responsive Design5:05

    This video is about:

    • How to open the responsive editor from the tools tab (00:27)

    • How to open the responsive editor from column, row and module settings (00:40)

    • A hands on exercise on responsive editing with Beaver Builder (00:56)

    • How to change text alignment based on screen size (02:03)

    • How to change margins based on screen size (02:24)

    • How use column settings to change row width to make an image partial or full page width based on screen size (02:50)

    • How to align text and set line height based on screen size (03:55)

    • Any place you see a screen icon, you can make unique settings based on screen sizes (04:03)

    • How to change the breakpoint for small, medium and large screens under global settings (04:13)

    • Hide or show page elements based on screen size (04:32)

  • 07 Modules6:41

    This video is about:

    • Text editor module settings (00:11)

    • How to browse Google Fonts (02:16)

    • How to utilize pre-built content to learn about modules and settings (03:05)

    • Photo module settings and how an inline image varies from a background image (04:27)

    • Button module settings (05:04)

    • Third-party addons for Beaver Builder (06:00)

    • Blog post The Ultimate Guide to Beaver Builder Modules (06:17)

  • 08 Saving Content and Styles4:38

    This video is goes over:

    • How to create page templates (00:15)

    • How to access saved templates (00:26)

    • How to create saved rows (00:33)

    • How to access saved rows (00:43)

    • How to save columns and access columns (00:53)

    • How to save and access modules (01:16)

    • How to utilize global settings (01:25)

    • How to share WordPress assets between sites using the Assistant.Pro Cloud Platform (02:11)

Requirements

  • There are no prerequisites for this course

Description

This course is all about making you a Beaver Builder power user!

Learn to build page layouts and work with content modules using the Beaver Builder Page Builder Plugin. We'll explore how rows, columns and modules work together, allowing us a great deal of control over our designs. We'll learn to utilize prebuilt content and templates, and we'll also master Beaver Builder's awesome responsive design tools. You’ll learn all about the box model, a fundamental concept in web design, and an important part of the Beaver Builder interface. Beaver Builder offers top shelf solutions for WordPress users including: Beaver Builder Page Builder, Beaver Builder Theme, Beaver Themer and Assistant Pro. We offer in depth courses, user communities and support on all of our products to set you up for success.

Tools like Beaver Builder make web design fun and easy! The drag and drop page builder interface lets you see how your designs look as you build them on the front end of your site. Prebuilt content gives you the opportunity to hit the ground running with great looking content you can modify to meet your needs. Be sure to check out our other WordPress courses too!

Lessons Overview:

  • Welcome

  • Installing Beaver Builder's Page Builder

  • Navigating the Workspace

  • Margins and Padding

  • Modules, Columns and Rows

  • Page Layouts

  • Responsive Design

  • Modules

  • Saving Content and Styles



Who this course is for:

  • Beginner WordPress Developers and Designers interested in creating custom page layouts

Report abuse