WP Better Pages

Build better looking pages using CSS Grid and make optins, CTA, reviews, coupons, social media, table of content, landing pages and more.

Author:Amit Upadhyay (profile at wordpress.org)
WordPress version required:4.5
WordPress version tested:5.2.2
Plugin version:1.0
Added to WordPress repository:12-07-2019
Last updated:13-07-2019
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:0
Rated by:0
Plugin URI:
Total downloads:162
Active installs:10+
plugin download
Click to start download

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
Review Section
Social Media
Table Of Content

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.