One of the main limitations I’ve encountered with the Gutenberg Query Loop block is the lack of a native way to use the standard Button block inside each item and dynamically link it to the correct post. While the new Block Binding API offers some promise, it’s still an emerging feature and not yet fully reliable for all use cases.
Check out this guide on the current state of the Binding API.
Making Entire Query Loop Items Clickable
If you want to make the entire item inside a Query Loop clickable (rather than just a button or title), you can simply wrap its content with the appiapp Clickable Container block.
Here’s how to do it:
- Inside your Query Loop, insert the appiapp Clickable Container block.
- Place inside it any content blocks you need—commonly the Post Title, Featured Image, Post Date, Categories, and so on.
- In the appiapp Clickable Container settings, make sure to set the URL Source to Current Post URL.
This tells the plugin to automatically link each container to its corresponding post. Every block inside the loop will now behave like a clickable card or section, without needing to manually configure individual links.
This is particularly useful for creating intuitive layouts like post grids or portfolio items—where users naturally expect to click anywhere on the block to view more details.