WP Better Pages

Description

Welcome To Wp Better Pages Plugin.

This plugin uses CSS grid functionality to create many awesome layouts which you can see below :

Author Bio
CTA Section
Deals And Coupons
Landing Pages
Optin Section
Popups
Review Section
Social Media
Table Of Content
Widgets

This video will explain you how it works :

You can also read this guide : How It Works

Features :

  • Build rows, columns and entire grids separately
  • Over 50 templates for free (more will be added)
  • Completely responsive
  • Works with any theme
  • Can be used in posts, pages, widgets or any other custom location
  • Developer friendly

I developed this plugin for a very simple reason. Check this landing page below :

Landing Page 3

You wouldn’t believe that there is literally no plugin out there which can allow you to build something like this for free. Even the paid options are very costly. And ultimately all you need to do is build a lead page with a video, background image and some buttons.

I was sick and tired of paying for so many things so decided to make something for myself.

Ofcourse the shortcode which has to be used is little complicated to write by yourself, this is why I have made a code generator in the plugin page using javascript (check the screenshot or the below video).

How to make it work ? Read the instructions.

Instructions :

  1. Go to https://grid.layoutit.com/
  2. Change the number of rows and columns
  3. Change the size of columns but not of rows (let rows remain 1fr*)
  4. Make areas as per your requirement
  5. Click on Get The Code button
  6. Switch the first option off
  7. Copy the CSS section to plugin’s Convert Grid CSS box inside your plugin’s page ()
  8. Click convert and use the shortcode in your page, post or anywhere on website.
  9. Insert all your text, images or other shortcodes between [wpbtr_cell] [/wpbtr_cell] sections.
  10. You can style the main grid and all other cells using the style tag.
  • Rows are supposed to have auto size and not 1fr or 0.5fr otherwise your design will be broken. When rows have auto size they automatically resize the cell and grid.

Very Important :

  1. When using the shortcodes make sure other shortcodes on same page have different class names or your design will be broken.
  2. The change class button does not work on some templates (those inside shortcode ultimate tabs, landing pages etc.). Change those class names manually if you intend to use multiple similar templates on same page.
  3. You cannot use same shortcode inside another one. One grid shortcode cannot exist inside another, one row or column cannot be inside another. This is by default and a limit imposed by wordpress not me.

No pro version exists and I am not working on one either. If you want to contribute please go to my website and make donation to help me keep working on this.

Screenshots

  • Author bio section 1
  • Author bio section 2
  • CTA section 1
  • CTA section 2
  • Coupons section 1
  • Optin section 1
  • Optin section 2
  • Review section 1
  • Review section 2
  • Landing Page 1
  • Landing Page 2

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the WP Better Pages screen to get the row, column or grid shortcodes, or convert CSS to grid or use templates.

FAQ

Is there any pro version available?

Nope and there won’t be any. Everyone will be using this for free.

How long will this be updated?

I will keep updating this every week or every two weeks. Although I could really use some help with donation to keep working on this.

How to use landing page templates?

Check the template. Choose the template style as mentioned, select individual settings and then paste the text from below (or your own text) in the page.

Will this work with my theme?

It should but if it does not let me know through email at amit@wpbetterpages.com. Let me know your theme name and your shortcode. I will take a look.

Where can I report a bug?

You can email me at amit@wpbetterpages.com or contact me at https://www.facebook.com/amit.upadhyay.9619

Contributors & Developers

“WP Better Pages” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP Better Pages” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

1.0

  • First version released on wordpress repository.