Code Amp

Build a list or grid layout of any post type (products, pages, posts + more).
The visual editing experience makes creating unique designs a breeze.
<ul>
<li>Design post templates (cards) using our drag and drop builder</li>
<li>Built for both Gutenberg users and non Gutenberg users (blocks + shortcodes available)</li>
<li>Query builder – select from multiple post types or restrict by tags, categories, taxonomies, authors and more</li>
<li>Works with any theme</li>
<li>No coding required</li>
<li>Responsive options</li>
</ul>
Links
<ul>
<li><a href="https://customlayouts.com" rel="nofollow ugc">Website</a></li>
<li><a href="https://customlayouts.com/examples/" rel="nofollow ugc">Examples</a></li>
<li><a href="https://customlayouts.com/documentation/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://twitter.com/wpcustomlayouts" rel="nofollow ugc">Follow us</a> for updates and tips</li>
</ul>
<h3>What can you make with this plugin?</h3>
<ul>
<li>Popular posts widget</li>
<li>Recent posts widget</li>
<li>A shop layout for listing products (*when combined WooCommerce, Easy Digital Downloads and other product plugins)</li>
<li>A post grid</li>
<li>A portfolio grid</li>
<li>Masonry layouts</li>
<li>Custom post type layouts 
And much more…</li>
</ul>
<h3>Layout Editor</h3>
Build single column or grid based layouts using the visual editor.
<ul>
<li>Supports Masonry out of the box</li>
<li>Tons of design options to build the layout you want</li>
<li>Choose to add numbered Pagination ( ‘Load more’ and ‘Infinite scroll’ options are planned )</li>
<li>Powerful query builder</li>
<li>Responsive columns (choose how many columns to show for each device size – and set your own breakpoints)</li>
</ul>
<h3>Query Builder</h3>
Options include:
<ul>
<li>Multiple post type selection</li>
<li>Tag, category and custom taxonomy restriction</li>
<li>Single author or multiple author restriction</li>
<li>Ordering by – post title, published date (for recent posts), modified date, post ID, comment count (for popular posts), author</li>
<li>Posts per page</li>
<li>Offset</li>
<li>Ignore sticky posts</li>
</ul>
<h3>Template Editor</h3>
<ul>
<li>Design individual templates (cards) using our drag and drop editor – creativity is your only limit</li>
<li>Link them with your layouts to build beautiful designs</li>
<li>Hundreds of design options</li>
<li>Unique blocks for building templates + template editor
<ul>
<li>granular control over the blocks you add to your design – choose from a growing list</li>
<li>to re-arrange blocks, just drag and drop</li>
<li>each block has it’s own sidebar full of options such as spacing, colors (including gradients + alpha transparencies), font settings, borders, and more.</li>
</ul>
</li>
<li>Currently available blocks: Post Title, Post Type, Post Excerpt, Post Author, Published + Modified Date, Custom Field, Taxonomies, Link, Basic Text (with shortcode support). 
<a href="https://customlayouts.com/documentation/template-elements/" rel="nofollow ugc">Find out more about our template blocks</a>.</li>
</ul>
<h3>Gutenberg integration</h3>
<ul>
<li>Custom blocks for building layouts</li>
<li>Seamlessly integrates with our Template Editor</li>
<li>UI built using 90% Gutenberg components 👍</li>
<li>Experimental FSE Query block support (drop our Post Template block into the Query block…)</li>
<li>Works with the version of Gutenberg shipped in WP core, and the Gutenberg plugin (using the latest stable build)</li>
</ul>
<h3>Built for speed</h3>
<ul>
<li>At its base – loads only 1 css file and 1 javascript file on the frontend – total bundle size approx 15kb.</li>
<li>CSS file dynamically created, saving resources and requests per page load (+ avoiding inline CSS)</li>
<li>Caches posts + queries for optimum performance</li>
<li>Not jQuery dependant</li>
</ul>
<h3>Includes 7 sample templates</h3>
We’ve included a pack of templates ready for you to customise – check the installation tab for how to import these to your site.
<h3>Multilingual ready</h3>
Custom Layouts should support most multilingual plugins – we use a custom post type to store content that is not stored in the block editor. 
* We’ve also added specific support for WPML’s Advanced Translation Editor.
<h3>Known Issues</h3>
<ul>
<li>Admin Template Editor only works on desktop computers (tablets + mobiles not supported)</li>
<li>Admin Template Editor does not work on IE, all other major browsers supported – ** the frontend of this plugin supports IE 11+, no sweat</li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Improve performance and load speed by providing an option to use CSS Grid for layouts + masonry</li>
<li>Support more CSS unit types in more places</li>
<li>Blocks for WooCommerce</li>
<li>Blocks for ACF</li>
<li>More template blocks (possibly use the block library)</li>
<li>Additional hover options</li>
<li>Additional font options.</li>
<li>Social/sharing blocks</li>
</ul>
<a href="https://wordpress.org/support/plugin/custom-layouts/reviews/#new-post" rel="ugc">Reviews</a> help us improve (and climb the plugin rankings)

