Meks
Do you know you can try any of our premium WordPress themes for free?Show me the themes
WordPress 5 (Gutenberg) block editor keyboard shortcuts

WordPress 5 (Gutenberg) block editor keyboard shortcuts

3Shares

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 🙂

help-gutenberg-keyboard-shortcuts

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

Gutenberg keyboard shortcuts code visual switch

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:
/

Gutenberg keyboard shortcuts for blocks

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.

gutenberg keyboard shortcuts Pinterest visual

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!

3Shares

Tags: ,

Ivana Cirkovic

Ivana is a Digital Marketing, PR and Social Media consultant with over nine years experience in the field. She is also a WordPress enthusiast and an active member of WordPress community who lives online almost 24/7. In love with Twitter, WP, photography and NYC.

2 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You don't need to have loads of money to get a world-class WordPress website! All our themes are rated with the highest 5-star rating. Have a look and choose the best one for you.
Meks WordPress Themes
Meks