WordPress Gutenberg Tutorials and Tips

Creating and formatting content with WordPress has become easy with the introduction of Gutenberg. It is one of the best things for WordPress users. Users, specifically developers, no longer need any foreknowledge and experience in coding to set up a professional website. The following Gutenberg Tips and Tricks further enhances the user or developer’s experience.

Useful hotkeys

These are hotkeys for Windows users. If you are using a Mac, replace Ctrl with Command.

  • Enter = Add a new block
  • Ctrl + Shift + d = Duplicate the selected block(s)
  • Alt + Shift + z = Remove the selected block(s)
  • Ctrl + Alt + t = Insert a new block before the selected block(s)
  • Ctrl + Alt + y = Insert a new block after the selected block(s)
  • / = Change the block type after adding a new paragraph
  • Esc = Clear selection
  • Ctrl + Shift + z = Redo your last undo
  • Ctrl + Shift + , = Show or hide the settings bar
  • Alt + Shift + o = Open the block navigation menu
  • Alt + Shift + n = Navigate to the next part of the editor
  • Alt + Shift + p = Navigate to the previous part of the editor
  • Alt + F10 = Navigate to the nearest toolbar
  • Ctrl + Shift + Alt + m = Switch between Visual Editor and Code Editor
  • Ctrl + c = Copy
  • Ctrl + v = Paste
  • Ctrl + b = Bold
  • Ctrl + i = Italic
  • Ctrl + x = Cut
  • Ctrl + a = Select All
  • Ctrl + z = Undo
  • Ctrl + s = Save your changes
  • Ctrl + p = Print
  • Ctrl + u = Underline the selected text
  • Ctrl + k = Convert the selected text into a link
  • Alt + Shift + x = Display the selected text in a monospaced font
  • Alt + Shift + h = Show keyboard shortcuts (Display this help)

Tips

Block content categories

The user can easily pick a block from the categories arranged systematically. The categories include:

  • Most used
  • Common blocks
  • Formatting
  • Layout elements
  • Widgets
  • Embeds

Undo/Redo Option

The feature allows you to go back or move forward to undo or redo a change. It saves the user the trouble of having to rewrite what you deleted without intending.  

Document

The document area is where settings are located. The feature enables you to navigate the document to make changes and set your desired settings. Once you choose your default settings, the whole document will follow that format and you won’t have to waste time making changes to individual elements.

Preview and Publish

The two features allow you to make appropriate changes to your document before it reaches the consumers. The preview option lets you see your document’s layout before you hit the ‘save and publish’ button. Publishing means your content is now visible to the public.

Add block button

The add block button allows the user to add new content to their website. All you need to do is fill out the required areas such as the title and paste the rest of the content text in the larger box. If you don’t have ready content, you can start typing content in the box.

Block search

The feature consists of a ‘search for a block’ box where the user types in what they want to look for in the block categories. The block search option allows you to find a particular block fast.

Drag and drop images

With this feature, you don’t have to struggle including images in your content. All you need to do is open the image on your PC, drag it and drop on the exact place you want it to appear.

Alternate between the code editor and visual editor

Gutenberg allows users to switch between the two editors pretty quickly. You may ask why is the switching important. If you’re a technical writer, you will find this feature very useful if you want to add in some codes.

Copy several blocks

Users can copy multiple blocks using this feature. The feature saves much of your time moving content to another location within the website. All you need to do is to click on the ellipsis on the top right column and copy all content.

Spotlight mode

The spotlight mode enables the user to focus on one block at a time. Once you highlight the block you are working on, the rest of the blocks are shaded. You can then highlight another block to begin working on once you are done with the current one.

Leave a Comment

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

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close