Custom Layouts – Post + Product grids made easy

...customize the default image and disable default image for posts that have none.

Does just what's needed, will give another star when I can...

Build a list or grid layout of any post type (posts, products, pages + more).

creativewebui

📄 Flexi Post Grid is a powerful Elementor Post Grid plugin that helps you display posts, pages, and custom post types in clean and flexible layouts.
Instead of designing complex layouts manually, you can start with ready-made grid styles and customize everything directly inside Elementor. Control spacing, typography, images, overlays, and element visibility without writing code.
Flexi Post Grid also provides flexible query options so you can decide exactly which posts appear in the grid. Filter by categories, include or exclude specific posts, adjust sorting, or skip posts using the offset option.
The plugin supports multiple pagination types including Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX) for smooth browsing.
You can also convert any grid layout into a Post Grid Slider / Carousel directly from the widget settings.
Flexi Post Grid is perfect for blogs, news websites, portfolios, events, WooCommerce stores, and any site that needs organized content grids.
<h3>Video Demo</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/OiRiQo9zrlo?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>
<h3>⚙️ How Flexi Post Grid Works</h3>
🔹 Step 1: Select Your Content
🔹 Step 2: Choose a Layout
🔹 Step 3: Customize the Appearance
🔹 Step 4: Display the Grid Anywhere
<h3>🎁 Free Features</h3>
<ul>
<li>
🧩 10 Ready-to-Use Grid Layouts 
Start with modern layouts designed for blogs, portfolios, and content sections.
</li>
<li>
🔍 Flexible Query Controls 
Choose post type, filter by categories, include or exclude specific posts, and control sorting.
</li>
<li>
⏭️ Post Offset Support 
Skip the first set of posts to create unique content flows.
</li>
<li>
🖼️ Advanced Image Settings 
Control image size, object-fit behavior, and wrapper height.
</li>
<li>
✨ Grid Button Hover Effects 
Add interactive hover animations to grid buttons.
</li>
<li>
🏷️ Post Meta Display 
Show categories, author name, publication date, and tags.
</li>
<li>
👁️ Element Visibility Options 
Toggle individual elements like title, thumbnail, meta, excerpt, and button.
</li>
<li>
🔘 Custom Icons for Buttons 
Use icons alongside call-to-action buttons.
</li>
<li>
🧱 Fallback Image Support 
Display a default image if a post does not have a featured image.
</li>
<li>
🎨 Overlay Effects 
Apply overlay layers to images for improved visual styling.
</li>
<li>
📱 Responsive Layout Controls 
Define grid behavior separately for desktop, tablet, and mobile.
</li>
<li>
💻 Custom CSS Field 
Add additional styling directly from the widget settings.
</li>
<li>
⚡ Optional AJAX Filters 
Allow users to filter posts dynamically without page reloads.
</li>
<li>
🎛️ Custom Loader Color 
Adjust the loader animation color used during AJAX loading.
</li>
<li>
🚀 Optimized Performance 
Lightweight code ensures smooth loading and good performance.
</li>
</ul>
<h3>🔗 Learn More</h3>
<ul>
<li>
🌐 <a href="https://creativewebui.com/flexi-post-grid/preset-grids/" rel="nofollow ugc">Plugin Demo</a> – Explore different grid layouts in action.
</li>
<li>
📘 <a href="https://creativewebui.com/flexi-post-grid/documentation/" rel="nofollow ugc">Documentation</a> – Step-by-step guides and tutorials.
</li>
<li>
⭐ <a href="https://creativewebui.com/flexi-post-grid/pricing/" rel="nofollow ugc">Get Pro Version</a> – Unlock advanced layouts, WooCommerce grids, sliders, and additional customization options.
</li>
</ul>
<h3>🚀 Pro Features</h3>
<ul>
<li>
🎯 16+ Premium Layout Designs 
Additional layouts for blogs, portfolios, events, teams, and products.
</li>
<li>
🛒 WooCommerce Product Grid 
Display products with price, hover images, color swatches, and wishlist features.
</li>
<li>
🎞️ Grid Slider / Carousel Mode 
Convert any grid into a slider with autoplay, navigation arrows, and pagination dots.
</li>
<li>
⚙️ Advanced Slider Controls 
Adjust slides per view, autoplay timing, spacing, and animation speed.
</li>
<li>
🔄 AJAX Pagination Options 
Classic pagination, load more button, and infinite scroll.
</li>
<li>
✨ Image Hover Animations 
Add interactive animations and overlay effects to grid images.
</li>
<li>
🔗 Dynamic Custom Field Integration 
Display custom fields created by third-party plugins.
</li>
<li>
❤️ Wishlist System 
Built-in wishlist feature with shortcode support: [fpg_wishlist].
</li>
<li>
📅 Event Expiration Logic 
Automatically hide expired events based on the event date.
</li>
<li>
📱 Enhanced Responsive Controls 
Fine-tune layout behavior across different devices.
</li>
<li>
🎨 Custom CSS Per Grid 
Apply individual CSS styling for specific grid instances.
</li>
</ul>
<h3>🔎 AJAX Content Popup (Posts & Custom Post Types)</h3>
<ul>
<li>⚡ Open post details in a fast AJAX popup without page reload </li>
<li>📝 Show title, image, content/excerpt, categories, and meta </li>
<li>🔌 Supports custom fields (ACF) and shortcodes </li>
<li>🔗 Add custom action button for internal or external links </li>
<li>
🎨 Fully customizable design and responsive behavior
</li>
<li>
🌐 <a href="https://creativewebui.com/flexi-post-grid/quick-view-popup/" rel="nofollow ugc">View Demo</a> – See the AJAX post popup in action.
</li>
</ul>
<h3>📅 Event Popup (Advanced Event Layout)</h3>
<ul>
<li>📅 Display event start date, end date, expiry date, and location </li>
<li>⛔ Automatically hide expired events </li>
<li>⏱️ Flexible date formats and optional countdown timer </li>
<li>🎟️ Add action buttons such as Book Now, Register, or View Details </li>
<li>
📌 Ideal for events, webinars, and time-based content
</li>
<li>
🌐 <a href="https://creativewebui.com/flexi-post-grid/quick-view-popup/" rel="nofollow ugc">View Demo</a> – Explore the event popup layout.
</li>
</ul>
<h3>🛒 WooCommerce Product Popup (Quick View)</h3>
<ul>
<li>🛒 Open product quick view popup directly from the grid </li>
<li>🖼️ Show product image/gallery, title, description, price, rating, SKU, and stock </li>
<li>🎨 Supports variable products, color, size, and attributes </li>
<li>➕ Add to cart, quantity selector, Buy Now button, wishlist, and image zoom </li>
<li>
📱 Optimized for desktop and mobile shopping experience
</li>
<li>
🌐 <a href="https://creativewebui.com/flexi-post-grid/quick-view-popup/" rel="nofollow ugc">View Demo</a> – Preview the WooCommerce quick view popup.
</li>
</ul>
<h3>🎯 Ideal For</h3>
<ul>
<li>
✍️ Blog Websites – Display recent posts and featured articles in modern grid layouts.
</li>
<li>
📰 Online Magazines – Organize large volumes of content with categorized grids.
</li>
<li>
🏢 Creative Agencies – Showcase projects, portfolios, and team members.
</li>
<li>
🛒 WooCommerce Stores – Present products in dynamic product grids.
</li>
<li>
📚 Content Publishers – Manage and display large content libraries effectively.
</li>
</ul>

Flexi Post Grid


Great little plugin that does exactly what it promises. Great response from the developer too!



Give it a shot!


Awesome and lightweight

AJAX-powered Post Grid widget for Elementor with preset layouts, filters, pagination types, and slider support.

Custom Layouts – Post + Product grids made easy vs Flexi Post Grid