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.
WordPress offers a huge range of features and options for users, but that can often be overwhelming for clients. We can assist them by providing curated editorial experiences.
I’ve been working on a custom image carousel block for a WordPress client, and wanted to add the built-in aspect ratios as a drop-down control.
Using custom post types in combination with the Block Editor in WordPress for easy content management, irrespective of design changes.
How to use presets instead of custom CSS in WordPress to allow blocks to retain a common design, whilst supporting amendments later in the project’s timeline.
Concentrating on an optimal workflow when you begin working on a new website, and where your initial focus should lie.
There are two main approaches to building a site using WordPress, but the first stage is to work out how the content will be managed.
The first in a series of blog posts to explain what I’ve learned whilst building websites using the Block and Site Editors in WordPress.
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.