Title: Query Loop Masonry Lite Author: Adam Husar / Pixel Hero Published: 2026 年 1 月 12 日 Last modified: 2026 年 1 月 12 日 --- 搜索插件 ![](https://ps.w.org/ph-queryloop-masonry-lite/assets/banner-772x250.png?rev=3437950) ![](https://ps.w.org/ph-queryloop-masonry-lite/assets/icon-256x256.png?rev=3437950) # Query Loop Masonry Lite 作者：[Adam Husar / Pixel Hero](https://profiles.wordpress.org/aidam11/) [下载](https://downloads.wordpress.org/plugin/ph-queryloop-masonry-lite.1.0.0.zip) * [详情](https://cn.wordpress.org/plugins/ph-queryloop-masonry-lite/#description) * [评价](https://cn.wordpress.org/plugins/ph-queryloop-masonry-lite/#reviews) * [安装](https://cn.wordpress.org/plugins/ph-queryloop-masonry-lite/#installation) * [开发进展](https://cn.wordpress.org/plugins/ph-queryloop-masonry-lite/#developers) [支持](https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/) ## 描述 **Query Loop Masonry Lite** 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. #### What is Masonry Layout? 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. #### Features * **Masonry Layout** – Transform any Query Loop into a beautiful Pinterest-style grid * **Works with Core Blocks** – Uses native WordPress Query Loop blocks * **No Vendor Lock-in** – Standard WordPress markup, easy to switch or customize * **Lightweight** – Optimized Masonry.js library with minimal footprint * **Responsive** – Automatically adapts to different screen sizes #### Any Issues or Bugs? 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 [WordPress.org support forums](https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/) on this page and open a support topic before leaving a negative rating. 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! #### How It Works 1. Create or edit a Query Loop block 2. Switch to Grid layout in the toolbar 3. Set Grid Item Position to Manual 4. Enable Masonry in the block sidebar 5. Your posts now display in a beautiful masonry layout #### Upgrade to Premium **[Query Loop Masonry Premium](https://wpqueryloopmasonry.com/)** unlocks the full potential of masonry layouts with advanced controls: **Responsive Breakpoints** Set different layouts for 6 screen sizes – Mobile, Small, Medium, Large, Wide, and Huge. Perfect responsive control for any device. **Column Control** Define 1-16 columns per breakpoint. Create layouts that adapt beautifully from mobile to desktop. **Aspect Ratio Rules** Control 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). **Column Span** Make featured posts span multiple columns for visual hierarchy and emphasis. **Advanced Targeting** Target “Every Nth” item or “Only” specific positions. Choose between “in a Row” or “in this Grid” targeting modes. **One-Time Payment, Lifetime License** No subscriptions. No monthly fees. No hidden costs. Pay once and get lifetime access to updates and priority support. [Get Query Loop Masonry Premium](https://wpqueryloopmasonry.com/) ## 安装 1. Upload the plugin files to the `/wp-content/plugins/ph-queryloop-masonry-lite` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Create or edit a page with a Query Loop block. 4. In the block toolbar, switch from List view to Grid view. 5. In the block sidebar under Layout, set Grid Item Position to “Manual”. 6. In the Masonry Settings panel, check “Enable Masonry Grid”. 7. Your Query Loop now displays as a masonry layout. ## 常见问题 ### What is masonry layout? 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. ### Which blocks does this plugin work with? 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. ### Why do I need Grid layout with Manual positioning? 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. ### Does this work with Full Site Editing (FSE) themes? 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. ### Will my content still look good if I deactivate the plugin? 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. ### What’s the difference between Lite and Premium? **Lite version** provides basic masonry layout functionality – enable masonry on any Query Loop block and it just works. **Premium version** 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. ### How do I upgrade to Premium? Visit [wpqueryloopmasonry.com](https://wpqueryloopmasonry.com/) to purchase a lifetime license. Premium is a one-time payment with no subscriptions or recurring fees. ### Where can I get support? For Lite version support, please use the [WordPress.org support forums](https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/). For Premium support, visit [wpqueryloopmasonry.com](https://wpqueryloopmasonry.com/). ## 评价 此插件暂无评价。 ## 贡献者及开发者 「Query Loop Masonry Lite」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Adam Husar / Pixel Hero ](https://profiles.wordpress.org/aidam11/) [帮助将「Query Loop Masonry Lite」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/ph-queryloop-masonry-lite) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/ph-queryloop-masonry-lite/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/ph-queryloop-masonry-lite/)，或通过 [RSS](https://plugins.trac.wordpress.org/log/ph-queryloop-masonry-lite/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/ph-queryloop-masonry-lite/)。 ## 更新日志 #### 1.0.0 * Initial release * Basic masonry layout for Query Loop blocks * Automatic responsive behavior * Lightweight Masonry.js implementation ## 额外信息 * 版本 **1.0.0** * 最后更新：**3 月前** * 活跃安装数量 **不到10** * WordPress 版本 ** 6.7 或更高版本 ** * 已测试的最高版本为 **6.8.5** * PHP 版本 ** 8.0 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/ph-queryloop-masonry-lite/) * 标签 * [grid](https://cn.wordpress.org/plugins/tags/grid/)[gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/) [layout](https://cn.wordpress.org/plugins/tags/layout/)[masonry](https://cn.wordpress.org/plugins/tags/masonry/) [query loop](https://cn.wordpress.org/plugins/tags/query-loop/) * [高级视图](https://cn.wordpress.org/plugins/ph-queryloop-masonry-lite/advanced/) ## 评级 尚未提交反馈。 [Your review](https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/reviews/) ## 贡献者 * [ Adam Husar / Pixel Hero ](https://profiles.wordpress.org/aidam11/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/)