Posts about WordPress Block Editor
The block-based content editor for WordPress—phase 1 of the “Gutenberg” project—was released at the end of 2018; the site editor was added in January 2022.
Using block filters in JavaScript to override theme.json settings on a per-case basis.
Block Patterns, Block Variations and Reusable Blocks. How and why they’re useful and implementable.
A simpler alternative to wrapping a Gutenberg edit component with a higher-order component.
Finding out custom user capabilities via the REST API, to determine whether or not to add a custom sidebar in the Gutenberg block editor.
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.
Using CSS variables through the WordPress Theme Customizer to make custom colour schemes in the Gutenberg Editor.
WordPress’ Gutenberg Editor allows you to do much more than create and edit content in a single content column.
How to create your own Gutenberg block with only a full or wide alignment option, instead of the usual possibilities.
The major update of WordPress, scheduled for this year, will contain a brand-new and much-improved editor.