To make you work much easier and more comfortable within the new environment, we came up with the list of these WordPress Gutenberg keyboard shortcuts. Whether you use Linux/Windows or Mac computer, these are the tricks to make you more productive and quicker with your tasks.
As WordPress 5.0 came with some significant updates including Gutenberg, it’s only natural to write down keyboard shortcuts tips and tricks to make the whole UI that much better and enjoyable. Not to mention, these keyboard shortcuts can be pretty handy when we talk about accessibility as well and are here to help us a bridge over some significant usability challenge.
In order to share with you up-to-date and tested Gutenberg keyboard shortcuts, I spend many hours going through GitHub Gutenberg issues, reading all that people from the accessibility team /and others/ have worked on and these are the tested tips that work. Also, I tested the keyboard shortcuts from the WordPress codex to see which ones still work. Hopefully, there’ll be an official WordPress 5.0/Gutenberg keyboard shortcuts guide someday, but until then, this is what we got 🙂
So, if you’re a WordPress blogger or a business owner with its site, maybe a newbie developer, these tips can, hopefully, be helpful to you all.
WordPress Gutenberg keyboard shortcuts
A quick disclosure. Yes, some of these keyboard shortcuts are old ones, meaning they’ll work within Gutenberg just fine. And some are new, which are intended to speed up your work and make you more sufficient just the same. Take a look, and bookmark this post for future reference!
WordPress Gutenberg keyboard shortcuts for Windows/Linux
Visual Editor/Code Editor switch:
Ctrl+Shift+Alt+M
Add headings to the text (## for H2, ### for H3, etc…):
## + Space
Add a quote:
> + Space
Start ordered (numeric) list:
1. + Space or 1+)
Start unordered (bulleted) list:
– + Space or * + Space
A pop-up with the recently used blocks or, if you haven’t used any, a quick insert from a list:
/
Quick-start to the new paragraph block:
Enter
Formatting content Windows/Linux keyboard shortcuts
As far as some usual keyboard shortcuts, there are plenty of them still working within WordPress 5.0 and Gutenberg Editor. Such as:
Ctrl +A – Select the text
Ctrl + C – Copy the selected text
Ctrl + X – Cut the selected text
Ctrl + V – Paste the selected text
Ctrl + Shift + V – Paste the selected text without any formatting
Ctrl + Z – Undo your last writing
Ctrl + Shift + Z – Redo your last writing
Ctrl + B – Write bold text
Ctrl + I – Write italics text
Ctrl + U – Write underline text
Shift + Home – Select all text from the left side of the current line
Shift + End – Select all text from the right side of the current line
WordPress Gutenberg keyboard shortcuts for Mac
Visual Editor/Code Editor switch:
Command+Option+Shift+M
Add headings to the text (## for H2, ### for H3, etc…):
## + Space
Add a quote:
> + Space
Start ordered (numeric) list:
1. + Space or 1) + Space
Start unordered (bulleted) list:
– + Space
Display a pop-up with the recently used blocks or, if you haven’t used any, a quick insert from a list:
/
Quick-start to the new paragraph block:
Enter
Formatting content Mac keyboard shortcuts
Cmd + A – Select the text
Cmd + C – Copy the selected text
Cmd + X – Cut the selected text
Cmd + V – paste the selected text
Cmd + Shift + V – Paste the selected text without formatting
Cmd + B – Write bold text
Cmd + I – Write italics text
Conclusion
Hope these keyboard navigation tips within Gutenberg editor will help you go through the blocks in an easier and simplified way. As they say, practice makes perfect, so in time you’ll get the hang of them, and all the content creation will be that much easier 🙂 Also, one note at the end: if you’re on the lookout for the next Gutenberg-ready theme, check out one of ours! They are highly flexible to match your personal taste and come with the full support for new WordPress 5 (Gutenberg) block editor.
And, if you want to learn more about Gutenberg interface (apart from our blog post), there’s a great detailed documentation made from the good people of WordPress community you should check out.
Feel free to share any additional keyboard shortcuts that we all can benefit from and do share this post with friends if you find it helpful!