WordPress Gutenberg Keyboard Shortcuts to help you work smart and save time!
WordPress Gutenberg keyboard shortcuts let you keep your hands on your keyboard instead of moving them away from the keyboard to mouse, click/drag/ drop, etc. This will save a lot of time of blog authors, editors who spend much time with WordPress Gutenberg editor to write and update or edit the blogs.
The Gutenberg keyboard shortcuts give you the ability to select the text, add formatting, undo-redo, insert a block, duplicate a block or even moderate your comments section.
Gutenberg team has introduced some 65+ handy keyboard shortcuts to the new editor. Learning these keyboard shortcuts will enable you to add content and build pages much faster and increase your blog writing and editing efficiency.
- What is Gutenberg block editor in WordPress?
- Using WordPress Gutenberg keyboard shortcuts for blog writing and editing efficiency.
- WordPress Keyboard Shortcut for Windows and Mac users
- Gutenberg keyboard shortcuts for MAC and Windows users
- Gutenberg Global Shortcuts
- Gutenberg Block Shortcuts
- How to Create Your Own WordPress Keyboard Shortcuts in WordPress (Gutenberg)
What is Gutenberg block editor in WordPress?
Gutenberg is a new block editor for WordPress which enables WordPress to build content layouts rather than just writing text articles. It came in December 2018 with the release of WordPress 5.0. It is packaged with some productive workarounds that help you stay concentrated while writing. And, the new editor includes lots of shortcuts that can be very handy while writing or editing the blog.
Gutenberg content block helps to give the user great ease to focus on the content building and design, rather than on coding and backend stuff. Here are the types of content blocks the Gutenberg offers:
- Cover Image
- Embeds and more
Using WordPress Gutenberg keyboard shortcuts for blog writing and editing efficiency.
After reading this post, you’ll know different WordPress Gutenberg keyboard shortcuts to help you create content more efficiently.
Gutenberg is still in beta but still, I have collected a few Gutenberg-specific shortcuts to get you ready for WordPress 5.0.
Here are some simple ways that you can speed up content creation in the new Gutenberg editor.
- / – By typing the slash, you can quick-insert a block by its name
- CTRL + Shift + ALT + M – (Windows) Switches you to the code editor (takes you back to the block editor if you’re already in the code editor)
- Cmd + Shift + ALT + M – (Mac) Switches you to the code editor (or go back to the block editor if you’re already in the code editor)
- Enter – Create a new block. This is helpful to combine with the / shortcut above to insert multiple blocks quickly
WordPress Keyboard Shortcut for Windows and Mac users
|Save your changes||Cmd+s||Ctrl+s|
|Underline the selected text||Cmd+u||Ctrl+u|
|Convert the selected text into a link||Cmd+k||Ctrl+k
|Display the selected text in a monospaced font||Opt+Ctrl+x||Alt+Shift+x|
|Show keyboard shortcuts (Display this help)||Opt+Ctrl+h||Alt+Shift+h|
Now let us take a close look at all the Gutenberg keyboard shortcuts available. I’ll list them out for both MAC and Windows users.
Gutenberg keyboard shortcuts for MAC and Windows users
Gutenberg Global Shortcuts
|To display shortcut window||Ctrl+Opt+H
|To save your changes||Cmd+S||Ctrl+S|
|To undo your last changes||Cmd Z||Ctrl+Z|
|To redo your last undo||Cmd+Shift+Z||Ctrl+Shift+Z|
|To show or hide the settings sidebar||Cmd+Shift+,||Ctrl+Shift+,|
|Navigate to the next part of the editor||Ctrl+`||Ctrl+`|
|Navigate to the previous part of the editor||Ctrl Shift+`||Ctrl+Shift+`|
|Switch between Visual Editor and Code Editor||Cmd+Opt+Shift+M||Ctrl+Alt+Shift+M|
|To insert a new block before the selected block(s)||Cmd+Option+t||Ctrl+Alt+t|
|To insert a new block after the selected block(s)||Cmd+Option+y||Ctrl+Alt+y|
|Open the block navigation menu||Opt+Ctrl+o||Alt+Shift+o|
|To navigate the next part of the editor||Opt+Ctrl+n||Alt+Shift+n|
|To navigate the previous part of the editor||Opt+Ctrl+p||Alt+Shift+p|
|To navigate the nearest toolbar||fn+Opt+F10||Alt+F10|
Gutenberg Block Shortcuts
|To duplicate the selected block(s)||Cmd+Shift+D||Ctrl+Shift+D|
|To remove the selected block(s)||Cmd+Opt+Backspace||Ctrl+Alt+Backspace|
|To insert a new block before the selected block(s)||Cmd+Opt+T||Ctrl+Alt+T|
|To insert a new block after the selected block(s)||Cmd+Opt+Y||Ctrl+Alt+Y
|To change the block type after adding a new paragraph||/||/|
How to Create Your Own WordPress Keyboard Shortcuts in WordPress (Gutenberg)
You can also create your own workflow-specific keyboard shortcuts using a program like AutoHotkey. AutoHotkey makes it easy to set up scripts and macros to boost your productivity.
And, it’s a wrap! If you know any other helpful WordPress keyboard shortcut then let us know in the comments!
Also, check out: