WordPress 5.0 updated their post editor into a more modern one. One that provides greater layout options and a beautiful way for new writers, bloggers, businesses to create in WordPress.

Today I’d like to share some shortcuts and tips for you to get the most out of your editor.

Keyboard Shortcuts

There have been keyboard shortcuts in the WordPress editor for as long as I’ve been using it but here are some new ones that I think people should learn.

First up is the switch to code editor view. I must admit I’m not someone who actually enjoys writing in the code editor view in WordPress, but I know that it’s a very popular writing experience for some.

The keyboard shortcut isn’t the most intuitive but to access it you press shift+option+command+m.

As you can see it’s the same code editor as before the only difference is the comments that open and close each block or HTML tag. This is how the WP core developers managed each block to be contained individually. Pretty sweet if you ask me.

Next shortcut you’ll want to know about is the forwards slash to easily request the block you need for your post. It’s super easy all you have to do it is when you are at the beginning of a new block before you start writing type / and then whatever block name your looking for. 

The next notable shortcut is the control+option+z which is the delete block shortcut. Mastering this shortcut will make it easy to nuke a block you just created. To get the full list of shortcuts at your command you can use the shortcut control+option+h.

Writing tools

When I worked as a digital content producer at a news station we used WordPress for our news site. I would also do a lot of writing in the old editor. Although the experience was nice. It locked some editorial features to help clean up and tell the story.

Block Transport

A great example is when writing a feature story I might have written all the parts for the story but the structure of that story wasn’t perfect and so my editor would give me notes and in order to clean it up I would have to cut a text section and then place it at the spot I needed it. Not the worst thing in the world but in a long article it would get annoying.

In the new editor if you hover a block there is a navigation on the left side. It consists of an up and down arrows and a dotted box in the center of those arrows. The arrows are used nudge a block up or down the block above or below it. The dot grid is designed for the writer or editor to easily drag that block to whatever part of the post they need it.

Block Navigation

I also really enjoy the block navigation menu (ctrl+opt+o) which opens up a list of your block structure to easily jump to whatever block you need in your post. Super helpful when navigating a longer post.

Writing Tools and Experience

There are a few things that have been added to the new editor that I think are worth mentioning and I’ve found to be really enjoyable in the writing process. Things that the old editor really missed.

Fullscreen mode

If you’re like me you’ve probably done writing in a variety of apps. One of the many popular features apps like to entice writers with is a fullscreen mode. 

In the old editor I would barely use this feature. Because it wasn’t much of a full screen mode but more like a distraction free mode. It would hide all the widgets and dashboard menu and leave only the editor window. You’d end up writing in what felt like an island in a see of blank space.

In the new editor you have a real fullscreen mode that feels like something you’d get in a writing app. It complete hides your sidebar and leaves just the new editor and the menu that can be toggled on and off.

Post and Plugin Sidebar

I’m not quite sure what the technical term is but for now I’m calling the new post settings a sidebar that can be toggled on and off.

chris pratt mind blown GIF by Omaze

If you have plugins that have been updated for the new editor you’ll also see icons that display their settings. What you don’t know is that you can add or remove them.

I currently have Yoast and a plug-in called drop that allows you to add photos from Unsplash and Giphy into your post. If I didn’t want them showing up on the top bar I could click one of them and then click the little star icon.

If you wanted to add the plugin back on the toolbar you just have to click on the vertical show more button and then the plugin you want to re-favorite by clicking teh star icon.

Conclusion

You know have a better understanding of how to use the new editor in WordPress. I hope that this article has helped you learn the tool we use to create more content. Because a tool that gets in the way of making the content is one we don’t want and so whatever we can do to help make it easier to make that content is something we should always want.


Daniel Rubio

I'm a digital content producer. I believe everyone has the capability to inspire someone. I'm a husband and a father, a member of the Church of Jesus Christ of Latter Day Saints, and a lover of tacos and coke.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.