{"id":262925,"date":"2026-01-12T16:25:33","date_gmt":"2026-01-12T16:25:33","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/query-loop-masonry-lite\/"},"modified":"2026-01-12T16:59:10","modified_gmt":"2026-01-12T16:59:10","slug":"ph-queryloop-masonry-lite","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/ph-queryloop-masonry-lite\/","author":14163114,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.8.5","requires":"6.7","requires_php":"8.0","requires_plugins":null,"header_name":"Query Loop Masonry Lite","header_author":"Adam Husar \/ Pixel Hero","header_description":"Add beautiful masonry and Pinterest-style layouts to WordPress Query Loop blocks. No proprietary markup, no vendor lock-in.","assets_banners_color":"d7e5f0","last_updated":"2026-01-12 16:59:10","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wpqueryloopmasonry.com\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":133,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"aidam11","date":"2026-01-12 16:59:10"}},"upgrade_notice":{"1.0.0":"<p>Initial release of Query Loop Masonry Lite. Transform your Query Loop blocks into beautiful masonry layouts.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3437950,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3437950,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3437950,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3437950,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6040,148076,4036,6822,213445],"plugin_category":[],"plugin_contributors":[253829],"plugin_business_model":[],"class_list":["post-262925","plugin","type-plugin","status-publish","hentry","plugin_tags-grid","plugin_tags-gutenberg","plugin_tags-layout","plugin_tags-masonry","plugin_tags-query-loop","plugin_contributors-aidam11","plugin_committers-aidam11"],"banners":{"banner":"https:\/\/ps.w.org\/ph-queryloop-masonry-lite\/assets\/banner-772x250.png?rev=3437950","banner_2x":"https:\/\/ps.w.org\/ph-queryloop-masonry-lite\/assets\/banner-1544x500.png?rev=3437950","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ph-queryloop-masonry-lite\/assets\/icon-128x128.png?rev=3437950","icon_2x":"https:\/\/ps.w.org\/ph-queryloop-masonry-lite\/assets\/icon-256x256.png?rev=3437950","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Query Loop Masonry Lite<\/strong> transforms your WordPress Query Loop blocks into stunning masonry and Pinterest-style layouts. Built specifically for the WordPress block editor, this plugin works seamlessly with core blocks - no proprietary markup, no vendor lock-in.<\/p>\n\n<h4>What is Masonry Layout?<\/h4>\n\n<p>Masonry layout arranges items in a grid where each item flows into the next available space, like bricks in a wall. Unlike traditional grids with fixed row heights, masonry creates dynamic, visually engaging layouts where content of varying heights fits together perfectly.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Masonry Layout<\/strong> - Transform any Query Loop into a beautiful Pinterest-style grid<\/li>\n<li><strong>Works with Core Blocks<\/strong> - Uses native WordPress Query Loop blocks<\/li>\n<li><strong>No Vendor Lock-in<\/strong> - Standard WordPress markup, easy to switch or customize<\/li>\n<li><strong>Lightweight<\/strong> - Optimized Masonry.js library with minimal footprint<\/li>\n<li><strong>Responsive<\/strong> - Automatically adapts to different screen sizes<\/li>\n<\/ul>\n\n<h4>Any Issues or Bugs?<\/h4>\n\n<p>This plugin was created by a solo developer who genuinely cares about quality. If you encounter any issues or something isn't working as expected, please use the <a href=\"https:\/\/wordpress.org\/support\/plugin\/ph-queryloop-masonry-lite\/\">WordPress.org support forums<\/a> on this page and open a support topic before leaving a negative rating.<\/p>\n\n<p>I actively maintain this plugin to work with the latest WordPress codebase and I'm very responsive to user feedback. Give me a chance to help you - most issues can be resolved quickly!<\/p>\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Create or edit a Query Loop block<\/li>\n<li>Switch to Grid layout in the toolbar<\/li>\n<li>Set Grid Item Position to Manual<\/li>\n<li>Enable Masonry in the block sidebar<\/li>\n<li>Your posts now display in a beautiful masonry layout<\/li>\n<\/ol>\n\n<h4>Upgrade to Premium<\/h4>\n\n<p><strong><a href=\"https:\/\/wpqueryloopmasonry.com\/\">Query Loop Masonry Premium<\/a><\/strong> unlocks the full potential of masonry layouts with advanced controls:<\/p>\n\n<p><strong>Responsive Breakpoints<\/strong>\nSet different layouts for 6 screen sizes - Mobile, Small, Medium, Large, Wide, and Huge. Perfect responsive control for any device.<\/p>\n\n<p><strong>Column Control<\/strong>\nDefine 1-16 columns per breakpoint. Create layouts that adapt beautifully from mobile to desktop.<\/p>\n\n<p><strong>Aspect Ratio Rules<\/strong>\nControl image aspect ratios with 7 presets: Square (1:1), Portrait (3:4, 2:3), Landscape (4:3, 3:2, 16:9), and Ultra Wide (21:9).<\/p>\n\n<p><strong>Column Span<\/strong>\nMake featured posts span multiple columns for visual hierarchy and emphasis.<\/p>\n\n<p><strong>Advanced Targeting<\/strong>\nTarget \"Every Nth\" item or \"Only\" specific positions. Choose between \"in a Row\" or \"in this Grid\" targeting modes.<\/p>\n\n<p><strong>One-Time Payment, Lifetime License<\/strong>\nNo subscriptions. No monthly fees. No hidden costs. Pay once and get lifetime access to updates and priority support.<\/p>\n\n<p><a href=\"https:\/\/wpqueryloopmasonry.com\/\">Get Query Loop Masonry Premium<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/ph-queryloop-masonry-lite<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Create or edit a page with a Query Loop block.<\/li>\n<li>In the block toolbar, switch from List view to Grid view.<\/li>\n<li>In the block sidebar under Layout, set Grid Item Position to \"Manual\".<\/li>\n<li>In the Masonry Settings panel, check \"Enable Masonry Grid\".<\/li>\n<li>Your Query Loop now displays as a masonry layout.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='what%20is%20masonry%20layout%3F'><h3>What is masonry layout?<\/h3><\/dt>\n<dd><p>Masonry layout is a grid layout where items are arranged to fill available vertical space, similar to how a mason fits stones in a wall. Items of different heights flow together without gaps, creating a visually dynamic Pinterest-style layout.<\/p><\/dd>\n<dt id='which%20blocks%20does%20this%20plugin%20work%20with%3F'><h3>Which blocks does this plugin work with?<\/h3><\/dt>\n<dd><p>Query Loop Masonry Lite works with the core WordPress Query Loop block (core\/post-template). It extends the native block with masonry layout capabilities while maintaining full compatibility with WordPress.<\/p><\/dd>\n<dt id='why%20do%20i%20need%20grid%20layout%20with%20manual%20positioning%3F'><h3>Why do I need Grid layout with Manual positioning?<\/h3><\/dt>\n<dd><p>The plugin requires Grid layout with Manual positioning because masonry needs to know the intended column count. Manual positioning tells WordPress to use a specific grid structure that the masonry JavaScript can then enhance.<\/p><\/dd>\n<dt id='does%20this%20work%20with%20full%20site%20editing%20%28fse%29%20themes%3F'><h3>Does this work with Full Site Editing (FSE) themes?<\/h3><\/dt>\n<dd><p>Yes! Query Loop Masonry works with any theme that supports the block editor, including Full Site Editing themes. Use it in templates, template parts, or regular posts and pages.<\/p><\/dd>\n<dt id='will%20my%20content%20still%20look%20good%20if%20i%20deactivate%20the%20plugin%3F'><h3>Will my content still look good if I deactivate the plugin?<\/h3><\/dt>\n<dd><p>Yes. The plugin uses standard WordPress markup with no proprietary elements. If you deactivate the plugin, your Query Loop will simply display as a regular grid without the masonry effect.<\/p><\/dd>\n<dt id='what%27s%20the%20difference%20between%20lite%20and%20premium%3F'><h3>What's the difference between Lite and Premium?<\/h3><\/dt>\n<dd><p><strong>Lite version<\/strong> provides basic masonry layout functionality - enable masonry on any Query Loop block and it just works.<\/p>\n\n<p><strong>Premium version<\/strong> adds advanced controls: 6 responsive breakpoints, per-breakpoint column settings, aspect ratio rules, column span, advanced targeting modes (Every\/Only, Row\/Grid), and priority support with lifetime updates.<\/p><\/dd>\n<dt id='how%20do%20i%20upgrade%20to%20premium%3F'><h3>How do I upgrade to Premium?<\/h3><\/dt>\n<dd><p>Visit <a href=\"https:\/\/wpqueryloopmasonry.com\/\">wpqueryloopmasonry.com<\/a> to purchase a lifetime license. Premium is a one-time payment with no subscriptions or recurring fees.<\/p><\/dd>\n<dt id='where%20can%20i%20get%20support%3F'><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>For Lite version support, please use the <a href=\"https:\/\/wordpress.org\/support\/plugin\/ph-queryloop-masonry-lite\/\">WordPress.org support forums<\/a>.<\/p>\n\n<p>For Premium support, visit <a href=\"https:\/\/wpqueryloopmasonry.com\/\">wpqueryloopmasonry.com<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Basic masonry layout for Query Loop blocks<\/li>\n<li>Automatic responsive behavior<\/li>\n<li>Lightweight Masonry.js implementation<\/li>\n<\/ul>","raw_excerpt":"Add beautiful masonry layouts to WordPress Query Loop blocks. Pinterest-style grids with no vendor lock-in.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/262925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=262925"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/aidam11"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=262925"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=262925"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=262925"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=262925"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=262925"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=262925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}