WP Better Pages

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 : [youtube https://www.youtube.com/watch?v=JdlEqkfc-h4] 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.
11. 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.

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.

1.0

• First version released on wordpress repository.