Master the WordPress Customizer with the Beaver Builder Theme
What you will learn
Learn to navigate the WordPress customizer using the Beaver Builder Theme
Customize your site’s fonts
Customize your site’s accent colors
Customize your WordPress site’s blog page and archive pages
Description
In this workshop, we’ll learn all about Beaver Builder Theme’s customizer settings and set up default styles for a site together.
Installing Beaver Builder Theme and Page Builder Plugin
This video goes over how to:
- Download your Beaver Builder Theme and Page Builder files (00:07)
- Upload your theme and child theme files to your WordPress site (00:17)
- Install the Beaver Builder Page Builder Plugin to your (00:37)
- Activate your Page Builder Plugin license key (00:55)
Adding Placeholder Content
This video teaches:
- What Assistant Pro is and how it can be used to share assets between WordPress sites
- How to signup for a free account at Assistant Pro (00:28)
- How to access the Beaver Builder Theme Course files on Assistant Pro (00:43)
- How to utilize Beaver Builder’s sandbox sites (01:04)
- How to download the Assistant WordPress plugin (01:42)
Header Styles and Content
This video introduces different areas of the WordPress Customizer as it appears with the Beaver Builder Theme including:
- Presets (00:11)
- Header Tab Group > Header Logo Tab (00:27)
- Header Tab Group > Header Style Tab (01:58)
- Header Tab Group > Nav Styles Tab (02:11)
- Header Tab Group > Nav Layout Tab (02:41)
- Header Tab Group > Header Layout Tab(03:02)
- Header Tab Group > Top Bar Layout Tab (03:30)
- General Tab Group > Social Link Tab (03:55)
- Header Tab Group > Top Bar Layout Tab (04:12)
- General Tab Group > Text Tab (05:00)
- General Tab Group > Social Links Tab (05:19)
- General Tab Group > Accent Color (05:38)
Footer Styles and Content
This video introduces different areas of the WordPress Customizer as it appears with the Beaver Builder Theme including:
- Footer Tab Group > Footer Style
- Footer Tab Group > Footer Layout (01:00)
- Footer Tab Group > Footer Widgets Area (01:41)
- Footer Tab Group > Footer Widgets Style (02:48)
- General Tab Group > Text Tab (03:30)
- General Tab Group > Headings Tab (03:48)
General Settings
This video introduces different areas of the WordPress Customizer as it appears with the Beaver Builder Theme including:
- Setting Tab Group > Homepage Settings (00:30)
- General Tab Group > Presets (01:06)
- General Tab Group > Layout (01:13)
- General Tab Group > Background (01:25)
- Content Tab Group > Content Background (01:40)
- General Tab Group > Presets (02:05)
- General Tab Group > Text (2:55)
- General Tab Group > Text (2:55)
- General Tab Group > Accent Color (03:24)
- General Tab Group > Button Settings (03:36)
- General Tab Group > Headings (05:04)
Blog Settings
This video introduces different areas of the WordPress Customizer as it appears with the Beaver Builder Theme including:
- Setting Tab Group > Homepage Settings Tab (00:06)
- Content Tab Group (00:15)
- Content Tab Group > Blog Layout Tab (00:35)
- Content Tab Group > Archive Layout Tab (01:40)
- Content Tab Group > Single Blog Post Settings Tab (02:24)
WooCommerce Settings
This video goes over the Beaver Builder Theme settings that pertain to WooCommerce integration.
WooCommerce Widgets can be added to your WordPress site from the Appearance > Widgets tab of your siteβs dashboard. (00:20)
WooCommerce page settings can be found in the WordPress Customizer under Content > WooCommerce Layout (00:50)
Adding Custom Code
Custom code can be entered into the Customizer from the code tab group and also the Additional CSS tab. (00:10)
- Custom Code Tab Group (00:12)
- Additional CSS Tab (00:24)
Content