Gridpress – Grid Layout Design

Description

Gridpress is a flexible and powerful WordPress grid plugin that lets you display any WordPress post type — posts, pages, products, portfolios, team members, testimonials, and more — in beautiful, responsive grid layouts. Choose from 30 unique card styles, configure everything through a clean admin interface, and embed your grid anywhere with a simple shortcode.

Whether you’re building a blog, a WooCommerce store, a portfolio site, or a company website, Gridpress gives you the tools to present your content in a visually compelling, mobile-friendly grid layout — without writing a single line of code.

🎨 30 Pre-Built Grid Styles

Gridpress ships with 30 ready-to-use grid card designs covering a wide variety of use cases:
* Blog / Magazine styles – with post date, author, comments count, categories & tags
* Portfolio / Gallery styles – clean image-focused layouts with hover effects
* Video gallery styles – dedicated video card designs with views & likes counters
* Product-ready styles – layouts optimized for WooCommerce and eCommerce
* Creative / branding styles – multi-image cards, background color cards, Behance-linked cards and more

📦 Dual Data Source Support

  • Posts Data – Pull content automatically from any registered WordPress post type. Filter by taxonomy terms, set order, sort direction, and number of posts per grid.
  • Manual Data – Build grids with hand-crafted items. Add custom titles, images, URLs, video files or YouTube/Vimeo links, dates, authors, categories, excerpts, views, likes, and more — entirely independent of your site’s posts.

🔧 Full Grid Configuration

Each grid is configured through a tabbed settings panel:
* General Settings: Select one of 30 card styles
* Data Source: Posts data vs. manual items; post type, taxonomy filters, order, pagination
* Layout: Simple or Masonry grid; number of columns (2/3/4/6); hover effects
* Display Settings: Show/hide excerpt, button, date, author, comments, categories/tags; top taxonomy filters
* Typography: Custom font size, line height, font style, font weight and color for text elements

🧩 Integrations

  • Compatible with Elementor via the built-in Shortcode widget
  • Compatible with WPBakery Page Builder via Text Block and Raw HTML elements
  • Easily embed GridPress grids anywhere using generated shortcodes

Third-Party Libraries

This plugin includes third-party libraries used under their respective licenses.

Select2

Files included:
– js/select2/select2.full.min.js
– css/select2/select2.full.min.css

Source: https://select2.org/
Repository: https://github.com/select2/select2
License: MIT License

Copyright (c) Select2 contributors

Quick Start: Demo Data Import (Recommended)

Get your website looking exactly like our demo in just a few clicks.

Step 1 — Download the Demo Import Plugin

Download the companion demo data plugin from the official GridPress website:

Download: https://codestap.com/plugins/gridpress-demo-data.zip

Step 2 — Install the Plugin

In your WordPress Dashboard:

Plugins Add New Upload Plugin

  1. Click Choose File
  2. Select gridpress-demo-data.zip
  3. Click Install Now
  4. Click Activate

Step 3 — Import Demo Content

Once activated, a new Import Demo Data menu will appear in your WordPress Dashboard.

Navigate to:

GridPress Import Demo Data

You can import the following demo content:

  • Media Files
  • Pages
  • Posts
  • Products
  • Grids

Click the Import Demo Content button to begin the import process.

Depending on your server configuration and the amount of data being imported, the process may take a few minutes to complete. Please do not close your browser window while the import is running.

After the import is complete, your website will closely match the demo, allowing you to explore all available layouts and customize them for your own content.

Important Notes

  • Demo content is intended for new or development websites.
  • Existing content will not be removed or overwritten.
  • We recommend importing demo data before creating your own content.
  • After importing, you can edit or delete any demo content at any time.

Need Help?

If you experience any issues during installation or the import process, please contact our support team and we’ll be happy to assist.

Screenshots

Installation

  1. Upload the plugin files to the /wp-content/plugins/gridpress-grid-layout-design directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Navigate to Grids > Add New to create your first grid.
  4. Choose a style, configure data source and display settings, then copy the shortcode.
  5. Paste the shortcode [gridpress_grid id="YOUR_ID"] into any page or post.

FAQ

Does Gridpress work with any WordPress theme?

Yes. Gridpress is built using standard WordPress APIs and outputs clean HTML. It works with any properly coded theme.

Can I display WooCommerce products in a grid?

Yes. Any registered post type — including WooCommerce product — can be selected as the data source once it is enabled in Global Settings.

Does it support Elementor?

Yes. Gridpress is compatible with Elementor using the built-in Shortcode widget.

Can I create a grid with custom items?

Yes. Use the Manual Data source to add items with custom titles, images, video URLs, dates, authors, and more.

What pagination options are available?

Page Numbers, Load More (AJAX button), and Infinite Scroll (AJAX auto-load on scroll).

Can I export and import grid settings?

Yes. Use the Import/Export tab in any grid’s settings to download a JSON backup or upload one to restore settings.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Gridpress – Grid Layout Design” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • Initial release.