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!

GS Plugins

Md. Sarwar Zaman

<p>GS Posts Grid is a flexible WordPress plugin that lets you display posts in clean, responsive grid layouts without writing any custom code. It helps organize blog posts and content in a structured, visually appealing way, making it easy for visitors to browse and discover important content.</p>
<p>Designed to work smoothly with standard WordPress themes and popular page builders, the plugin offers multiple layout options for blogs, news sites, magazines, and content-heavy websites. You can control how posts appear, how much content is shown, and how posts are grouped, all while keeping performance and responsiveness in mind across different screen sizes.</p>
<p>🎬 <a href="https://posts-grid.gsplugins.com/" rel="nofollow ugc">Live Demo</a>  ⬆️ <a href="https://www.gsplugins.com/product/wordpress-posts-grid/" rel="nofollow ugc">Upgrade to PRO</a>  📚 <a href="https://docs.gsplugins.com/wordpress-posts-grid/" rel="nofollow ugc">Documentation</a>  🙋‍♂️ <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a></p>
<h3>Why do well-organized post layouts make a difference?</h3>
<p>As a website grows, managing and presenting posts in a clear way becomes more important. A structured layout helps visitors understand and browse content more comfortably.</p>
<ul>
<li>Help visitors scan posts quickly and find relevant content.</li>
<li>Keep large amounts of content visually structured.</li>
<li>Highlight important or featured posts naturally.</li>
<li>Improve consistency across desktop and mobile devices.</li>
<li>Reduce clutter compared to long, unstructured post lists.</li>
</ul>
<h3>What makes GS Posts Grid practical to use?</h3>
<ul>
<li><strong>Simple and familiar setup</strong>: GS Posts Grid is designed to work with standard WordPress content, making it easy to display posts without changing your existing workflow. You can manage layouts using straightforward settings while keeping full control over your content.</li>
<li><strong>Flexible display options</strong>: Display posts on any page, post, or custom template using grids that adapt to different content needs. Whether you are showcasing recent posts, category-based content, or custom post types, the plugin fits naturally into your site structure.</li>
<li><strong>Clean and responsive layouts</strong>: Posts are presented in organized, responsive grids that adjust smoothly across devices. Layout consistency helps maintain visual balance while improving readability on both desktop and mobile screens.</li>
<li><strong>Better content organization</strong>: By grouping and structuring posts visually, GS Posts Grid helps reduce clutter and makes content easier to browse. Visitors can explore multiple posts without losing context or focus.</li>
</ul>
<p>GS Posts Grid provides a practical way to organize and present WordPress content, keeping layouts clear, manageable, and easy to maintain over time.</p>
<h3>Core features of GS Posts Grid</h3>
<p><em>GS Posts Grid</em> provides a focused set of tools to organize, filter, and display WordPress content in structured grid layouts while keeping setup and management simple.</p>
<ul>
<li>Grid display for posts, pages, and custom post types</li>
<li>Multiple grid layout variations</li>
<li>Category, tag, and taxonomy filtering</li>
<li>Post count control per grid</li>
<li>Post ordering by date, title, ID, or custom order</li>
<li>Featured image support with adjustable sizes</li>
<li>Toggle display of title, excerpt, and meta</li>
<li>Responsive column controls for all devices</li>
<li>Theme-compatible, consistent layouts</li>
<li>Shortcode-based grid placement</li>
<li>Gutenberg block support</li>
<li>Page builder and theme compatibility</li>
<li>Lightweight structure with optimized assets</li>
<li>Custom CSS support</li>
<li>Standard WordPress query support</li>
<li>Localization-ready</li>
<li>Developer-friendly, standards-compliant markup</li>
<li>No-code setup</li>
</ul>
<p>🎬 <a href="https://posts-grid.gsplugins.com/" rel="nofollow ugc">View live Demos »</a><br />
⬆️ <a href="https://www.gsplugins.com/product/wordpress-posts-grid/" rel="nofollow ugc">Upgrade to PRO »</a></p>
<p>There are numerous additional options available to cater to various content needs.</p>
<h3>Who is GS Posts Grid best suited for?</h3>
<p>GS Posts Grid is ideal for users who need a structured and flexible way to display WordPress content without custom development.</p>
<ul>
<li>Bloggers who want to present posts in clean, organized layouts</li>
<li>Content-heavy websites such as magazines or news portals</li>
<li>Website owners showcasing posts by category, tag, or topic</li>
<li>Agencies creating reusable post layouts for client websites</li>
<li>Users who prefer shortcode or block-based content management</li>
</ul>
<p>GS Posts Grid works especially well when clarity, consistency, and content organization are more important than complex design effects.</p>
<h3>Additional Fields for displaying post information</h3>
<ul>
<li>Custom URL</li>
<li>Subtitle</li>
<li>Written By</li>
<li>PDF URL</li>
<li>Secondary Image</li>
<li>Image Gallery</li>
<li>Media Options
<ul>
<li>Video</li>
<li>Audio</li>
<li>Media Type Selection: Video/Audio/Gallery Carousel/Thumbnail</li>
</ul>
</li>
</ul>
<h3>General Settings</h3>
<p>Go to <strong>GS Posts Grid <span aria-hidden="true" class="wp-exclude-emoji">→</span> Shortcode</strong> to create or edit a shortcode. The <strong>General</strong> Settings tab lets you control the basic layout, structure, and content display of your posts grid.</p>
<p>Set a shortcode name and adjust column numbers for desktop, tablet, and both horizontal and vertical mobile views to ensure proper layout across devices. Choose a view type and enable pagination when displaying a larger set of posts.</p>
<p>You can control how grid items are linked, including link behavior and link type. Image size options help maintain visual consistency, while <strong>Pro</strong> settings such as title tag, title length type, and date format give you additional control over content presentation. The <strong>Details Control</strong> option allows you to manage which post information is shown.</p>
<p>These settings keep your grid flexible while remaining easy to set up and manage.</p>
<h3>Style Settings</h3>
<p>The <strong>Style Settings</strong> tab lets you control the visual appearance of your posts grid, helping it blend naturally with your website’s design.</p>
<p>You can apply image filters and hover effects to featured images for a more polished look. Background options allow you to set category background colors or use gradient backgrounds, with angle control for fine-tuning the visual direction.</p>
<p>Typography settings give you control over how text elements appear across the grid. You can customize title typography, while <em>Pro</em> options allow additional control over category, tag, author, date, details, and excerpt typography. These options help maintain visual consistency and improve readability across different layouts.</p>
<p>Style Settings are designed to give you flexible design control while keeping customization simple and straightforward to manage.</p>
<h3>Query Settings</h3>
<p>The <strong>Query Settings</strong> tab controls which posts are displayed in your grid and how they are organized.</p>
<p>You can choose how many posts to show and define the order in which they appear using options such as date, title, or custom order. Category-specific ordering options let you control how posts are sorted within selected categories.</p>
<p>Filtering options allow you to display posts from specific categories or tags, helping you focus on relevant content. With the <em>Pro</em> option, you can also select specific posts to display, giving you more precise control over what appears in the grid.</p>
<p>These settings make it easy to build targeted post grids while working with familiar WordPress query behavior.</p>
<h3>Visibility Settings</h3>
<p>The <strong>Visibility Settings</strong> tab controls which post information is displayed in the grid and how it behaves based on the selected <strong>Link Type</strong>.</p>
<p>When <strong>Link Type</strong> is set to <strong>Single Page</strong>, visibility options are applied directly to the post grid. You can choose to show or hide elements such as post title, category, tags, author, excerpt, details, and thumbnail for different devices. This allows you to keep the grid clean while showing only the most relevant information.</p>
<p>When <strong>Link Type</strong> is set to <strong>Popup</strong>, an additional <strong>Popup Fields</strong> section becomes available. These fields control what information appears inside the popup instead of the grid itself. Popup fields can be easily reordered using drag and drop, allowing you to define the content flow inside the popup view.</p>
<p>This flexible visibility system lets you control content display separately for grid and popup views, helping you present posts in a structured and user-friendly way across different layouts and devices.</p>
<h3>Page Builder Support</h3>
<ul>
<li>Gutenberg.</li>
<li>Elementor.</li>
<li>WPBakery.</li>
<li>Divi Builders.</li>
<li>Beaver Builder.</li>
<li>Oxygen Builder.</li>
<li>UX Builder.</li>
<li>TagDiv.</li>
<li>Genesis.</li>
</ul>
<h3>Documentation</h3>
<p>If you have any questions regarding the <strong>GS Posts Grid</strong> plugin and how to work with it, We recommend referring to our comprehensive online documentation. It provides detailed information and instructions to assist you in navigating and utilizing the plugin effectively. You can find the <a href="https://docs.gsplugins.com/wordpress-posts-grid/" rel="nofollow ugc">Documentation</a> here.</p>
<h3>Quick Support & Bug Reporting</h3>
<p>If you encounter any problems or discover bugs, please post them in our <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a> channel. We aim to respond as soon as possible (excluding holidays).</p>
<p><strong><em>Pro users are requested to contact our support channel for dedicated assistance.</em></strong></p>
<p>🙋‍♂️ Alternatively, you can reach out to us through our <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a> or <a href="https://wordpress.org/support/plugin/posts-grid/" rel="ugc">WordPress.org</a> support forum.</p>
<h3>Development Team</h3>
<p>Crafted and Developed with Passion by <a href="https://www.gsplugins.com/" rel="nofollow ugc">GS Plugins</a></p>
<h3>GS Posts Grid’s Shortcode Usage</h3>
<pre><code>[gs-posts-grid id=1]
</code></pre>
<p><strong>Shortcode PHP Usage</strong></p>
<pre><code><?php echo do_shortcode( '[gs-posts-grid id=1]' ); ?>
</code></pre>
<h3>Confused?</h3>
<p>🎬 <a href="https://posts-grid.gsplugins.com/" rel="nofollow ugc">View live Demos »</a><br />
📚 <a href="https://docs.gsplugins.com/wordpress-posts-grid/" rel="nofollow ugc">Documentation »</a></p>
<h3>🔥 You may like other plugins from <a href="https://www.gsplugins.com/" rel="nofollow ugc">GS Plugins</a></h3>
<p><strong><a href="https://wordpress.org/plugins/gs-testimonial" rel="ugc">Testimonial Slider</a></strong> – Testimonials slider displays rotating customer endorsements and recommendations, helping to build trust and credibility for a business or product.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-logo-slider" rel="ugc">Logo Slider</a></strong> – Logo slider displays rotating logos of partners, clients, or sponsors, showcasing a business’s relationships and endorsements.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-portfolio/" rel="ugc">Portfolio</a></strong> – Filterable Portfolio plugin for WordPress allows you to easily display and showcase your projects, highlighting your skills and abilities.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-team-members" rel="ugc">Team Members</a></strong> – Build a Stunning Team Page or Section and Show off Your Team’s Talents!</p>
<p><strong><a href="https://wordpress.org/plugins/gs-projects" rel="ugc">Projects</a></strong> – Projects showcase displays detailed information including client reviews, ratings, galleries, and videos for a business’s work.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-books-showcase" rel="ugc">Books Showcase</a></strong> – Books showcase displays detailed information including author, published date, reviews, ratings, and gallery, allowing users to easily find and explore books.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-coach" rel="ugc">Coaches</a></strong> – Coaches plugin displays coaches’ experience, skills, reviews, ratings, and certifications, helping users find the right coach for their needs.</p>
<p><strong><a href="https://wordpress.org/plugins/posts-widget" rel="ugc">Posts Widget</a></strong> –  WordPress Posts Widget plugin displays the latest posts in an elegant format on the sidebar or any widget area, allowing for easy navigation and quick access to new content on a website.</p>
<h3>🎯 WooCommerce Plugins</h3>
<p><strong><a href="https://wordpress.org/plugins/gs-woocommerce-products-slider" rel="ugc">WooCommerce Products Slider</a></strong> – WooCommerce Product Slider plugin displays products in a visually pleasing, sliding manner, making it easy for customers to browse and find the products they want on an online store.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-woo-variation-swatches" rel="ugc">WooCommerce Variation Swatches</a></strong> – WooCommerce Variation Swatches plugin replaces the default dropdown fields for variable products with visually appealing swatches, making it easier for customers to select product options and improve the overall shopping experience.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-woo-brands" rel="ugc">WooCommerce Brands</a></strong> – WooCommerce Brands taxonomy plugin allows for easy cataloging of products by adding a brand taxonomy, making it simple to organize and filter products on an online store.</p>
<h3>📣 Social Plugins</h3>
<p><strong><a href="https://wordpress.org/plugins/gs-dribbble-portfolio" rel="ugc">Dribbble Portfolio</a></strong> – Dribbble Portfolio WP plugin enables you to display your Dribbble shots on your website in a portfolio layout, allowing you to showcase your design work to a wider audience.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-behance-portfolio" rel="ugc">Behance Portfolio</a></strong> – Behance Portfolio WordPress plugin allows you to display your Behance projects on your website in a visually appealing layout, making it easy for your audience to view and appreciate your work.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-pinterest-portfolio" rel="ugc">Pinterest Portfolio</a></strong> – Pinterest plugin for WordPress allows you to display your Pinterest pins on your website, giving your audience a chance to view and interact with your boards, and potentially drive more traffic to your Pinterest profile.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-envato-portfolio" rel="ugc">Portfolio – Envato</a></strong> – Envato Portfolio Plugin allows you to display your Themeforest and Codecanyon items on your website, showcasing your digital products and making them easily accessible for potential customers.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-youtube-gallery" rel="ugc">Youtube Gallery</a></strong> – YouTube Gallery plugin allows you to display videos from a YouTube channel or playlist on your website, creating a visually appealing gallery and making it easy for visitors to access and watch your videos.</p>
<h3>🏆 Branding Plugin</h3>
<p><strong><a href="https://wordpress.org/plugins/gs-custom-login" rel="ugc">Custom Login</a></strong> – GS Custom Login allows you to customize the WordPress login screen, providing an easy way to create a unique and visually appealing login experience for your website users.</p>
<p><strong><a href="https://wordpress.org/plugins/powerup" rel="ugc">PowerUp</a></strong> – Enhance Your WordPress Experience with the Ultimate Security & Convenience Solution – Hide Admin Bar, Login & Logout Redirection, Disable Comments & Restrict WP-Admin Module.</p>


GS Posts Grid – Recent Posts, Category Posts, Post Filter, Slider & List

GS Posts Grid – A flexible plugin to display posts in Grid, Masonry, Slider, Popup, List, Card, Table, Filter & Justified Gallery views.

Better Post & Filter Widgets for Elementor vs GS Posts Grid – Recent Posts, Category Posts, Post Filter, Slider & List