If you're frustrated by your WordPress theme's limitations, you don't know how to or don't want to write custom code, or you want a lot more flexibility in your website, you might want to consider a page-builder plugin for WordPress.
Benefits of page-builders 1. You don't have to know HTML, CSS, PHP, or JavaScript to design your own webpages Although these are the four most used things to build your website and webpages behind the scenes you don’t have to know them in order to create webpages.
Having a tool that makes it so you don’t have to think about those things makes it easier for you to just build your pages.
If you want a box for example with a colored background and a certain border with text inside you can do so in less than 60 seconds. Page builders allow you to make the page look and act as you want it while taking care of the coding for you without any direct input to coding needed by you.
You don’t have to write code, save, refresh and go back and forth between tabs to see what it will look like. Page-builders eliminate all of that extra work.
Let’s say you’d like to use a common element in different places like a newsletter sign up or a call to action. A good page-builder will be able to let you make this and then call it into use where you need it without having to rebuild it again and again.
In the case of Divi it uses shortcodes to allow you to place the content where you need it quickly.
Speaking of colors; One of the best design concepts you can learn is contrast. Making sure that things that need to look different from each other do so. And things that are supposed to be connected look similar.
The way that two different colors work together is very important too as to not only how the page looks overall but also how well it can be read. Contrast also applies to fonts as you don’t want to mix fonts that crash with each other either.
The way things are going with the development of Gutenberg and page-builders we may well see the day where instead of working in a page-builder outside of the WordPress editing screen it would instead be integrated right inside. This would allow you to make changes all in one space and adding in a page-builder would open up new functionality.
Start with a page-builder now so you’ll be ready for it when that sort of functionality arrives.
Tips for using a WordPress page-builder 1. Ensure your theme is compatible Most page-builders work with most WordPress themes but there may be some conflicts. You’ll need to check for this before committing in case there’s a conflict that might break your site.
You may have just what you need already built in so consider this before making that leap.
Thinks of a page-builder as for special content. A page-builder is designed to help you build pages. An About page, your store page, your Opt-in page, a subscribe page, or a gear page for example.
Speaking of which I’ve got a new gear page! I used a page-builder to make the page and the individual elements inside the page and it was much easier that it would have been had I done it manually.
Another reason to not use a page-builder for the full post content is what might happen should you decide to stop using a page-builder or perhaps change to another. You may end up with broken pages or lots of extra code laying around making it very hard to get straight.
There may be tools in place to allow you to back out of the use of a page-builder or transition to another one but I’m not aware of any yet.
Doing so will allow you to easily change all of the buttons later by changing one setting instead of chasing down many more than that to get it right.
As I mention in last week's episode SecondLine Themes includes the free version of Elementor page-builder and comes with some Elementor widgets for you to use.
Our favorite WordPress page-builders 1. Elementor Pro Much of what Elementor Pro has going for it is also available in Beaver Builder.
All of what you get in Elementor isn’t all that’s available. There are add-ons and features that you can add to enhance an already great framework.
For example I use Elementor on The Audacity to Podcast as well as My Podcast Reviews and I purchased ‘Essential add-ons’ plugin for Elementor to use on My Podcast Reviews as it had some features that the add-ons did better than Elementor Pro.
It was easy to use as all I had to do was make the purchase, install the plugin and what I needed was in place ready to use.
There’s also a free version of Elementor! It’s included with SecondLine Themes so if you purchased a theme there based on episode 336 then you already have Elementor in place.
I upgraded to Elementor Pro for some of the advanced widgets, the pop-up builder, and the theme builder.
For example check out my Podcast Movement 2019 Interviews and my gear page. When you get to the gear page look at the header and you’ll see different sections for different categories of gear. In each of those sections you’ll find different items and each of those individual pieces of gear standalone and can be used in other places as needed easily. That way if I ever need to update anything about that piece of gear I can do so in one place and it will update everywhere I have that content inserted.
Keep in mind you don’t have to upgrade to Elementor Pro as the free version does a lot as is.
Elementor Page Builder
Elegant Themes makes one beautiful theme and a couple of plugins too. You could get it as part pf a theme and as a standalone plugin as well. What made Divi difficult though was it was only for page content. It looked beautiful and was easy to work with but it made it hard to work with other elements like buttons for example.
Version 4.0 was just released and brings theme-building features so now you can use Divi to build your header, or your footer or your entire site for that matter.
You can get Divi as an annual renewal or with a lifetime purchase.
Unfortunately, there’s no free version. If you decide to try it you’ll need to purchase it and if you find you don’t like it then they have a return policy.
Updates aren’t as frequent but when the do release new versions they’re really good. But there’s a free version of Beaver Builder!
WordPress Page Builder – Beaver Builder
Themify builder gives you a lot more granular control, great if you have some experience in basic web technology. One of the things I don’t like is that their updates have often broken things.
For example they might add new fields but have placeholder text that reads “Add subtitle here”. This actually happened to me once and the placeholder text showed through and displayed on the website!
Themify offers many beautiful themes and handy plugins, which are all included in some membership options.
Themify also has a free version.
It was because of the granular controls available in Themify builder that I was able to do certain things on Podcasters’ Society the the other builders simply couldn’t do.
Themify works really nicely with Gutenberg editor too.
Themify Builder
With all of this said, keep in mind what you need to do without getting too wrapped up in what you can do. If you've ever read a Spider-Man comic or seen one of the movies you know that “With great power comes great responsibility” and your site is no different.
Need personalized podcasting help? I no longer offer one-on-one consulting outside of Podcasters' Society, but request a consultant here and I'll connect you with someone I trust to help you launch or improve your podcast.
Ask your questions or share your feedback * Comment on the shownotes * Leave a voicemail at (903) 231-2221 * Email feedback@TheAudacitytoPodcast.com (audio files welcome)
Connect with me * Subscribe to The Audacity to Podcast on Apple Podcasts or on Android. * Join the Facebook Page and watch live podcasting Q&A on Mondays at 2pm (ET) * Subscribe on YouTube for video reviews, Q&A, and more * Follow @theDanielJLewis
Disclosure This post may contain links to products or services with which I have an affiliate relationship and may receive compensation from your actions through such links. However, I don't let that corrupt my perspective and I don't recommend only affiliates.