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>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>
</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>Unlock the power of dynamic loops in Elementor, without needing the Pro version! Effortlessly showcase custom content in a loop format and experience the full potential of Elementor at no extra cost.</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 widget to your needs with the help of a dedicated filters.</p>
<h3>Connecting the Filter Widget</h3>
<p>To link your Filter Widget to a Post or Loop Grid widget, follow these steps:</p>
<ol>
<li>Open the Post Widget settings in Elementor.<br />
Go to the Advanced tab and enter the following in the CSS Classes field:<br />
results</li>
<li>Open your Filter Widget.<br />
In the Post Widget Target field, enter:<br />
.results</li>
<li>Save the page. The filter will now update the correct widget.</li>
</ol>
<p>Note: <code>results</code> is a reference class. You can choose any class or id name you like, as long as the Filter Widget target matches the Post Widget class (with a .) or id (with a #).</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 filter for posts, taxonomies, custom fields, ACF, WooCommerce, WPML & more. Ditch paid limits!

A WP Life

Alexander

Sharik Khan

Pathhan

zish

fkfaisalkhan007

FARAZFRANK

mohammadhanif

<p>The Blog Filter offers an unmatched solution for post-filtering with post category or post tags on WordPress blog sites. Perfect for both beginners and experts, this plugin seamlessly integrates with your blogs.</p>
<p>Boasting a sleek and user-friendly interface, the Blog Filter showcases your posts in an elegant grid layout. Want to help your visitors find exactly what they’re seeking? Just a single click on a category or tag, and they’ll see the related posts instantly.</p>
<p>Installation is a breeze: simply install, activate, and you’re good to go. No fuss. No complex settings. Plus, with our unique shortcode generator, you can effortlessly display the filtered blog posts or post portfolio anywhere on your site.</p>
<p>Dive deeper into customization with a myriad of options at your fingertips. Adjust colors, toggle visibility for titles, details, permalink, and gallery buttons, and even select your desired image quality. Whether you prefer high-resolution images or faster, smaller ones, the Blog Filter has got you covered.</p>
<p>Experience the future of blog and post filtering with the Blog Filter plugin.</p>
<p><strong>Upgrade To Premium Blog Filter Plugin – <a href="https://awplife.com/wordpress-plugins/blog-filter-wordpress-plugin/" rel="nofollow ugc">Click Here</a></strong></p>
<p><strong>Check Premium Blog Filter Plugin Demo – <a href="https://awplife.com/demo/blog-filter-premium/" rel="nofollow ugc">Click Here</a></strong></p>
<h3>QUICK & EASIEST SETUP GUID FOR BLOG FILTER PLUGIN</h3>
<ol>
<li>Install the plugin.</li>
<li>Go to “Plugins Menu > Blog Filter Settings”.</li>
<li>Customize the appearance and functionality.</li>
<li>Generate and use the shortcode wherever you want to display filtered blog posts.</li>
<li>Enjoy a dynamic, filtered post display on your website!</li>
</ol>
<p><iframe loading="lazy" title="How To Add Filters To Your Blog Posts Using Categories and Tags" width="750" height="422" src="https://www.youtube.com/embed/sg_q6JYNges?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>The plugin is available in following languages:</h3>
<p>Arabic (ar)<br />
Chinese (zh_CN)<br />
Finnish (fi_FI)<br />
French (fr_FR)<br />
German (de_DE)<br />
Hindi (hi_IN)<br />
Hungarian (hu_HU)<br />
Italian (it_IT)<br />
Indonesian (id_ID)<br />
Japanese (ja_JP)<br />
Dutch (nl_NL)<br />
Russian (ru_RU)<br />
Spanish (es_ES)<br />
Polish (pl_PL)<br />
Portuguese (pt_PT)<br />
Hebrew (he_IL)<br />
And you can translate the plugin in your native language easily.</p>
<h3>Blog Filter Features</h3>
<ul>
<li>Too Easy – It can automatically fetch all blog data, you don’t have to do anything.</li>
<li>Blog Filters – Easy way to show Blog Posts with filters like a post portfolio.</li>
<li>Filtering with Categories – Post categories will be used to filter out posts.</li>
<li>Filtering with Tags – Post tags will be used to filter out posts.</li>
<li>Blog Grid, Post Grid – You can show your All blog posts in the grid layout.</li>
<li>Image quality option – You can select the quality of an image you are going to display.</li>
<li>Responsive Layout – This plugin is fully responsive and compatible with all devices like PC, Mac, tab, phone</li>
<li>Post Links – You don’t have to do anything it will auto-connect with your single post pages.</li>
<li>Blog Post Title – show image title/label grid blog post images.</li>
<li>Masonry Layout – This plugin is auto-masonry.</li>
<li>Blog Multi Color For Filters – apply multiple colors for the filters button.</li>
</ul>
<p>Get much more with pro version 5.7 of the Blog filter, make filterable post grid gallery.</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 & Autor )" rel="nofollow ugc">Blog Filter Premium With Second Variation for Title, Date & Autor</a></li>
</ul>
<p><strong>Get Premium Version With More Features</strong></p>
<ul>
<li>Easy & Simple</li>
<li>Responsive</li>
<li>Filtration</li>
<li>Add Unlimited Filters</li>
<li>Unlimited Filter colors</li>
<li>Masonry Layout</li>
<li>Blog Grid, Post Grid.</li>
<li>Multiple Column Layouts</li>
<li>Bootstrap Based</li>
<li>5 Hover Effect</li>
<li>Light Box Pop-up Style Blog Filter (blog post Portfolio)</li>
<li>Blog Title</li>
<li>Blog Filter in Widget</li>
<li>SEO Friendly Blog Post Portfolio</li>
<li>Simple & User-Friendly Custom Plugin Dashboard</li>
<li>Custom CSS</li>
<li>Easy To Implement Anywhere Into WordPress</li>
<li>Easily Customizable</li>
<li>Fast, Friendly & Quality Support</li>
<li>The Blog Filter (blog post Portfolio) plugin is very easy to use it also user-friendly and well-designed, you can easily create your portfolio in a few minutes. The portfolio setting is created with a dropdown toggle bar to separate the settings, the user can easily understand and easily configure the settings of the portfolio. The link option filters option and description option come below the image. </li>
<li>The Blog Filter (blog post Portfolio) gallery is fully responsive and works well with all devices like desktops, tablets iPhone,s, etc. </li>
<li>You can change unlimited colors in the Blog Filter (blog post Portfolio), change title & description background colors, change title description color, and also change the border color of images. </li>
<li>Beautifully created masonry Blog Filter (blog post Portfolio) gallery</li>
<li>Link option with both themes you can also set a read more or view button and give a link into it or give the link on Blog Filter (blog post Portfolio)</li>
<li>Set multiple column layouts like 1 column, 2 columns, 3 columns, or 4 columns in post grids</li>
</ul>
<h3>Easiest Way To Add Filters or Category in Blog (Plog Post Portfolio)</h3>
<p>The first blog plugin in WordPress for a showing Blog posts with filters.</p>
<h3>Fully responsive Blog Filter (blog post Portfolio)</h3>
<p>Blog Filter (blog post Portfolio) is fully responsive and managed according to your devices.</p>
<h3>Image Lightboxes In Blog Filter (blog post Portfolio)</h3>
<h4>Blog Filter (blog post Portfolio) Swipebox Lightbox</h4>
<p>Swipebox is a jQuery “lightbox” plugin for desktop, mobile, and tablet.</p>
<h3>Main Features</h3>
<p>Blog Grid, Post Grid.<br />
Swipe gestures for mobile<br />
Keyboard Navigation for desktop<br />
CSS transitions with jQuery fall-back<br />
Retina support for UI icons<br />
Easy CSS customization<br />
Compatibility with Chrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, and windows phones.</p>
<h4>Blog Filter (blog post Portfolio) Custom CSS Option</h4>
<p>Custom CSS is part of Custom Design, which is a feature of the WordPress.com Premium and WordPress.com Business plans. CSS stands for Cascading Style Sheets. It is a markup language that controls the appearance of HTML elements on a web page.</p>
<h3>Defining Masonry Layout in Blog Filter (blog post Portfolio)</h3>
<p>The term Masonry layout probably owes its name to the popular jQuery Masonry plugin that is used to generate this type of layout. Masonry layout is also referred to as the Pinterest Style Layout, as www.pinterest.com was the first major website to use this layout style.</p>
<p>Blog Filter (blog post Portfolio) masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed-height rows. Basically, the Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. Without this type of layout, certain restrictions are required to maintain the structure of the layout.</p>
<p>Developers and designers are accustomed to seeing web pages laid out with CSS floats. But this common type of layout doesn’t take the size of the elements into consideration. Instead, it adds elements one after another, first in the horizontal direction, then vertically.<br />
The following image shows a typical web page that uses floats for layout:</p>
<h4>Blog Filter (blog post Portfolio) Features of Masonry Layout Plugins</h4>
<p>The plugins listed in the previous section contain unique features in addition to the common feature set. It is difficult to understand the difference between each plugin just by looking at a Masonry layout generated by each one. All of the layouts will appear quite similar. It is important to consider the available features before choosing a plugin. Generally, most plugins provide an API and documentation for identifying their features.</p>
<p>I suggest looking at the available features of each plugin before making your choice. I have compiled the following list of common features from the plugins listed in the previous section. These are some of the main features, but each plugin also has its own unique ones. It’s up to you to choose the best plugin based on your application requirements.</p>
<p>Blog Filter (blog post Portfolio) Column sizes – Masonry layouts can have fixed-size columns or dynamic columns. Fixed-size columns are the norm. It is better to choose a plugin that allows dynamic columns, as it enhances flexibility.<br />
Sorting and Filtering – Plugins like Isotope allow you to sort and filter the elements without losing the structure of the layout. It is a good feature to have when you need dynamic Masonry layouts.<br />
Animation – Unlike normal layouts, Masonry layouts change completely with the addition or removal of elements. Because of this, it is better to have animation effects for adjusting elements – this creates an awesome user experience.<br />
Dynamic Elements – Generally, we create the layout on page load using the available elements. But some sites might require the ability to add or remove elements without refreshing. In such cases, the plugin should have the ability to auto-adjust the layout to provide the optimal structure.<br />
Layout Options – The plugin should allow you to set a column width, gutter size, alignment, Blog Post Filter, Post Grid Desgin Template, Post Or Blog Portfolio, Post Gallery, portfolio gallery, masonry layout, category filter, tag filter etc.</p>


Blog Filter – Advanced Post Filtering with Categories Or Tags, Post Portfolio Gallery, Blog Design Template, Blog Post Layout

Blog Filter: Effortlessly organize posts with grid designs, masonry layouts, and category/tag filters. Create stunning post portfolios and galleries.

Better Post & Filter Widgets for Elementor vs Blog Filter – Advanced Post Filtering with Categories Or Tags, Post Portfolio Gallery, Blog Design Template, Blog Post Layout