Free WordPress Tutorial – Website Build-Along: Beaver Jams

0
Certificate

Free

Language

Level

Beginner

Last updated on February 1, 2023 3:44 pm

this course: Learn how to build a rock n’ roll themed website using WordPress and the Beaver Builder Plugin. Create pages, add content, and customize your site with ease. Perfect for WordPress users.

Add your review

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.

Who this course is for:

  • This course is for WordPress users

User Reviews

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Be the first to review “Free WordPress Tutorial – Website Build-Along: Beaver Jams”

×

    Your Email (required)

    Report this page
    Free WordPress Tutorial – Website Build-Along: Beaver Jams
    Free WordPress Tutorial – Website Build-Along: Beaver Jams
    LiveTalent.org
    Logo
    LiveTalent.org
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.