Put together examples of how core blocks can be used to build common page components

[stephaniefois]

For education purposes, and to build a common understanding of available core blocks, we should illustrate how common "page blocks" we design every day are built with Wordpress core blocks. I imagine this is something that lives outside of the WordPress editor experience (ie: a drawn diagram).

Example common page blocks that come to mind

• “Related content” → query loop
• “CTA” → heading, paragraph, button
• Blog post header → heading, paragraph, author, categories, date

[bd-viget]

@stephaniefois Are you thinking this is something we keep in the repo and is loaded up when a new project is created, or maybe just a page on https://wpstarter.vigetx.com/?

[stephaniefois]

We could probably keep it as a page on https://wpstarter.vigetx.com/

[bd-viget]

Hey @stephaniefois, I set up a page called Block Examples that contains a Related Content section (Query Loop block limited to 3 posts from within the "General" category in grid format), and I also added pretty much the default CTA, not sure exactly what you were wanting, so let me know what you had in mind and I can make an adjustment.

When you click on any of the articles, you'll see the template I set up for singular articles, including the title, Author, Categories, and Post Date in the header.

Let me know if this is what you were wanting, or want to see something else!