Gutenberg keyboard shortcut for headings
Improving the addition of specific WordPress core heading blocks using just the keyboard.
Read morePosts about Gutenberg
WordPress full-site editing
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.
Read moreUsing React and WordPress to build a performant single-page application
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.
Read moreEasier Block Patterns using Template Parts
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.
Read more
Overlapping elements with CSS grid
Using CSS Grid to overlap two rows and allow a content image to “break out” of the text container.
Read moreBlock Variations for WordPress Gutenberg
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.
Read more
Delivering mockups for WordPress Gutenberg
How to mock up a website design when every page can be built individually and controlled completely by the editorial staff.
Read moreCreating your own reusable content using the WordPress Block Editor
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.
Read more
Combining the WordPress Customizer and Gutenberg Editor colour palettes
Using CSS variables through the WordPress Theme Customizer to make custom colour schemes in the Gutenberg Editor.
Read moreTechnical case study: Gutenberg Blocks outside the content area
WordPress’ Gutenberg Editor allows you to do much more than create and edit content in a single content column.
Read moreCreating a single-width Gutenberg block
How to create your own Gutenberg block with only a full or wide alignment option, instead of the usual possibilities.
Read more
WordPress’ Gutenberg editor
The major update of WordPress, scheduled for this year, will contain a brand-new and much-improved editor.
Read more