How to Create a Page or Post Layout with the WR Page Builder

Posted OnApr 4, 2015     CategoryPlugins     CommentsNo comment

The final step in the guide to the WR Page Builder WordPress plugin will show you how to use the WR Page Builder to build a new post layout from scratch.

Step 1) Login to the WordPress Dashboard.

Step 2) On the Dashboard, click on Posts >> Add New.

2

Step 3) Now that Page Builder is installed, there is a new toolbar added to your Posts. From here, you can choose whether to use Classic Editor or Page Builder.

3

Step 4) When Page Builder is chosen, you will see another toolbar that features your options for the page builder. You can choose to save and/or load a Page Template you have created already, and you can also add Custom CSS if you have created one. You can also turn Page Builder on or off. If you switch it to off, the Page Builder will show what you have created in HTML format.

4

Step 5) The first step in creating your page is to add a row. As you can see from the screenshot below, there are a large range of layouts available for you to choose from. The next step will be different depending which layout you decide to use.

5

Step 6) The next step is to add elements to the layout you have chosen in the last step. Below is an example of the two column layout. Click on the + sign to see what elements you have to choose from.

6

Step 7) The list of elements will now show up, and includes various tools such as buttons, headings, alerts and pricing tables. Click on the elements you wish to add. The example in the next few steps are for Buttons.

7

Step 8) When creating a button, go through the options (including adding a URL, button text, colours and sizing, etc.) and add it to your page once finished.

8

Step 9) The button will now show in the element section of the Page Builder, as shown below.

9

Step 10) The example below shows two buttons created for the post using Page Builder. One is for visiting the website, the other is for visiting the Facebook page. Click Publish on the right hand side and then View Post.

10

Step 11) As you can see, Page Builder has created and added two stunning call-to-action buttons on the post, and it didn’t take more than a few minutes to create (and with no code required).

11

Thank you for tuning in to our guide to the WR Page Builder WordPress plugin. If you have any queries or questions, let us know in the comments below and we’ll do our best to give you the answers you need. Enjoy your plugin!


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend