Try: A simple photoblogging theme

[kjellr]

I hadn't seen a block-based example of a typical photo blog theme, so I built this to try it out. This heavily uses the Query block's new Grid view.

A few bumps I ran into:

• The query block doesn’t support wide/full, so I had to wrap it in a group block. (Support wide/full alignments for the query block container gutenberg#27589)
• The images in my screenshots are all square. But it would be great to have the ability to auto-crop these to the same height. (Featured Image block: Allow free-form resizing gutenberg#27620)
• Gutenberg doesn’t have a working next/previous post pagination block yet. Since posts in these themes are often just a single image, those controls really come in handy for navigating between posts. (Pagination block gutenberg#26557)
• There's also some weirdness around the images themselves — these themes often tend to omit an actual featured image, and just pull the first image from the post to show in the grid. Gutenberg can't do that natively yet, so this relies on the actual featured image. (Rethink "Featured Image" in the context of blocks  gutenberg#27617)
• Mobile looks weird — I think the Query block's grid view needs to remove right margin on small screens. (Adjust mobile margins for the Query block's grid view gutenberg#27619)

I left a few other small notes in the code itself.

Index	Single

GIF

[scruffian]

There's a lot of blocks with this exact setting - could we make it a reusable block, or a block style?

[kjellr]

Hmm that's a good point! A block style might get confusing if the user were to edit it... and themes can't bundle reusable blocks today... I think the right way to do this would be to have a global styles setting for the default spacer block height. I'll open a Gutenberg issue for it.

[kjellr]

Issue here: WordPress/gutenberg#27614

[scruffian]

This looks great. It would be good to open issues for the parts that aren't working in Gutenberg yet, if you haven't already.

[kjellr]

Most of the easy-to-fix Gutenberg pieces in this theme have been merged, and the rest have open issues. So I think we're probably at a good place for merging this experiment in if someone would give it one more review?

[scruffian]

I assume we need these here rather than putting them in theme.json?

[kjellr]

For now, yes.

[scruffian]

LGTM

[kjellr]

Thanks, everyone!