To see the registered keyboard shortcuts in the WordPress block editor, we can query the keyboard shortcuts data store directly. Official documentation for the keyboard shortcuts store can be found here. Get Shortcuts by Category First we can retrieve a list of all keyboard shortcuts registered to a specific category. Using the ‘global’ category as …
Continue reading “See Registered Keyboard Shortcuts in WordPress Block Editor”
Adding a new user to a sub-site of a WordPress multisite is a two step process via the WP CLI. Add a user to the network First we’ll add a new user to the multisite network with the following WP CLI command: In this example we’ve assigned the role of administrator, while the other options …
Continue reading “Add WordPress User to Multisite via WP CLI”
We can use filters to change the autocompleter triggers in the WordPress block editor. By ‘triggers’, I mean the typed character combination we use to make an autocompleter appear. For example, by default we can use @ to populate a list of site users. We can also use [[ to select a post link from …
Continue reading “Change Autocompleter Triggers in the WordPress Block Editor”
We can use filters to disable autocompleters in the WordPress block editor. By default, the block editor registers three autocompleters: users, links, and blocks. To see what autocompleters are registered in our block editor, we can write something like this in the browser console: Now when we take any action that fires one of the …
Continue reading “Disable Autocompleters in the WordPress Block Editor”
By making WordPress post meta fields available via the REST API we can access these values from our JavaScript code. This also makes it easier to debug post meta in the block editor, as we can query the post meta directly from the browser console. If you’re not sure how to make your post meta …
Continue reading “Read and Write Post Meta in WordPress Block Editor”
When registering a new post meta field in WordPress we can make that field available via the REST API. While this doesn’t happen by default, it’s fairly simple to do. Registering a Post Meta Field The code to register a new post meta typically looks something like this: The code above registers a new post …
Continue reading “Make WordPress Post Meta Available in REST API”
In software development it’s generally considered good practice (and sometimes necessary) to add a blank line at the end of a code file. In VS Code we can configure the IDE to force a newline at the end of a file every time we save. There are several ways to set this up, as discussed …
When working with React’s useEffect hook we can add what’s called a “cleanup function”. This function is used to cancel any side effects that no longer require execution, before the component is unmounted. Why are cleanup functions useful? Using a cleanup function inside useEffect helps to prevent memory leaks or other errors when a side …
When using React’s useEffect hook we may want to write an asynchronous function, perhaps to fetch some data. There are some important considerations when combining async with useEffect, discussed further below. Don’t Do This The wrong way to write an async function with useEffect looks something like this: The main problem with the code above …
I recently found myself wanting to extend the WordPress block editor’s RadioControl component. Unfortunately this component is not designed to be extended with additional functionality, so I needed a different solution. The rest of this post covers how to create a custom RadioControl component for the WordPress block editor. Get the Core Code We’ll start …
Continue reading “Custom RadioControl Component for WordPress”