Do you wish to discover ways to create customized web page layouts in WordPress? Beaver Builder lets you create your personal web page layouts with out writing any code. On this article, we'll evaluate Beaver Builder and present you the right way to create customized web page layouts in WordPress with Beaver Builder.
Why and While you Want Customized Web page Layouts
Many premium WordPress themes include prepared to make use of web page layouts for various sections of a web site. Nonetheless, generally a built-in structure might not suit your wants.
You possibly can create custom page templates in WordPress by creating a child theme after which including your personal web page templates. However you will want some information of PHP, HTML, and CSS for that to work.
That is the place Beaver Builder is available in. It's a drag and drop page builder plugin for WordPress. It helps you create your personal customized web page layouts with out writing any code.
Beaver Builder Overview
Beaver Builder could be very simple to make use of and newbie pleasant. On the identical time, it's loaded with unimaginable options to create skilled trying pages.
It really works with all WordPress themes and has tons of modules which you can simply drag and drop to your web page. You possibly can create any sort of structure that you really want and set it up simply the best way you imagined.
On this Beaver Builder evaluate, we'll present you the right way to use Beaver Builder to create customized web page layouts in WordPress.
Let’s get began.
Establishing Beaver Builder Plugin
First you might want to buy the Beaver Builder plugin. It's a paid plugin, with pricing ranging from $99 for limitless websites.
Subsequent, you might want to do is set up and activate the Beaver Builder plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.
Upon activation, you might want to go to Settings » Web page Builder web page to enter your license key.
After coming into your license key, you at the moment are able to create lovely web page layouts.
Creating Your First Customized Web page Format With Beaver Builder
Merely create a brand new web page in WordPress by visiting Pages » Add New. You'll discover a brand new Web page Builder tab within the WordPress editor.
Click on on the ‘Web page Builder’ tab to launch the Beaver Builder.
If that is your first time utilizing Beaver Builder, then you will notice a welcome popup providing you a guided tour.
Right now, you possibly can click on on No Thanks button to skip the tour. Since, we'll stroll you thru totally different options on this information, so that you don’t want the tour.
After that you might want to click on on the Templates button within the high menu.
Beaver Builder comes with some professionally designed templates to get you began instantly.
Don’t fear, you possibly can customise the template as a lot as you want. It's only a fast method to get you began with a structure.
When you choose a structure, Beaver Builder will load it within the preview window. Take your mouse to an merchandise and Beaver Builder will spotlight it.
You possibly can merely click on on the wrench icon on any highlighted merchandise to edit it.
Beaver Builder will present a popup with totally different settings which you can edit. You possibly can change textual content, coloration, background, font, padding, margin, and many others.
You may also simply click on on an merchandise within the reside preview and drag and drop to maneuver it across the web page.
The Beaver Builder layouts are based mostly on rows. You possibly can drag and drop to rearrange rows. You may also take away or add a brand new row.
Merely click on on the Row Layouts menu after which choose the variety of columns you need in your row.
Beaver Builder will add the row to the reside preview in your website.
You possibly can add objects to your row utilizing the essential or superior modules and widgets. These modules can help you add essentially the most generally used parts like buttons, headings, textual content, photos, slideshows, audio, video, and many others.
Merely choose an merchandise and drag it to the row you simply added. Click on on an merchandise to edit its properties.
You may also save a row or a module to reuse afterward different pages. Click on on Save as button whereas enhancing a row or module.
Click on on the Carried out button if you find yourself completed enhancing your web page. Beaver Builder will present a popup with buttons to publish or save your web page as a draft.
You may also reuse a complete web page structure for different pages in your WordPress website. Merely open the web page with Web page Builder after which click on on the Instruments button within the high bar.
Beaver Builder will present you a popup. It can save you the web page as a template, or rapidly create a reproduction web page with the identical structure.
Managing Web page Format Templates in Beaver Builder
Every Beaver Builder license entitles you to apply it to limitless web sites. However how do you progress your web page templates from one WordPress website to a different?
Beaver Builder shops consumer created templates in a custom post type known as templates. It's hidden by default, however you can also make it seen by going to Settings » Web page Builder and clicking on the Templates tab.
Merely examine the field subsequent to ‘Allow Templates Admin’ choice and click on on save template settings button.
You'll discover a brand new menu merchandise labeled Templates would seem in your WordPress admin bar. All web page layouts that you simply save as template will seem on that web page.
Since it's a customized put up sort, you possibly can simply export your Beaver Builder templates utilizing the built-in export function in WordPress.
Go to Instruments » Export web page and choose Templates. Click on on ‘Obtain export file’ button and WordPress will ship an XML file so that you can obtain.
Now login to the WordPress website the place you wish to import the templates. Go to Settings » Import web page and click on on WordPress.
You may be requested to obtain and set up the WordPress importer plugin. After which it is possible for you to to easily add your templates xml file and import it.
That’s all, we hope this text helped you create customized web page layouts in WordPress utilizing Beaver Builder. You may additionally wish to see our information on the right way to hide unnecessary items from WordPress admin with Adminimize.
In case you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may also discover us on Twitter and Facebook.
