WordPress

user manual

WordPress

user manual

the Gutenberg Interface

Gutenberg is the default WordPress editor. Using a block-based approach, Gutenberg includes every element you typically need to create a web page, such as paragraphs, headings, lists, buttons, widgets, embeds, and columns.

screen options

Image
The screen options in Gutenberg can be found by clicking on the 3 vertical dots at the top right, after which a menu opens. Select "Options" at the bottom of the menu. A new window will appear where you can choose to view options related to the post, such as the author, permalink, discussion, comments, and more. Most of these are selected by default.

features in the Gutenberg interface

Image

[A] Add new block.
[B] Undo / Redo buttons
[C] Number of words, blocks, etc.
[D] Overview of construction layout
[E] Add new block
[F] Add shortcut block.
[G] Preview | Publish | Settings

  • Preview - opens a live preview of your message
  • Publish / Update - publishes/updates your post
  • Settings hide the sidebar
  • Other options such as switching to the code editor, etc.
[H] Document | Block
  • Document – ​​settings for status, date, revisions, permalink, cover image, discussion, and page attributes.
  • Block - settings for the selected block

[I] General document settings (Block settings are only visible when a block is selected)
[J] Select categories and tags
[K] Select the cover image
[L] Visible text in the news (blog) overview
[M] Allow or disallow comments, track- and pingbacks

Add blocks

Image

To add a block, open the drop-down menu [A], find and select the block you need. Each Gutenberg block has its own Block Editor where its content can be modified. Click in the block to bring up this editor. The editing options differ per block.

More Options this opens a number of general possibilities:

  • Show/Hide Block Settings to adjust the layout settings of the block.
  • Duplicate: Duplicates the content of the selected block into a new block.
  • Insert Before: Add block above the selected block
  • Insert After: Add block below the selected block
  • Edit as HTML: Edit the code directly
  • Add to reusable block: This allows you to quickly save any WordPress block you frequently use.
  • Remove Block: 🗑️

move blocks

Image
You can move the blocks using the arrows in the block editor. All information about the content of the block (including font, color and size) moves with the block.

While every effort has been made to ensure that the information contained in this manual is correct, we make no warranty as to the accuracy of its contents and are under no circumstances liable for any loss of data or consequential damages.
Furthermore, it is not allowed to copy, change or offer the content under your own name.

 last updated 04.01.2023 / © brigit varenkamp