XeroWP
Gridpress – Grid Layout Design
G

Gridpress – Grid Layout Design

0/5 (0 ratings) — active installs Updated Jun 24, 2026
content gridgallerygridportfoliopost grid
Download v1.0.0 Plugin Website
<strong>General Settings Dashboard:</strong> Easily configure global variables, default font settings, container styles, and global layout rules.

<strong>General Settings Dashboard:</strong> Easily configure global variables, default font settings, container styles, and global layout rules.

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.