The Grid Wordpress

Posts Table Pro. Posts Table Pro helps you create highly customizable tables from posts, pages,. The Grid is an extensively customizable premium WordPress grid plugin through which you can showcase your posts in a responsive grid system. This plugin supports various custom posts, including text, image, gallery, video, audio, link, and quote. The Grid is a top rate wordpress grid plugin which lets in you in conformity with show aloof anybody customized submit sorts within a entirely customizable and responsive grid system. It is perfectly acceptable for showing your blog, portfolio, e-commerce or any form on WordPress post type. Grid allows Editors to easily create and maintain Landingpages Grid is build of a grid containing Containers and Boxes Grid is a CMS-neutral Library and this is the WordPress plugin that implements it. The only one wordpress grid plugin which can handle sorting/filtering of a grid with an horizontal layout (slider) Up To 10 Rows (slider) & 12 columns 4 item Navigations (free, basic, centered, force centered).

Description

Main Site Demo Docs Premium Version

Create unlimited layout and display all post types.

Grid Plus is a WordPress grid plugin which allows you create unlimited layout and display all post types in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce or any kind of WordPress post type.

Grid Plus features

  • Responsive Ready: Grid looks great from small resolutions to large displays.

  • Unlimited color: You can set your own color scheme or choose from custom css for each grid.

  • Freelance invoice. Media Metabox Ready: provide media metabox for post and custom post type.

  • Layout builder: With layout builder, you can build many layout follow what you want:

    • Grid layout
    • Masonry layout
    • Carousel layout
  • Add more skin: Grid provide action hook for developer can be add more item skin

  • Well documented.

  • Developer friendly. Grid Plus is built to be extensible.

Demo

Video how to

  1. How to create grid layout.
  2. How to create masonry layout.
  3. How to create carousel layout.
  4. How to create metro layout. (Pro Feature)
  5. How to import & export layout. (Pro Feature)
  6. How to manage image and video.

Become a Premium user

Grid Plus has a Premium version which comes with several additional benefits.

  • Import & Export: You can export grid layout from another site and import to new site easy
  • Unlimited Layout: include layout builder for Metro layout
  • More item skin

Installation

Installing the plugin

  1. In your WordPress admin panel, go to Plugins > New Plugin, search for Grid Plus and click “Install now
  2. Alternatively, download the plugin and upload the contents of grid-plus.zip to your plugins directory, which usually is /wp-content/plugins/.
  3. Activate the plugin

FAQ

More documentation

More detailed documentation can be found in the Grid Plus knowledge base.

Reviews

Very happy with this plugin, effective and flexible. Thanks!

Looking to create grid style layout in WordPress without compromising your existing layout?If yes then You’re at right place.Grid based layout are perfect for displaying your product like plugins for sell and themes.Grid based layout is in trend and it enhances your website layout.

Most of the WordPress themes do not come with a grid layout to display your posts.With this tutorial, you can create grid style layout on WordPress website smoothly without using codes.There are plenty of plugins available which can add masonry style layout on your WordPress website.

Tutorial to Create Grid style layout

To create grid style layout in WordPress website, you need a plugin which can build grid style layout.There are plenty of plugins available on the internet that can build amazingly beautiful masonry style layout.

We’re using Essential grid plugin to create grid style layout, you can also use this plugin.Just visit the Codecanyon store and purchase this plugin in jaw-dropping price $26.Essential is a premium plugin you should give it a try.

So let’s begin the tutorial on how to create grid style layout in WordPress.

The first step is to purchase the plugin and complete the installation process.You can purchase this plugin from this link.Once you have purchased the plugin download the .ZIP file on your local hard drive(Computer).Now open the main installable plugin folder and upload it to the WordPress.

Once you have successfully installed and activate the plugin, you can now create the grid layout.Click on the essential grid option in the left side menu bar and you’ll be redirected to the essential grid dashboard.

On the Essential plugin dashboard, you can see many options.Now click on the “create new essential grid” from the dashboard.After creating create new essential grid option, a new editor will open where you can customize the grid style, skin, and others.

Naming Your Grid

After following these steps, you can see the essential grid editor.The first option in this editor is naming your grid under which you have to enter the name of the grid and Alias.

Select the Source of the Grid

Once you given the name your new grid, now go the next option “Source”, under which you have to the select the sources of the post of images such as category, tags and more.

  • Post Type : Post/Page
  • Post Categories : Select your category or Tags.
  • Maximum Entries : How many grids you want to show.
  • Set Source Order : Featured Image

Configure Your Grid

The next option is to configure your grid.Under the grid setting option, you can select the Layout style, number of columns, pagination setting, Smart loading and spacing, Padding.

1.Layout

  • Layout : As per your style(We are using Boxed)
  • Grid Layout: As per you style(We’re using even)
  • Items Ratio X:Y : 4:3

2.Columns

  • Setting Mode : Simple(Advanced is Complicated for Beginners)
  • Desktop Large : 3
  • Medium : 3
  • Small : 2
  • Tablet : 2
  • Mobile Landscape : 2
  • Mobile : 1

Select the Skin

Under this option, you have to select the skin from the Prebuild skins.In this option, you can choose the background color and item skin.

Animation

The Grid Plugin

The grid wordpress documentation

Under this option, you can add animation to your grids.There are two options first is Grid Animations and second is Hover Animations.

  • Start and Filter Animations : As per your Need(We’re using Fade)
  • Animation Speed : 1000 ms
  • Animation Delay : 1
  • Hover Animations : 1

Save your Grid

Wordpress.off The Grid

Once you properly configure your grid, you can save your grid to use it on the post or any other page.Click on the green “Save” icon in the right to save the grid for use in the future.

The Post Grid Wordpress

The last step is to add your grid on the page or in your post.This can be done by adding the shortcode on the page on which you want to show the grid.Just copy the shortcode and paste it into the page.

Final Words

The Grid Wordpress Plugin

We hope that this tutorial direct you in the right direction and you’ll create your grid style website soon.There is a similar plugin available “The Grid”, but I have faced some issue this The Grid plugin, so I recommend you to use Essential Grid plugin and convert your existing blog into the Masonry style website.

If you want to suggest another plugin that can create grid style layout in WordPress, please share with us and our readers.