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

Revisit the bundled Query Block patterns #30508

Open
kjellr opened this issue Apr 5, 2021 · 9 comments
Open

Revisit the bundled Query Block patterns #30508

kjellr opened this issue Apr 5, 2021 · 9 comments

Comments

@kjellr
Copy link
Contributor

@kjellr kjellr commented Apr 5, 2021

@jasmussen and I worked on a few initial Query block patterns to be bundled with Gutenberg as part of #28891:

Large Medium Small
107961753-5487af80-6f74-11eb-886e-9cb84f330031 107961775-5782a000-6f74-11eb-9dc2-61815b06f104 107961784-5baebd80-6f74-11eb-8bb7-cbad36c9f45b

Those were always meant to be temporary to start with. Let's take another look at these, both to replace the current ones for now, but also so that we eventually have a nice set of WordPress community-designed query block patterns to add to the Pattern Directory at launch.

Let's use this thread to brainstorm possible designs. 🌟

@kjellr
Copy link
Contributor Author

@kjellr kjellr commented Apr 5, 2021

Here are a handful of explorations to start us off. Most of these are a bit non-traditional, so we'd want to balance with some more standard layouts too I imagine. Also, note that the bottom one would need some direction forward on #30380.

block-patterns-query

Loading

@paaljoachim
Copy link
Contributor

@paaljoachim paaljoachim commented Apr 6, 2021

Loading

@paaljoachim
Copy link
Contributor

@paaljoachim paaljoachim commented Apr 6, 2021

Even more.

I searched for card view designs and happened to come across this site. Lots of nice designs there.
https://bashooka.com/cms/beautiful-card-based-wordpress-themes/

Grand

Beatstone

Bizly

La-Madone

Linetime

Home-grid

Loading

@beafialho
Copy link

@beafialho beafialho commented Apr 6, 2021

Here are a few query block patterns I've been working on as well:

Captura de ecrã 2021-04-06, às 14 50 14

Captura de ecrã 2021-04-06, às 14 48 44

Captura de ecrã 2021-04-06, às 14 48 57

Loading

@melchoyce
Copy link
Contributor

@melchoyce melchoyce commented Apr 7, 2021

A couple more generic ideas:

query blocks

Loading

@georgeolaru
Copy link

@georgeolaru georgeolaru commented Apr 8, 2021

A while ago, we designed a block that uses a set of parametric variables to generate a variety of layouts and put cards together in a visual hierarchy. It might be outside the scope of this issue as it relates to the overall layout, but I leave it here as it could spark some ideas for someone.

Here is the full video with a demo:

Screenshot 2021-04-08 at 12-06

Loading

@aaditya704
Copy link

@aaditya704 aaditya704 commented Apr 9, 2021

Here are some more ideas:
Frame 7Blue
Frame 8Orange
Frame 9Green

Loading

@ntsekouras
Copy link
Contributor

@ntsekouras ntsekouras commented Apr 12, 2021

Hey 👋 - just keep in mind the the pattern integration is still experimental and is being worked on with the various issues/PRs about this, like patterns in Placeholder, transforms etc..

Latest update is that the experimental scope was removed and blockTypes has taken its place (#30471). The rationale behind this is that every pattern should be available in the Inserter.

See the PR's description for more details.

Loading

@markhowellsmead
Copy link

@markhowellsmead markhowellsmead commented Apr 16, 2021

Not every post has a featured image; over half of our agency clients either don't have imagery or don't want to spend time trying to find stock imagery for their posts. It would be great if the layouts worked both with and without images in every post, either using a configurable fallback image, background color or pattern.

Loading

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
8 participants