WORDPRESS 5.0

Gutenberg Quick Start Guide

General Definitions

  • Block – any element that you use to build your content.
  • TinyMCE editor – the “old” WordPress editor.
  • Settings toolbar – the sidebar where you can configure post/block details.
  • Block Navigation – a quick look at all the blocks in your post.
  • Visual Editor – the default WYSIWYG editor.
  • Code Editor – lets you work with HTML and block formatting.
  • Unified toolbar – attaches the formatting toolbar to the top of the editor.
  • Spotlight Mode – fades all blocks except the active block.

 

General Tips

  • Insert blocks with the + icon
  • Each paragraph is a separate block
  • Quick change blocks with / to save time
  • Move blocks with drag-and-drop or arrows
  • Check for extra blocks from your plugins
  • Configure global options in Document sidebar
  • Configure individual blocks in Block sidebar
  • Drag image files into Gutenberg from your desktop
  • Learn keyboard shortcuts to save time
  • Click the Information icon to view word count
  • Gutenberg automatically saves your draft
  • Create reusable block templates to save time

 

Shortcuts

Blocks

  • Duplicate selected block – Ctrl + Shift + D
  • Delete selected block – Shift + Alt + Z
  • Insert new block (before) – Ctrl + Alt + T
  • Insert new block (after) – Ctrl + Alt + Y
  • Change block type – / + "Name of block"

 

Text Formatting 

  • Select all content in block – Ctrl + A
  • Select all content in post – Ctrl + A x2
  • Clear selection – Esc
  • Insert link – Ctrl + K
  • Bold – Ctrl + B
  • Italics – Ctrl + I
  • Underline – Ctrl + U
  • Strikethrough – Shift + Alt + D
  • Monospaced font – Shift + Alt + X

 

Editor Interface

  • Save draft – Ctrl + S
  • Show/hide settings toolbar – Ctrl + Shift + ,
  • Switch between Visual/HTML editor – Ctrl + Shift + Alt +M
  • Undo last changes – Ctrl + Z
  • Redo last undo – Ctrl + Shift + Z
  • Open block navigation menu – Shift + Alt + O
  • Move to next part of editor – Ctrl + 'OR Shift + Alt + N
  • Move to previous part of editor – Ctrl + Shift + ' OR Shift + Alt + P
  • Move to nearest toolbar – Alt + F10