| 1 |
=== Post Grid === |
| 2 |
Contributors: PickPlugins |
| 3 |
Donate link: https://pickplugins.com/ |
| 4 |
Tags: Post Grid, Posts Slider, Posts Carousel, Post Filter, Post Masonry |
| 5 |
Requires at least: 5.0.0 |
| 6 |
Tested up to: 7.0 |
| 7 |
Stable tag: 2.3.24 |
| 8 |
License: GPLv2 or later |
| 9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html |
| 10 |
|
| 11 |
Post Grid is a powerful WordPress plugin for creating customizable post grid layouts with advanced query options, allowing users to display posts dynamically with filters, pagination, and multiple design variations. |
| 12 |
|
| 13 |
|
| 14 |
== Description == |
| 15 |
|
| 16 |
**Post Grid - Custom Post Type Grid, Slider, Masonry layout** |
| 17 |
|
| 18 |
Post Grid is a powerful WordPress plugin designed to display posts, pages, or custom post types in a visually stunning grid, slider, masonry layout. Whether youโre running a blog, eCommerce store, portfolio site, or business website, Post Grid allows you to showcase content in an organized and engaging way. |
| 19 |
|
| 20 |
๐ **Start creating beautiful post grids today!** |
| 21 |
|
| 22 |
๐ **[](https://demo.pickplugins.com/post-grid/Live Demo](https://demo.pickplugins.com/post-grid/](https://demo.pickplugins.com/post-grid/)** |
| 23 |
๐ **[](https://pickplugins.com/post-grid/Premium Features](https://pickplugins.com/post-grid/](https://pickplugins.com/post-grid/)** |
| 24 |
๐ **[](https://pickplugins.com/documentation/post-grid/Documentation](https://pickplugins.com/documentation/post-grid/](https://pickplugins.com/documentation/post-grid/)** |
| 25 |
๐ **[](https://www.pickplugins.com/support/Support](https://www.pickplugins.com/support/](https://www.pickplugins.com/support/)** |
| 26 |
๐ **[](https://www.youtube.com/watch?v=YVtsIbEb9zs&list=PL0QP7T2SN94Yut5Y0MSVg1wqmqWz0UYptVideo Tutorials](https://www.youtube.com/watch?v=YVtsIbEb9zs&list=PL0QP7T2SN94Yut5Y0MSVg1wqmqWz0UYpt](https://www.youtube.com/watch?v=YVtsIbEb9zs&list=PL0QP7T2SN94Yut5Y0MSVg1wqmqWz0UYpt)** |
| 27 |
|
| 28 |
### **Post Slider:** |
| 29 |
Additionally, Post Grid comes with a built-in Post Slider and carousel functionality, powered by Splide.js. These features are fully customizable, allowing you to fine-tune slider behavior, transitions, autoplay, navigation controls, and moreโall within the builder. |
| 30 |
|
| 31 |
### **Post Masonry:** |
| 32 |
|
| 33 |
Post Grid also includes a built-in masonry layout, allowing you to create dynamic, Pinterest-style grids with varying item heights. The layout automatically adjusts and arranges content in an optimized, space-efficient formatโperfect for showcasing blog posts, portfolios, galleries, and more. It's fully responsive and easy to configure, giving you flexibility without extra code. |
| 34 |
|
| 35 |
### **Filterable Post Grid:** |
| 36 |
|
| 37 |
Post Grid features a filterable grid layout that allows users to sort and display content dynamically based on categories, tags, or custom filters. With smooth animations and real-time filtering, it enhances user experience and makes it easy to organize large sets of content in an interactive, user-friendly wayโideal for portfolios, product grids, or blog archives. |
| 38 |
|
| 39 |
|
| 40 |
|
| 41 |
### **Advacned Style Generator:** |
| 42 |
Post Grid is a powerful, modern React-based builder that combines the flexibility of advanced styled components with the ease of no-code styling. You can customize any element visuallyโno need to write CSS. With full support for all standard CSS properties and pseudo-selectors like :hover, ::before, and ::after, Post Grid gives you complete design control directly within your components. |
| 43 |
|
| 44 |
### **Templates Library:** |
| 45 |
It also includes a Templates Library, allowing users to quickly select and apply professionally designed templates from our cloud library. This helps you build layouts faster while maintaining consistency and style across your projects. |
| 46 |
|
| 47 |
### **Archives and Dynamic post query:** |
| 48 |
Post Grid supports dynamic post querying through Archive integration, enabling you to automatically display posts based on categories, tags, authors, dates, or custom taxonomies. This makes it perfect for building blog archives, author pages, or any dynamic content layout that updates automatically as new content is publishedโno manual setup required. |
| 49 |
|
| 50 |
|
| 51 |
|
| 52 |
|
| 53 |
### **Key Features:** |
| 54 |
|
| 55 |
๏ฟฝ |
| 56 |
**Fully Responsive Grid Layout** |
| 57 |
- Works seamlessly on any device. |
| 58 |
- Customizable column settings for desktop, tablet, and mobile. |
| 59 |
|
| 60 |
๏ฟฝ |
| 61 |
**Supports Any Custom Post Type** |
| 62 |
- Display content from posts, pages, WooCommerce products, portfolios, or any other custom post type. |
| 63 |
- Select multiple post types for a unified grid display. |
| 64 |
|
| 65 |
๏ฟฝ |
| 66 |
**Advanced Query Options** |
| 67 |
- Filter posts by categories, tags, taxonomies, and terms. |
| 68 |
- Customize post order, publish status, and metadata. |
| 69 |
- Exclude or include specific posts by ID. |
| 70 |
- Display posts based on keyword search. |
| 71 |
|
| 72 |
๏ฟฝ |
| 73 |
**Layout Based Loop** |
| 74 |
- Pre-designed templates and layouts. |
| 75 |
- Drag-and-drop builder for easy grid customization. |
| 76 |
- Apply custom CSS styles for a unique design. |
| 77 |
|
| 78 |
๏ฟฝ |
| 79 |
**Pagination & Load More Options** |
| 80 |
- Classic pagination, AJAX-based pagination, and โLoad Moreโ buttons. |
| 81 |
- Customizable navigation text and icons. |
| 82 |
|
| 83 |
๏ฟฝ |
| 84 |
**Search Input Field** |
| 85 |
- Enable a search box within the grid to help users find content quickly. |
| 86 |
|
| 87 |
|
| 88 |
๐ **Advanced Pagination Types** |
| 89 |
- AJAX pagination. |
| 90 |
- Next-Previous navigation. |
| 91 |
- Filterable pagination. |
| 92 |
- AJAX Load More button. |
| 93 |
|
| 94 |
๐ฅ **Multiple Media Sources** |
| 95 |
- Featured images. |
| 96 |
- Embedded YouTube, Vimeo, Dailymotion, and SoundCloud media. |
| 97 |
- Custom thumbnails and Font Awesome icons. |
| 98 |
|
| 99 |
๐ **Meta & Custom Query Support** |
| 100 |
- Meta query for filtering by custom fields. |
| 101 |
- Custom query parameters for advanced data fetching. |
| 102 |
- Sticky post inclusion/exclusion. |
| 103 |
- Date-based filtering and author-based queries. |
| 104 |
- Display password-protected posts. |
| 105 |
|
| 106 |
### **Why Choose Post Grid?** |
| 107 |
- **User-friendly** โ No coding required, fully customizable. |
| 108 |
- **Lightweight & Fast** โ Optimized for performance and SEO. |
| 109 |
- **Versatile & Feature-rich** โ Ideal for blogs, portfolios, WooCommerce stores, and more. |
| 110 |
|
| 111 |
|
| 112 |
## 3rd Party Plugins Support |
| 113 |
|
| 114 |
* WooCommerce |
| 115 |
* Easy Digital Downloads |
| 116 |
* Advanced Custom Fields |
| 117 |
* CMB2 |
| 118 |
* Custom Field Suite |
| 119 |
* The Events Calendar |
| 120 |
* Events Manager |
| 121 |
|
| 122 |
|
| 123 |
|
| 124 |
|
| 125 |
|
| 126 |
Video Tutorial(with premium version interface) |
| 127 |
|
| 128 |
* [](https://www.youtube.com/watch?v=RKb-B_Q72Ak&list=PL2GPPfgLrfWxAZBQc10XCh5wzDSOfPrKBAll tutorials](https://www.youtube.com/watch?v=RKb-B_Q72Ak&list=PL2GPPfgLrfWxAZBQc10XCh5wzDSOfPrKB](https://www.youtube.com/watch?v=RKb-B_Q72Ak&list=PL2GPPfgLrfWxAZBQc10XCh5wzDSOfPrKB) |
| 129 |
|
| 130 |
## ๐ Users Feedback For Post Grid |
| 131 |
|
| 132 |
[](https://wordpress.org/support/topic/easy-and-intuitive-plugin-to-use/Miguelapps](https://wordpress.org/support/topic/easy-and-intuitive-plugin-to-use/](https://wordpress.org/support/topic/easy-and-intuitive-plugin-to-use/): โญโญโญโญโญ |
| 133 |
|
| 134 |
> Easy and intuitive plugin to use, It meets my expectations and it is what I was looking for to avoid SPA users on my website |
| 135 |
|
| 136 |
[](https://wordpress.org/support/topic/great-customisable-plugin-well-supported/Andrewh](https://wordpress.org/support/topic/great-customisable-plugin-well-supported/](https://wordpress.org/support/topic/great-customisable-plugin-well-supported/): โญโญโญโญโญ |
| 137 |
|
| 138 |
> Great customisable plugin & well supported, I use this on several sites to achieve a grid layout of posts. Itโs really customisable and the support is excellent. Highly recommended. |
| 139 |
|
| 140 |
[](https://wordpress.org/support/topic/flexible-plugin-excellent-support-2/Systembit](https://wordpress.org/support/topic/flexible-plugin-excellent-support-2/](https://wordpress.org/support/topic/flexible-plugin-excellent-support-2/): โญโญโญโญโญ |
| 141 |
|
| 142 |
> Flexible plugin, excellent support, Weโve been happily using it for nearly 5 years now. The plugin is flexible, we were able to customise to suit our needs. It is also simple to use despite all the flexibility. But best of all, the support, even for free users, is fast and good. I canโt recommend this enough. Thanks to everyone at PickPlugins for a great product! |
| 143 |
|
| 144 |
|
| 145 |
|
| 146 |
|
| 147 |
|
| 148 |
== External services == |
| 149 |
|
| 150 |
This plugin connects to an API to obtain ready templates library https://demo.pickplugins.com/accordions/ |
| 151 |
|
| 152 |
It send template query data like keywords, view types, page number to grab json data, so that json data can be used to generate slider templates. |
| 153 |
|
| 154 |
* [](https://pickplugins.com/terms-conditions/pickplugins.com/terms-conditions](https://pickplugins.com/terms-conditions/](https://pickplugins.com/terms-conditions/) |
| 155 |
* [](https://pickplugins.com/privacy-policy/pickplugins.com/privacy-policy/](https://pickplugins.com/privacy-policy/](https://pickplugins.com/privacy-policy/) |
| 156 |
* [](https://pickplugins.com/about-us/pickplugins.com/about-us/](https://pickplugins.com/about-us/](https://pickplugins.com/about-us/) |
| 157 |
|
| 158 |
|
| 159 |
|
| 160 |
|
| 161 |
|
| 162 |
|
| 163 |
|
| 164 |
|
| 165 |
|
| 166 |
== Installation == |
| 167 |
|
| 168 |
1. Install as regular WordPress plugin. |
| 169 |
2. Go your plugin setting via WordPress Dashboard and find "Post Grid" activate it. |
| 170 |
|
| 171 |
After activate plugin you will see "Post Grid" menu at left side on WordPress dashboard click "New Post Grid" and use the options field "Post Grid" |
| 172 |
|
| 173 |
|
| 174 |
How to use on page or post |
| 175 |
When Post Grid options setup done please publish Post Grid as like post or page |
| 176 |
|
| 177 |
and then copy shortcode from top of Post Grid Options `[post_grid id="1234" ]` |
| 178 |
|
| 179 |
then paste this shortcode anywhere in your page to display grid |
| 180 |
|
| 181 |
= Minimum Requirements = |
| 182 |
|
| 183 |
- WordPress 5.0.0 or greater |
| 184 |
- PHP version 7.3 or greater |
| 185 |
- MySQL version 5.6 or greater |
| 186 |
|
| 187 |
= Automatic installation = |
| 188 |
|
| 189 |
1. Go to your WordPress Plugin installation menu (Dashboard > Plugins > Add New) |
| 190 |
2. In the search field type Post Grid and press enter. |
| 191 |
3. "Install Now" and then click "Active" |
| 192 |
|
| 193 |
= Manual installation = |
| 194 |
|
| 195 |
For Manual installation, you download our product from WordPress directory uploading it to your web-server via your FTP or CPanel application. |
| 196 |
|
| 197 |
1. Download the plugin and unzip it, make sure its under the folder name "post-grid" |
| 198 |
2. Using an FTP program or CPanel upload the unzipped plugin folder to your WordPress installationโs wp-content/plugins/ directory. |
| 199 |
3. Activate the plugin from the Plugins menu (Dashboard > Plugins > Installed Plugins > Post Grid) within the WordPress admin. |
| 200 |
|
| 201 |
== Frequently Asked Questions == |
| 202 |
|
| 203 |
= What is a post grid? = |
| 204 |
|
| 205 |
A post grid is a layout format used to display a collection of blog posts or other types of content in a grid-like structure on a website. The grid displays the featured images and titles of the posts in an organized manner, typically with multiple posts shown in rows and columns. The purpose of a post grid is to provide a visually appealing way to showcase a large number of posts, allowing users to quickly browse and find the content they're interested in. Some common applications of post grids include blog homepages, category pages, and archives. |
| 206 |
|
| 207 |
= What is a blog post grid? = |
| 208 |
|
| 209 |
A blog post grid is a type of layout that is used to display a collection of blog posts on a website. The blog posts are arranged in a grid-like structure, with each post represented by its featured image and title. The grid is designed to provide a visually appealing way to showcase a large number of posts, making it easier for users to quickly browse and find the content they're interested in. The post grid is commonly used on blog homepages, category pages, and archives, and can be customized to fit the look and feel of the website. Some popular features of blog post grids include the ability to filter posts by category, the ability to paginate the posts, and the ability to display post metadata such as the date published and the author's name. |
| 210 |
|
| 211 |
= What is Masonry Grid? = |
| 212 |
|
| 213 |
Masonry grid is a layout style for arranging elements in a flexible grid, with the ability to have elements of different sizes, just like a masonry wall. It's commonly used in a variety of contexts such as galleries, blog posts, portfolios, and other similar use cases, where the content elements need to be displayed in a dynamic and organized manner, filling the available space in an optimal way. |
| 214 |
|
| 215 |
In web development, Masonry grid can be implemented using CSS grid, flexbox or JavaScript-based libraries such as Masonry.js, Isotope, or Packery. The main idea behind Masonry grid is to create a grid of items that fit together like stones in a wall, filling any gaps and maximizing the use of space in an aesthetically pleasing way. |
| 216 |
|
| 217 |
= What is Filterable Post Grid? = |
| 218 |
|
| 219 |
Filterable Post Grid is a WordPress plugin that allows you to display posts or custom post types in a grid layout with the ability to filter the displayed content based on categories, tags, or custom taxonomies. This plugin can be used to create a portfolio, gallery, or any other type of grid-based content display. It provides a user-friendly interface for creating and customizing the grid, and it offers a range of styling options to ensure that the grid fits seamlessly into your website design. |
| 220 |
|
| 221 |
|
| 222 |
|
| 223 |
|
| 224 |
|
| 225 |
= Can I request new features? = |
| 226 |
|
| 227 |
You can ask or request a new feature via wordpress.org forum or please go to our forum page https://pickplugins.com/support/ |
| 228 |
|
| 229 |
= Where can I report bugs for this plugin? = |
| 230 |
|
| 231 |
You can report a bug via wordpress.org forum, also we are avilable on official forum https://pickplugins.com/support/ |
| 232 |
|
| 233 |
|
| 234 |
|
| 235 |
== Screenshots == |
| 236 |
|
| 237 |
|
| 238 |
|
| 239 |
== Changelog == |
| 240 |
|
| 241 |
|
| 242 |
= 2.3.24 = |
| 243 |
- 2026-07-19 - fixed - Cross Site Scripting (XSS) |
| 244 |
|
| 245 |
= 2.3.23 = |
| 246 |
- 2026-01-13 - fixed - Extra content under grid loop issue fixed |
| 247 |
|
| 248 |
= 2.3.22 = |
| 249 |
- 2026-01-11 - fixed - admin broken issue fixed |
| 250 |
- 2026-01-11 - fixed - Builder template library issue fixed |
| 251 |
|
| 252 |
|
| 253 |
= 2.3.21 = |
| 254 |
- 2025-12-24 - fixed - Remote file URL removed |
| 255 |
- 2025-12-24 - fixed - Local file URL removed |
| 256 |
- 2025-12-24 - fixed - mixitup.js removed due to GPL issue |
| 257 |
- 2025-12-24 - fixed - Output Escaping issue fixed |
| 258 |
- 2025-12-24 - fixed - Input Sanitize issue fixed |
| 259 |
|
| 260 |
= 2.3.20 = |
| 261 |
- 2025-12-18 - fixed - Escaping issue fixed |
| 262 |
- 2025-12-18 - update - Builder view css load optimized |
| 263 |
|
| 264 |
= 2.3.19 = |
| 265 |
- 2025-11-26 - fixed - Fixed builder template library URL issue fixed |
| 266 |
- 2025-11-26 - fixed - Loading builder templates issue fixed. |
| 267 |
|
| 268 |
= 2.3.18 = |
| 269 |
- 2025-11-08 - fix - Security issue fixed. |
| 270 |
|
| 271 |
= 2.3.17 = |
| 272 |
- 2025-05-30 - add - Custom number pagination access on post grid list. |
| 273 |
- 2025-05-30 - add - Add button to create new post grid. |
| 274 |
- 2025-05-30 - fix - layout editor issue fixed. |
| 275 |
- 2025-05-30 - fix - Templates library issue fixed. |
| 276 |
|
| 277 |
= 2.3.16 = |
| 278 |
- 2025-05-25 - update - Improved layout editor. |
| 279 |
- 2025-05-25 - add - Added improved dummy posts data |
| 280 |
- 2025-05-25 - add - Added improved dummy products data |
| 281 |
- 2025-05-25 - add - Icons added for post author and post date element. |
| 282 |
- 2025-05-25 - update - Filterable style grid filters search issue fixed. |
| 283 |
|
| 284 |
= 2.3.15 = |
| 285 |
- 2025-05-17 - add - Default query parameteres added. |
| 286 |
- - 2025-05-17 - add - Add query presets. |
| 287 |
|
| 288 |
- |
| 289 |
= 2.3.14 = |
| 290 |
- 2025-05-14 - add - Pro marker issue fixed for few features. |
| 291 |
- 2025-05-14 - add - WooCommerce product Elements added to layouts builder. |
| 292 |
|
| 293 |
= 2.3.13 = |
| 294 |
- 2025-05-13 - add - Filterable style grid added to new builder. |
| 295 |
- 2025-05-13 - update - Pagiantion update |
| 296 |
|
| 297 |
= 2.3.12 = |
| 298 |
- 2025-05-05 - fix - Minor Security issue fixed. |
| 299 |
- 2025-05-05 - add - One click loop layout apply feature added. |
| 300 |
- 2025-05-05 - fix - pagination issue fixed. |
| 301 |
|
| 302 |
= 2.3.11 = |
| 303 |
- 2025-05-05 - add - View Type Slider added to builder |
| 304 |
- 2025-05-05 - add - View Type Masonry added to builder |
| 305 |
|
| 306 |
= 2.3.10 = |
| 307 |
- 2025-05-04 - add - New Modern React based post grid builder added |
| 308 |
|
| 309 |
= 2.3.9 = |
| 310 |
- 2025-03-16 - update - Readme update |
| 311 |
|
| 312 |
= 2.3.8 = |
| 313 |
- 2025-03-16 - update - Blocks Removed and Move to https://wordpress.org/plugins/combo-blocks/ |
| 314 |
|
| 315 |
= 2.3.7 = |
| 316 |
- 2025-02-23 - fix - User Query Block - REST API allow access to admin only. |
| 317 |
|
