Loopsi – Advanced Gutenberg Query Blocks

Loopsi – Advanced Gutenberg Query Blocks helps you build flexible post grids and lists in the WordPress block editor. Show posts, pages, or any public custom post type with taxonomy filters, meta queries, grid or list layouts, and modern pagination — without writing PHP.

What you can build

• Post grids and lists for blogs, news, resources, and portfolios
• Custom post type listings (events, team, products, listings, and more)
• Filtered loops by taxonomy terms and custom field / meta values
• Grid or list layouts with 1–6 columns
• Numbered pagination, Load More, or infinite scroll
• Toggle title, thumbnail, excerpt, author, and read more on each card
• Optional render caching with automatic invalidation when content changes

Built for the block editor

Insert the Loopsi Posts block, configure the query and layout in the sidebar, and preview results with server-side rendering in the editor.

Source code

build/index.js, `build/index.css`, `build/index-rtl.css`, `build/style-index.css`, and `build/style-index-rtl.css` are generated by `@wordpress/scripts`, which uses webpack. The right-to-left stylesheets are generated from the same source stylesheets. The human-readable source for those files is included in this plugin, in the `src` directory.

• src/index.js registers the block.
• src/blocks/posts-query/edit.js is the block editor script compiled into build/index.js.
• src/blocks/posts-query/editor.scss is compiled into build/index.css.
• src/blocks/posts-query/style.scss is compiled into build/style-index.css.

To regenerate the files in build from that source:

1. Install Node.js.
2. In the plugin directory, run npm install.
3. Run npm run build.

The node_modules directory is created only on the machine where you build. Do not include it in the plugin zip.