Rock YouTube channel with real views, likes and subscribers
Get Free YouTube Subscribers, Views and Likes

Building an example layout in Gutenberg (response video)

Follow
Brian Coords - WordPress Dev

This is a response to Kevin Geary's video "I Tried Building a Layout With the WordPress Block Editor & It Didn't Go Well". In it, I build his demo layout using core blocks and a few lines of CSS (via register_block_style). Along the way I discuss aligments and widths in Gutenberg, semantic elements, flexbox tools for layout, custom CSS, and whether or not the block editor is a "page builder".

Free Video Series: 7 Tools for Modern WordPress Development
https://briancoords.com/7tools

Here's a few links for the full context:
Kevin's Article: https://geary.co/wordpressblockedit...
Kevin's Video:    • I Tried Building a Layout With the Wo...  
My Full Thoughts: https://www.briancoords.com/theblock...

Other links:
ThemeIsle's Block CSS Plugin: https://wordpress.org/plugins/blocks...

00:00:00 Intro thoughts
00:01:51 Adding Custom CSS
00:03:34 Semantic Elements
00:04:39 Content Widths
00:06:33 The List View
00:07:08 Adding the base content
00:08:51 Groups and Block Spacing
00:10:07 Designing the Image Card
00:13:11 More Style Tweaks
00:15:49 Register Block Style
00:22:58 Final Thoughts

posted by keisame0k