6 expert tips and tricks you probably didn’t know that may improve your workflow and productivity within Gutenberg.
With the latest release of WordPress 5.4 (a week ago), I wanted to share with you 6 expert tips and tricks you probably didn’t know that may improve your workflow and productivity within the editor.
The latest release is having the default mode for Gutenberg set to Fullscreen which will give you Distraction Free Mode, however, by turning both Top Toolbar and Spotlight mode on and hiding Block Settings of you current block your focus is 100% on the text/block you are currently working with (this is especially useful when you writing the first draft of your content)
Check both Top Toolbar and Spotlight Mode from the contextual menu then use⌘ +Shift +,to toggle current block settings.
Once you have a new paragraph enter the backslash (/), this will open a contextual menu with 10 Most Used blocks. However, if you want to access other block sections just type the first word of the block section. For example, /common will switch from Most Used to Common Blocks.
Here are shortcuts to all built-in block sections /common, /format, /layout, /widgets and /embed.
Knowing all the shortcuts by heart can and will improve your writing and formatting process. However, in most cases to remember so many shortcuts you need to live and breathe Gutenberg and use them regularly. Talking about shortcuts can be one whole other post.
Here are a few tips about how to use associations and quickly and easily memorize shortcuts:
Before we move ahead here are a couple of letter associations with words.
Let us start with the easier once and probably the once you will use the most – the 2 key combination shortcuts. Also, it is nice all these are related to text formatting.
The ⌘ + Letter association for these keywords will be Text + Letter.
Next is the combination Option + Ctrl + Letter.
The association you can make is Go + To + Letter and the word Block since all these are Block related.
For example, the association for Option + Ctrl + O will be Go + To + Open (Block).
Next two shortcut combinations are again Block related.
⌘ + Option + Letter would be associated with Block + New + Letter.
And ⌘ + Shift + Letter will become Block + Existing + Letter.
Bonus: navigation between elements can be done with ⌘ + Arrow and selection with ⌘ + Shift + Arrow.
Also, combination ⌘ + Shift + Left + Right or ⌘ + Shift + Up + Down arrows will select either the whole line or the whole block (if you continue hitting up/down it will select multiple blocks as well).
That’s all I have for now about shortcuts and I am sure you get the basic idea of how to approach this issue.
Note: The examples above are for Mac users, but if you are a Windows user you can easily apply the same memorization technique.
If you are familiar with Markdown you can use it to create new blocks. You wonder how does it work? Type the Markdown symbol hold Shift and then press Space.
Bonus: Not really Markdown style specific but if you hold Ctrl + ⌘ + Space you can add emoji icons to your post/page content which are supported by default in WordPress. 🎉
By typing @ symbol you will get a list with all the registered users, so if you want to reference a user just select the name and that will add the @username (e.g. @krasenslavov). Then add a link by using ⌘ + K and adding /author/username as URL.
Here is the sequence type @ > select @username > ⌘ + K > enter /author/username
Another great feature of the Gutenberg editor is reusable blocks. You can create blocks with elements and reuse them not only within your current WordPress install but export & import them in any WordPress site.
The idea is to create 10 – 15 general blocks that could be cover 90% of your post/page needs and style theme within each site where you import them.
Here is a sample list with blocks that you might want to have:
Go to https://example.com/edit.php?post_type=wp_block where you can manage, import and export all your reusable blocks.
And finally, once you have a list with Reusable Blocks generated you can easily access them inside the editor, the same way I showed you in tip #2, just type /reusable within a new paragraph and you will get a list with up to 10 custom blocks.
Hope all of this information will help you and improve a little bit you Guttenberg experience.
‘Til the next time.
* We have a NO SPAM policy so you won't reaceive any meaningless emails from us!