WPXERO

<p><strong>What Gridify Plus does</strong></p>
<p>Gridify Plus adds <strong>two Elementor widgets</strong> you drag onto any page or template:</p>
<ol>
<li><strong>Post Grid</strong> — Lists <strong>WordPress blog posts</strong> (articles, news, guides) in a responsive tile layout with optional filters and pagination.</li>
<li><strong>Product Grid</strong> — Lists <strong>shop catalog items</strong> when <strong>WooCommerce</strong> is active: featured products, sales, best sellers, categories/tags, pricing, ratings, add to cart, and optional gallery-hover imagery.</li>
</ol>
<p>You configure queries and styling entirely inside Elementor’s sidebar—no custom PHP templates required—making it practical for merchants, publishers, and agencies who want repeatable shop or magazine layouts.</p>
<p><strong>Why install it</strong></p>
<p><strong>Gridify Plus</strong> replaces brittle manual loops or generic theme archives when you need a <strong>purpose-built Elementor grid</strong> for posts or products: filtered listings, conversion-focused cards (reviews, badges, cart buttons), and <strong>AJAX load-more</strong> so visitors can browse deeper catalogs without a full page reload.</p>
<p>Whether you run an online store, a magazine-style blog, or a hybrid marketing site, Gridify Plus keeps catalog and editorial grids aligned with your brand—readable on mobile, easy for teammates to edit, and simpler to maintain across sites.</p>
<h4>Core capabilities</h4>
<p><strong>Two dedicated widgets</strong></p>
<ul>
<li><strong>Post Grid</strong> — Curate blog content by category, ordering, exclusions, and pagination; optional publish date, excerpt length, author presentation, and control over sticky posts.</li>
<li><strong>Product Grid</strong> — WooCommerce-aware grids with merchandising presets (featured, on sale, best sellers, top rated, recent), category and tag filtering, optional hiding of free or out-of-stock products, and granular card controls.</li>
</ul>
<p><strong>WooCommerce product cards</strong></p>
<p>Show or hide product imagery, titles, star ratings (when reviews are enabled), sale badges, prices, add-to-cart actions, category badges, and seller/author rows. Optional gallery image swap on hover helps product tiles feel closer to premium storefront builders—without leaving your Elementor workflow.</p>
<p><strong>Pagination that matches real UX</strong></p>
<p>Choose <strong>numbered pagination</strong>, <strong>Load more (AJAX)</strong> (no full page reload), or <strong>no pagination</strong>—for both post and product grids—so you can align behavior with landing pages, category hubs, or long editorial indexes.</p>
<p><strong>Responsive layout</strong></p>
<p>Column counts and spacing are responsive across breakpoints so grids stay readable on phones and tablets—supporting a smoother experience that complements Core Web Vitals–friendly practices.</p>
<p><strong>Deep styling in Elementor</strong></p>
<p>Adjust backgrounds, borders, radius, shadows, typography, and colors for cards, images, titles, prices, categories, author blocks, pagination, and load-more controls—keeping visual language on-brand.</p>
<p><strong>Compatibility you can plan around</strong></p>
<ul>
<li>Declares support for WooCommerce <strong>High-Performance Order Storage (HPOS)</strong>.</li>
<li>Multisite-aware detection when WooCommerce is active on a network.</li>
<li>Elementor version guards and predictable widget registration suitable for production sites.</li>
</ul>
<h4>Who it is for</h4>
<ul>
<li><strong>Store owners</strong> building shop, category, sale, or featured-product sections with Elementor.</li>
<li><strong>Publishers & marketers</strong> who need dependable blog grids, archive-style blocks, and author-aware layouts.</li>
<li><strong>Agencies & freelancers</strong> standardizing reusable grid patterns across WooCommerce and content-heavy builds.</li>
</ul>
<h4>Requirements (quick reference)</h4>
<ul>
<li><strong>Elementor</strong> is required (widgets register through Elementor).</li>
<li><strong>WooCommerce</strong> is required only for the <strong>Product Grid</strong> widget; <strong>Post Grid</strong> runs on a standard WordPress site.</li>
</ul>


