WP Smart Widgets

<p>The only free Elementor plugin for unlimited pro-grade filtering of all your post content. Filter by taxonomies, custom fields, ACF, relational fields, and numeric ranges – with seamless integration, no restrictions, and full customization. Get advanced filtering features without paying for limitations.</p>
<h3>Filter Widget Key Features:</h3>
<ul>
<li>Compatible with Elementor Pro post widget, ACF, WooCommerce and most translation plugins.</li>
<li>True faceted filtering with real-time option availability and dynamic result counts.</li>
<li>Filter any post type.</li>
<li>Customizable filter items list with easy re-ordering options.</li>
<li>Filter anything using taxonomies, custom fields/ACF, relational and numeric fields.</li>
<li>Keyword search support for custom field/ACF.</li>
<li>Various filter types catered to diverse use-cases: checkboxes, radio buttons, label list, dropdown, numeric range, select2 (single & multiple select).</li>
<li>Fine-tune the filter with the choice of relation (AND or OR) between terms and parents.</li>
<li>User-friendly more/less and toggle options, ideal for managing extensive lists.</li>
<li>Choose how filters are applied: Auto-submission or Submit button mode.</li>
</ul>
<p><a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/filter-post-widgets-demo/" rel="nofollow ugc">Filter Widget Demo</a> – See the filter in action.</p>
<h3>Post Widget Key Features:</h3>
<ul>
<li>Query multiple post types at once.</li>
<li>Do more with less – display posts, users, and taxonomies using a single widget.</li>
<li>Effortlessly switch between a dynamic carousel or grid layout at different breakpoints.</li>
<li>Make the most of Swiper API with advanced features such as carousel synching, parallax effects, and more.</li>
<li>Multiple layout options, including classic, on the side, banner, template grid (loop grid), and custom HTML.</li>
<li>Possibility to create your own loop grid, with any dynamic tags and Elementor widgets.</li>
<li>Flexible post content options: title, content, excerpt, custom field/ACF, taxonomy, HTML, post meta, read more, bookmark, edit options, product price, product rating, buy now, and product badge.</li>
<li>Flexible query system with AJAX pagination.</li>
<li>Customize widget content and style like native Elementor widgets.</li>
<li>Feed-style layouts with taxonomy-based grouping, ideal for magazine or news-style content.</li>
</ul>
<p><a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/elementor-post-slider-travel-theme-demo/" rel="nofollow ugc">Post Slider/Carousel Demo</a> – Check out the post widget possibilities.</p>
<h3>Create Loop Grids for Free:</h3>
<p>Create dynamic loop grids without Elementor Pro. Design fully custom layouts using any Elementor widget and dynamic tag, while keeping full compatibility with filtering and AJAX pagination.</p>
<h3>Exclusive Dynamic Tags:</h3>
<ul>
<li>Exclusive Repeater Field Tag: Unlock the ability to directly output ACF repeater fields in the Elementor frontend, with the flexibility to wrap each part in different HTML tags.</li>
<li>Includes a series of dynamic tags, allowing users to fully utilize template grids with the free version.</li>
</ul>
<h3>Crafted for Seamless Elementor Integration:</h3>
<ul>
<li>Blends seamlessly with Elementor’s native interface.</li>
<li>No disruptive branding — Enjoy a clean, streamlined interface without unnecessary distractions.</li>
<li>Lightweight design, utilizing Elementor’s resources to minimize external dependencies.</li>
</ul>
<h3>Developer-Friendly:</h3>
<p>Tailor the widgets to your needs using dedicated filters and developer hooks.</p>
<h4>Troubleshooting</h4>
<ul>
<li>Make sure the Post Widget class name and the Filter Widget target match.</li>
<li>Check for incompatible plugins or theme conflicts:
<ol>
<li>Temporarily switch to a default WordPress theme.</li>
<li>Deactivate all other plugins except Elementor and Better Post & Filter Widgets.</li>
<li>Test the filter. If it works, reactivate your plugins one by one to find the one causing the conflict.</li>
</ol>
</li>
<li>Disable caching or optimization plugins while testing, as they can interfere with AJAX.</li>
<li>Check the browser console for JavaScript errors (press F12 and look under the Console tab) and resolve any errors that appear.</li>
</ul>
<h3>Docs and Support</h3>
<p>Find support for this plugin in the <a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/" rel="nofollow ugc">documentation</a>.</p>
<h3>Source Code</h3>
<p>This plugin includes both compressed and uncompressed versions of CSS and JavaScript files and can be found under the <code>/assets/</code> directory.</p>


Better Post & Filter Widgets for Elementor

The only free pro-grade Elementor filtering system for posts, taxonomies, custom fields, ACF, WooCommerce, WPML & more. Ditch paid limits!

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.

Better Post & Filter Widgets for Elementor vs Blog Filter – Post Grid Filter by Category or Tag