Custom Layouts – Post + Product grids made easy vs GenerateBlocks

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

Add incredible versatility to your editor without bloating it with tons of one-dimensional blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything. GenerateBlocks works hand-in-hand with GeneratePress, but is built to work with any theme. Looking for more features? Check out GenerateBlocks Pro. Container Organize your content into rows and sections. The Container block is the foundation of your content, allowing you to design unique sections for your content. Grid Create advanced layouts with flexible grids. The Grid block gives you the ability to create any kind of layout you can imagine. Text Craft text-rich content with advanced typography. Everything from headings to paragraphs – take full control of your text. Button Drive conversions with beautiful buttons. Query Build a list of posts from any post type using advanced query parameters. Query post meta and option fields in GenerateBlocks Pro. Image Add images to your content to make a visual statement. Shape Add custom SVG shapes to your pages with ease. Dynamic Tags Use our powerful dynamic tags to display dynamic content inside your blocks. Post title Post excerpt Post permalink Post date Featured image Post meta Author meta Comment count Comments URL Author archives URL Author avatar URL Term list Previous posts URL Next posts URL Media In GenerateBlocks Pro, you get additional dynamic tags: Archive title Archive description Site option Term meta User meta Current year Site title Site tagline Loop index number Loop item Performance We take performance seriously. Minimal CSS is generated only for the blocks you need, and our HTML structure is as simple as possible while allowing for maximum flexibility. Coding standards Built to the highest coding standards for security, stability and future compatibility. Fully responsive Style your blocks for different screen sizes. Desktop: @media (min-width:1025px) Desktop & Tablet: @media (min-width:768px) Tablet: @media (max-width:1024px) and (min-width:768px) Tablet & Mobile: @media (max-width:1024px) Mobile: @media (max-width:767px) In GenerateBlocks Pro, you can create as many custom media queries as you need. Documentation Check out our documentation for more information on the individual blocks and how to use them.