Gridify Plus

Elementor Post Grid and Product Grid (for WooCommerce): responsive grids, query filters, AJAX load-more, product cards with add to cart, HPOS-ready.

Alexander

Pathhan

mohammadhanif

fkfaisalkhan007

zish

Sharik Khan

FARAZFRANK

A WP Life

<p>Need a beautiful blog post grid for your site? This plugin is built for you. It helps you show your posts in clean grids or masonry layouts.</p>
<p>Visitors can instantly filter posts by <strong>Category or Tag</strong> without loading new pages. This makes your site faster and much easier to explore.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7Ue3eIM3nu4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>Upgrade To Premium –  <a href="https://awplife.com/wordpress-plugins/blog-filter-wordpress-plugin/" rel="nofollow ugc">Blog Filter Plugin</a></strong></p>
<p><strong>Premium <a href="https://awplife.com/demo/blog-filter-premium/" rel="nofollow ugc">Blog Filter Plugin Demo</a></strong></p>
<h4>Simple and Powerful</h4>
<p>Our <strong>Blog Filter</strong> fetches your content automatically. You can choose two main styles for your <strong>Post Grid</strong>:<br />
* <strong>Grid Layout:</strong> Shows your posts in even rows and neat columns.<br />
* <strong>Masonry Layout:</strong> Fits posts tightly together like Pinterest, saving empty space.</p>
<h4>Who Needs a Filterable Post Grid?</h4>
<ul>
<li><strong>Bloggers:</strong> Let readers sort through articles by <strong>Category or Tag</strong>.</li>
<li><strong>News Sites:</strong> Arrange top news into easy sections that users can toggle.</li>
<li><strong>Portfolio Sites:</strong> Showcase your work dynamically in a clean visual grid.</li>
<li><strong>Writers:</strong> Help users find specific topics using simple button clicks.</li>
</ul>
<h3>Blog Filter Post Grid Key Features</h3>
<h4>Instant Category or Tag Filters</h4>
<p>Users click filter buttons above your grid. Posts will instantly sort by their <strong>Category or Tag</strong>.</p>
<h4>Responsive Layouts</h4>
<p>Your <strong>Post Grid</strong> looks great on phones, tablets, and desktops. The design adapts to every screen size.</p>
<h4>Grid and Masonry Styles</h4>
<p>Switch between standard grids or masonry layouts with one click. Masonry works best for images of different heights.</p>
<h4>Fast Load More Button</h4>
<p>Instead of slow page numbers, use our AJAX <strong>Load More</strong> button. It loads new posts fast without refreshing.</p>
<h4>Page Builder Ready</h4>
<p>Works with classic editors and modern page builders. Fully compatible with Elementor, Beaver Builder, and Divi.</p>
<h4>Quick Setup Guide</h4>
<ol>
<li>Install and activate the plugin through your WordPress dashboard</li>
<li>Navigate to “Plugins Menu > Blog Filter Settings”</li>
<li>Configure the appearance and filtering options</li>
<li>Copy the generated shortcode</li>
<li>Paste the shortcode into any page, post, or widget area</li>
</ol>
<p>That’s it. The plugin handles the rest automatically.</p>
<h4>Available Languages</h4>
<p>Blog Filter supports multiple languages out of the box:</p>
<ul>
<li>Arabic (ar)</li>
<li>Chinese (zh_CN)</li>
<li>Dutch (nl_NL)</li>
<li>Finnish (fi_FI)</li>
<li>French (fr_FR)</li>
<li>German (de_DE)</li>
<li>Hebrew (he_IL)</li>
<li>Hindi (hi_IN)</li>
<li>Hungarian (hu_HU)</li>
<li>Indonesian (id_ID)</li>
<li>Italian (it_IT)</li>
<li>Japanese (ja_JP)</li>
<li>Polish (pl_PL)</li>
<li>Portuguese (pt_PT)</li>
<li>Russian (ru_RU)</li>
<li>Spanish (es_ES)</li>
</ul>
<p>You can also translate the plugin into your native language using standard WordPress translation methods.</p>
<h3>Blog Filter Features</h3>
<h4>Automatic Post Detection</h4>
<p>The plugin automatically pulls in your existing WordPress posts. There’s no manual entry required – just install, configure your display preferences, and your posts appear in the filtered layout.</p>
<h4>Category and Tag Filtering</h4>
<p>Choose whether to filter posts by categories, tags, or both. Filter buttons appear above your post grid, allowing visitors to narrow down content with a single click.</p>
<h4>Responsive Grid Layout</h4>
<p>Posts display in a grid format that adapts to screen sizes. Whether someone visits on a desktop monitor, tablet, or smartphone, the layout adjusts accordingly.</p>
<h4>Masonry Arrangement</h4>
<p>Enable masonry layout to create that Pinterest-style look where posts of varying heights fit together without awkward gaps. This works particularly well when your posts have featured images of different dimensions.</p>
<h4>Image Quality Control</h4>
<p>Select the image resolution for displayed thumbnails. You can opt for high-resolution images on design-focused sites, or choose smaller sizes for faster page loads.</p>
<h4>Multi-Color Filter Buttons</h4>
<p>Apply different colors to your filter buttons to match your site’s design or to help visitors visually distinguish between categories.</p>
<h4>Post Titles and Details</h4>
<p>Show or hide post titles, dates, authors, and other metadata. Control what information appears beneath each post thumbnail.</p>
<h4>Automatic Post Links</h4>
<p>Each post in the grid links directly to its full single post page. No additional configuration needed.</p>
<h4>Shortcode-Based Placement</h4>
<p>Use the generated shortcode to place your filtered post grid anywhere on your site – pages, posts, sidebar widgets, or page builder sections.</p>
<h4>Load More Functionality</h4>
<p>Instead of pagination, you can enable a “Load More” button that fetches additional posts without page reloads.</p>
<h4>Custom Post Type Support</h4>
<p>Display posts from custom post types, not just standard WordPress posts.</p>
<h3>Premium Version Features</h3>
<p>The premium version of Blog Filter includes additional capabilities:</p>
<h4>BLOG FILTER PREMIUM FEATURES WITH DEMO</h4>
<ul>
<li><a href="https://awplife.com/demo/blog-filter-premium/template-1/" title="Blog Filter Premium (Blog Post Grid Layout 1)" rel="nofollow ugc">Blog Filter Premium Layout 1</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/template-2/" title="Blog Filter Premium (Blog Post Grid Layout 2)" rel="nofollow ugc">Blog Filter Premium Layout 2</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/template-3/" title="Blog Filter Premium (Blog Post Grid Layout 3)" rel="nofollow ugc">Blog Filter Premium Layout 3</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/column-layout/" title="Blog Filter Premium (Blog Post Grid Layout with filters)" rel="nofollow ugc">Blog Filter Premium Multiple Column Layout</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/blog-filter-without-image/" title="Blog Filter Premium (Blog Post without Image Layout with filters)" rel="nofollow ugc">Blog Filter Premium Without Image</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/blog-without-filter/" title="Blog Filter Premium (Blog Post without Filters Layout)" rel="nofollow ugc">Blog Filter Premium Without Filters</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/hover-effect-1/" title="Blog Filter Premium (Blog Post Multi Hover Effects)" rel="nofollow ugc">Blog Filter Premium With Hover Effects</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/" title="Blog Filter Premium (Blog Post Image With Lightbox)" rel="nofollow ugc">Blog Filter Premium With Lightbox</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/" title="Blog Filter Premium (Blog Post Image With Single Post Link On Image)" rel="nofollow ugc">Blog Filter Premium With Single Post Link On Image</a></li>
<li><a href="https://awplife.com/demo/blog-filter-premium/second-veriation/" title="Blog Filter Premium (Blog Post Image With Second Variation for Title, Date & Author)" rel="nofollow ugc">Blog Filter Premium With Second Variation for Title, Date & Author</a></li>
</ul>
<h4>Premium Features Include</h4>
<ul>
<li>Multiple pre-designed templates</li>
<li>Up to 4-column layouts</li>
<li>Five hover effects for post thumbnails</li>
<li>Lightbox popup for featured images</li>
<li>Unlimited filter colors</li>
<li>Custom CSS option for advanced styling</li>
<li>Widget support for sidebar placement</li>
<li>Additional post metadata display options</li>
<li>Bootstrap-based framework</li>
<li>Priority support</li>
</ul>
<h3>Understanding Masonry Layouts</h3>
<p>Masonry layout arranges elements in a grid where items are positioned to fill vertical space efficiently. Unlike traditional grids where each row has the same height, masonry allows items of different sizes to stack closely together.</p>
<p>This layout style became popular through sites like Pinterest and works well for:</p>
<ul>
<li>Posts with varied featured image dimensions</li>
<li>Content archives with mixed media types</li>
<li>Visual portfolios and galleries</li>
<li>Magazine-style homepage designs</li>
</ul>
<p>Blog Filter handles masonry calculations automatically. You enable the option, and the plugin takes care of positioning each post to minimize empty space.</p>
<h3>Lightbox Functionality</h3>
<p>The premium version includes Swipebox lightbox integration, which displays featured images in an overlay popup. Key lightbox features:</p>
<ul>
<li>Swipe gestures for mobile navigation</li>
<li>Keyboard navigation on desktop</li>
<li>CSS transitions with jQuery fallback</li>
<li>Retina-ready UI icons</li>
<li>Browser compatibility: Chrome, Safari, Firefox, Opera, IE9+, iOS 4+, Android, Windows Phone</li>
</ul>
<h3>Recommended Plugins</h3>
<p>Other plugins from the same development team:</p>
<ul>
<li>
<p><a href="https://wordpress.org/plugins/portfolio-filter-gallery/" title="Portfolio Filter Gallery" rel="ugc">Portfolio Filter Gallery</a> – Create filterable image galleries for portfolios, photography, and artwork.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/insta-type-gallery/" title="Instagram Type Gallery" rel="ugc">Instagram Type Gallery</a> – Display images in Instagram-inspired grid layouts.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/new-grid-gallery/" title="Grid Gallery Plugin" rel="ugc">Grid Gallery</a> – Simple grid layout for image galleries in posts, pages, and widgets.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/new-image-gallery/" title="Image Gallery Plugin" rel="ugc">Image Gallery</a> – Lightbox-enabled gallery for displaying images.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/new-photo-gallery/" title="Photo Gallery Plugin" rel="ugc">Photo Gallery</a> – Versatile gallery supporting photos, videos, links, and maps.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/responsive-slider-gallery/" title="Slider Plugin" rel="ugc">Responsive Slider Gallery</a> – Create responsive image sliders with shortcode placement.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/new-video-gallery/" title="Video Gallery Plugin" rel="ugc">Video Gallery</a> – Display video content in organized gallery layouts.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/new-contact-form-widget/" title="Contact Form Plugin" rel="ugc">Contact Form Widget</a> – Add contact forms via shortcodes and widgets.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/new-social-media-widget/" title="Social Media Widget" rel="ugc">Social Media Widget</a> – Display social media profile links in your sidebar.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/slider-responsive-slideshow/" title="Responsive Slider Plugin" rel="ugc">Slider Responsive Slideshow</a> – Lightweight responsive slider for WordPress.</p>
</li>
<li>
<p><a href="https://wordpress.org/plugins/facebook-likebox-widget-and-shortcode/" title="Facebook Likebox Plugin" rel="ugc">Facebook Like Box</a> – Embed Facebook page like boxes on your site.</p>
</li>
</ul>


Blog Filter – Post Grid Filter by Category or Tag

Create a responsive Blog Filter Post Grid to showcase posts. Let visitors filter by Category or Tag easily using Ajax. Supports Elementor and Divi.

Gridify Plus vs Blog Filter – Post Grid Filter by Category or Tag