Posts about Gutenberg
-
Using data stores to get custom user capabilities in WordPress
Finding out custom user capabilities via the REST API, to determine whether or not to add a custom sidebar in the Gutenberg block editor.
-
Use plugins for WordPress functionality and themes for layout
How to ensure that you don’t lose content or functionality when switching to a new WordPress Theme.
-
Gutenberg keyboard shortcut for headings
Improving the addition of specific WordPress core heading blocks using just the keyboard.
-
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.
-
Using 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.
-
Easier 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.
-
Overlapping elements with CSS grid
Using CSS Grid to overlap two rows and allow a content image to “break out” of the text container.
-
Block 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.
-
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.
-
Creating 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.
-
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.
-
Technical 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.
-
Creating 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.
-
WordPress’ Gutenberg editor
The major update of WordPress, scheduled for this year, will contain a brand-new and much-improved editor.
