Using the Gutenberg Editor

AND THE GUTENBERG EDITOR ALL AT ONE TIME
OH JOY!

PLEASE NOTE: I FOUND AN ARTICLE THAT IS A GREAT REFERENCE ON EVERYTHING YOU NEED TO KNOW ABOUT THE EDITOR: https://ezseonews.com/blog/gutenberg-tutorial/. This article answered many of my questions. ~Colleen~

“Gutenberg” is the name of the new editor experience onWordPress. Their goal was to create a new post and page editing experience that makes it easy for anyone to create rich post layouts.

First let me say, that I have been using the new editor for a few days. It’s different, but I’m not struggling with using it. The layout is simple, and you can figure everything out by clicking the + to the left of each paragraph when you begin typing. 

I’ve found the scheduling feature to be glitchy, and have had to click on each part of the date and time in order to get the scheduler to accept my request. But, I haven’t died yet!

I do want to share some things that I’ve found to be invaluable in maneuvering the changes. This is the canonical list of keyboard shortcuts:

Editor shortcuts #Editor shortcuts

Shortcut descriptionLinux/Windows shortcutmacOS shortcut
Display keyboard shortcuts.Shift+Alt+H⌃⌥H
Save your changes.Ctrl+S⌘S
Undo your last changes.Ctrl+Z⌘Z
Redo your last undo.Ctrl+Shift+Z⇧⌘Z
Show or hide the settings sidebar.Ctrl+Shift+,⇧⌘,
Open the block navigation menu.Shift+Alt+O⌃⌥O
Navigate to a the next part of the editor.Ctrl+`⌃`
Navigate to the previous part of the editor.Ctrl+Shift+`⌃⇧`
Navigate to a the next part of the editor (alternative).Shift+Alt+N⇧⌥N
Navigate to the previous part of the editor (alternative).Shift+Alt+P⇧⌥P
Navigate to the nearest toolbar.Alt+F10⌥F10
Switch between Visual Editor and Code Editor.Ctrl+Shift+Alt+M⇧⌥⌘M

Selection shortcuts #Selection shortcuts

Shortcut descriptionLinux/Windows shortcutmacOS shortcut
Select all text when typing. Press again to select all blocks.Ctrl+A⌘A
Clear selection.EscEsc

Block shortcuts #Block shortcuts

Shortcut descriptionLinux/Windows shortcutmacOS shortcut
Duplicate the selected block(s).Ctrl+Shift+D⇧⌘D
Remove the selected block(s).Shift+Alt+Z⌃⌥Z
Insert a new block before the selected block(s).Ctrl+Alt+T⌥⌘T
Insert a new block after the selected block(s).Ctrl+Alt+Y⌥⌘Y
Change the block type after adding a new paragraph.//

Text formatting #Text formatting

Shortcut descriptionLinux/Windows shortcutmacOS shortcut
Make the selected text bold.Ctrl+B⌘B
Make the selected text italic.Ctrl+I⌘I
Underline the selected text.Ctrl+U⌘U
Convert the selected text into a link.Ctrl+K⌘K
Remove a link.Ctrl+Shift+K⇧⌘K
Add a strikethrough to the selected text.Shift+Alt+D⌃⌥D
Display the selected text in a monospaced font.Shift+Alt+X⌃⌥X

I did a cut and paste from this document: What is Gutenberg WordPress.org

As you can see, I couldn’t change the size of the copied table to accommodate the words typed on each line. There is a table feature now, but I have not played with it to see how it works.

Nevertheless, these shortcuts will prove to be a huge help. I copied the table from the site above and pasted it into a Word document which I then printed out. Eventually, I’ll have most of these keyboard shortcuts memorized.

I found that I could create a template post that I saved in drafts. The first thing I did was to take my old post and copy it and set it up into the block format. It was tedious and time-consuming, but I now have a template copy that I can copy from each week. This is a great help for many of my posts, such as my poetry challenge and recap which are basically the same each week. (I’ll give instructions for the Mac as that is the type of computer I use). 

Please note: There is a copy a post command that you can use, but it doesn’t bring over your colors, centering of paragraphs, etc. I tried it and found it to be a waste of my time.

Instead, from the draft copy, I could do a command A, command C, and then a command V, to paste the copied material into a new post document which included all the highlighting, indenting, and special text settings I had set up in the template.

Cut and paste clearly have issues, so if you use that function be prepared to clear up your post.

There are some cool things you can do to highlight text by changing the block text color and the background color from the color settings menu on the right. In the block above, I made the background gold and the text orange.

Headings or Titles

However

You can’t change the color of the titles. But, WordPress made it easier for you. If you select the paragraph setting, you can enlarge the font size and change its color, and background color, like I did above with the word “However.”

There are settings on the right-hand side of the editor for your document and for the blocks. You can even add a drop cap to your writing now! You can also move the blocks around by using the up or down option on the left-hand side of each paragraph.

I do want to mention that I had some posts scheduled already. I attempted to make some changes and found that I couldn’t. I didn’t try this, but I figure you would have to switch back to the old editor in order to make your changes.

Don’t be afraid to use the new editor. There is a lot of hype out there right now and I admit, I was the most fearful of all. Now that I’ve had the chance to use the editor, I’m finding that it’s not that bad. As with all new things, you just have to learn how to use the program. At one time you had to learn how to use the old WordPress editor, right? When you put it into those terms, it’s not so scary.

Image Credit: sayingimages.com

If we want to stay relevant in today’s fast-paced society we must embrace change. I might deny that I said any of this tomorrow, but for today… pull up your big girl or big boy panties and try the editor! ❤

Hugs to you all! ❤

104 comments

Thanks for sharing your thoughts.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

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