Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Query Block] Add a Masonry layout option #39280

Open
Tracked by #41405
mrfoxtalbot opened this issue Mar 8, 2022 · 8 comments
Open
Tracked by #41405

[Query Block] Add a Masonry layout option #39280

mrfoxtalbot opened this issue Mar 8, 2022 · 8 comments
Labels
[Block] Query Loop Affects the Query Loop Block [Type] Enhancement A suggestion for improvement.

Comments

@mrfoxtalbot
Copy link

mrfoxtalbot commented Mar 8, 2022

What problem does this address?

Setting up a multi-column query block layout will generate a lot of empty areas:

Screen Shot on 2022-03-08 at 11:12:59

Masonry layouts are the best way to avoid this and are extremely common in themes...

Screen Shot on 2022-03-08 at 11:13:11

...and in external blocks (Gosign – Masonry Post Block for instance):

Screen Shot on 2022-03-08 at 11:16:36

What is your proposed solution?

I would like to see an option next to the "columns" setting to give the layout a masonry style:

Screen Shot on 2022-03-08 at 11:11:43

There is a related discussion in #25462

@mrfoxtalbot mrfoxtalbot added [Block] Query Loop Affects the Query Loop Block [Type] Enhancement A suggestion for improvement. labels Mar 8, 2022
@davipontesblog
Copy link

I agree this would be a great improvement to the Query loop block :)

@glendaviesnz
Copy link
Contributor

Related - #28247 (comment)

@palmsout
Copy link

I'm also dying for this to be an option -- I've tried replacing the query block with plugin-based masonry arrays, and they're impossible to work with because they inevitably fail to give you the kind of editing detail you have with the query block itself. this would be a great addition.

@palmsout
Copy link

I'm also dying for this to be an option -- I've tried replacing the query block with plugin-based masonry arrays, and they're impossible to work with because they inevitably fail to give you the kind of editing detail you have with the query block itself. this would be a great addition.

I just also want to add, in the event this becomes a feature -- it's essential that there's an option to have the full post content in masonry layout -- all the masonry plugins I've found limit you to post excerpts (and can't properly parse html within the post, like iframes and other blocks within the post content).

@linokilo
Copy link

we need a masonry grid loop option, i have many white empty spaces in archives pages, because i use vertical and horizontal images.

@jabeztadesse
Copy link

+1

@jabeztadesse
Copy link

What problem does this address?

Setting up a multi-column query block layout will generate a lot of empty areas:

Screen Shot on 2022-03-08 at 11:12:59

Masonry layouts are the best way to avoid this and are extremely common in themes...

Screen Shot on 2022-03-08 at 11:13:11

...and in external blocks (Gosign – Masonry Post Block for instance):

Screen Shot on 2022-03-08 at 11:16:36

What is your proposed solution?

I would like to see an option next to the "columns" setting to give the layout a masonry style:

Screen Shot on 2022-03-08 at 11:11:43

There is a related discussion in #25462

Have you found a solution to this so far?

@dhanson-wp
Copy link

+1 to this one. I'm finding this conversation come up over and over again. One of the biggest benefits of this layout is to allow better flow for posts that have a mix of featured image sizes and posts with and without featured images.
#25462
#61298

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Query Loop Affects the Query Loop Block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

7 participants