|

How to Build Better Web Pages in WordPress

When I was creating the website for my new project WP in One Month, I wanted to make sure the home page was diverse with content, different sections, and a lot of information. As a WordPress developer, I could have built a completely custom page template with custom fields for each section, and I could have made use of one of the many plugins to do that. However, I also wanted to get the site up and running quickly. I was pivoting the business and wanted to focus more on executing ideas than on developing the website (I know many developers can relate to me here). I opted instead to build a simple child theme from the theme Ward and use a page building plugin called Beaver Builder. It saved me literally hours of development and gives me lots of flexibility.

The WordPress editor is a great tool for writing and formatting text, adding images, and more. However, when it comes to creating complex page layouts, you need more that what the editor can offer. This makes perfect sense – the WordPress editor is for writing! But sometimes you need something more than just an editor, and that’s where Beaver Builder comes in.

What is Beaver Builder?

Beaver Builder is a powerful, flexible page builder that allows you to easily create complex web pages.

Screenshot 2016-04-03 16.56.06

Once you install and activate it, you can use its drag and drop interface to create new, complex, memorable pages using one of the many templates or modules. There are lots of examples of Beaver Builder-driven sites, including WP in One Month and Manifest Development.

What to Know More?

You’re in luck! I am offering a free webinar on how to build a 3-page site using Beaver Builder. You can register here. Hurry! Space is limited.

Here’s an outline of the webinar:

  1. The Current WordPress Editor
    1. Walk through what it can and can’t do
    2. Talk about shortcakes
  2. What is Beaver Builder?
    1. What are Page Builders?
    2. Plans & Pricing
  3. Demo Primer
    1. Walk through Setup
      1. Download & Install
      2. Walk through settings
    2. Common Terms
      1. Templates
      2. Modules
      3. Rows and Columns
  4. Demo
    1.  Make a Home Page
      1. Use built-in template
      2. Highlight modules
    2. Make an About Page
      1. Create from Scratch
      2. Use Modules & Widgets
    3. Create Contact Page
    4. Insert form via shortcode

Register Today!

Beaver Builder is a WP in One Month partner

Similar Posts

  • |

    More Information on WP in One Month

    When I launched WP in One Month in November, it was admittedly a bit rushed. I set up a “preview” class (whatever that is) and promised a discount without really explaining what attendees would get out of it. I’d like to take a moment in this blog post to answer these questions: What / When…

  • | |

    Creating a Responsive Gutenberg Price Table

    Last week I worked on an upcoming tutorial for a popular online publication on how to style the Gutenberg Columns block (I’ll be sure to send that along when it comes out). As as result, I decided to experiment to see what you could reasonable do, and came up with this Gutenberg Price Table: https://codepen.io/jcasabona/pen/RYvEYd. In…

  • Flip the Classroom, but not onto its Head

    Imagine you’re watching a movie. In this thriller, the protagonist is in a dark ally pursuing the bad guy. All seems quiet when out of the corner of your eye the killer come into view. He sneaks up on our hero, raises his weapon, and gets ready to strike. “LOOK OUT,” you scream, but no…

  • Never Assume When Teaching WordPress

    Over the weekend I gave a Lightning Talk at WordCamp US called Never Assume When Teaching WordPress. The response was overwhelmingly great! While I don’t normally do this, since it was a shorter talk I’ve decided to post the script I wrote for it. You can check it out after the jump.