- Lesson Overview
- Adding Placeholder Content
- Customizer Settings
- Creating a Hero Header
- Creating Testimonial Boxes
- Embedding A Video
- Creating A Social Icon Row
- Added Learning Material! How to Setup Hosting + DNS with NameCheap and Flywheel
What you'll learn
- Learn how to use the Beaver Builder Page Builder
- Learn how to use the Beaver Builder Theme
- Learn how to get design inspiration from other people's websites
- Bonus Video: How to setup hosting and DNS
Description
Lesson Overview
Explore our WordPress Theme and Page Builder Plugin as we build a website together. The site flaunts a rock n' roll motif with a homepage design that is inspired by a popular music publishing company. Turn your site building beaver power up to 11 with the Beaver Jams website Build-Along.
Adding Placeholder Content
In this lesson we are going to add some content to our site so we can see the stylistic changes we will be making in the customizer.
Create 6 new pages: Homepage, Services, About, History, Core Values and Contact (00:19)
Create a menu and add pages to the menu (00:40)
Add lorem ipsum text to the homepage (01:47)
Add headings to the placeholder text (02:30)
Add links to the placeholder text (02:42)
Add a button to the homepage (03:08)
Customizer Settings
This video shows how to dial in customizer settings in the Beaver Builder Theme interface.
Settings > Homepage Settings (00:22)
General > Background (01:11)
General > Accent Color (link colors) (01:29)
General > Headings (01:45)
General > Text (02:10)
General > Buttons (02:31)
General > Social Links (03:05)
Header > Header Layout (03:34)
Header > Header Style (04:00)
Header > Header Logo (04:38)
Header > Nav Layout (05:20)
Header > Nav Style (05:47)
Content > Content Background (06:13)
Footer > Footer Style (06:33)
Footer > Footer Widgets (and additional unused tabs) (07:00)
Creating a Hero Header
In this video we will begin to build out our page content using the Beaver Builder Page Builder. The first element on our page is a hero header section.
Create a new row and dial in the row settings (00:47)
Add a background image to the row (01:04)
Select a font for the heading from Google Fonts (01:45)
Add a colored overlay to the row over the image (02:47)
Add a heading module to the row and stylize the heading (03:29)
Add a call to action using a heading module and button module (05:00)
Dial in the responsive layout settings (08:00)
Creating Testimonial Boxes
In this video we are going to utilize pre-built content to create testimonial boxes.
Embedding A Video
In this video we will embed a video onto our page.
Creating A Social Icon Row
In this video we will add a row of social icons to our page.
Other Courses
Principal Component Analysis in Python and MATLAB
From Theory to Implementation
English Phrasal Verbs and Idioms Master Course
A Comprehensive introduction to English idiomatic expressions and Phrasal Verbs
Modern Niche Marketing
How to create a niche website in a profitable niche, create quality content and create effective niche marketing
Create a Small Business Website With WordPress
Learn how to make a 1 page website for your local business today!
The Science of Brain Disorders
How modern science is unlocking the keys to understanding brain dysfunction
Foundations in the Study of Magic, Part 10: Witchcult Thesis
Introduction to Modern Witchcraft
About the instructors
- 4.74 Calificación
- 3686 Estudiantes
- 3 Cursos
Beaver Builder
Work Smarter, Not Harder
Beaver Builder is the WordPress page builder you can trust with your business. Free up your time and unleash your creativity!
Course instructor Leah Finch is an instructional designer, web designer and videographer in the Pacific Northwest. When she's not building websites with Beaver Builder and WordPress, she loves playing music, gardening, woodworking and spending time with her family and friends.