Blog posts about Gutenberg at Permanent Tourist

How to ensure that you don’t lose content or functionality when switching to a new WordPress Theme.

Improving the addition of specific WordPress core heading blocks using just the keyboard.

The next stage of WordPress’ development is the ability to edit any part of a site – from post to navigation and footer – using nothing but the Block Editor.

More and more website development takes place using Javascript these days, whether within the WordPress CMS or as part of a streamlined frontend experience. I abandoned jQuery at the end of 2019 and began learning React in earnest.

Using register_block_pattern in WordPress can be a pain, as you need to manipulate the HTML in your code. Here’s a much less tiresome solution.

Using CSS Grid to overlap two rows and allow a content image to “break out” of the text container.

WordPress’ block editor “Gutenberg” allows us to register custom block styles for a particular block. But since WordPress 5.4, we can use Block Variations to add other presets with different default settings.

How to mock up a website design when every page can be built individually and controlled completely by the editorial staff.

Since the release of WordPress 5.2, authors and editors can put together their own reusable content components without needing to do any programming work. This is thanks to a powerful combination of Reusable Blocks and the Group Block.