First steps with the new editor Gutenberg

Leave your reply

Please Note:

The text on this page was translated by translation software. A revised version from our editors will be available soon.

Here you will learn how to add Gutenberg as a plug-in in older WordPress installations and how to create your page with Gutenberg.

Where can I find the editor in my 1&1 IONOS Managed WordPress?

Starting with version 5 of WordPress, Gutenberg is already installed, activated and immediately available as a standard editor. Gutenberg is a plug-in and can be installed later as a normal WordPress plug-in in older WordPress versions. (From WordPress 4.9.8)

How is Gutenberg structured / Where can I find what in Gutenberg?

Each block is basically structured as follows: The main part of the block contains the content, i.e. text, image, gallery, etc. The function bar is located above the content. Here you will find the most important formatting for the content, such as paragraph settings for text, the number of columns and rows for a table block, and so on. The other settings are always available on the right in the function bar:

The function bar in a block

Adding and moving blocks

To add a new block to your website, the following options are available:

  • Click on the "+" sign in the top left corner of the top bar:
Add block
  • Write a text and press the "Enter" key. Then a new block will be added automatically.
  • Click on the "+" sign at the top of an existing block

If you have written your content or - if it is multimedia - added it, you can add or format the content at any time - e.g. for text left-flush instead of centered.

With a click on "further settings" the "further settings" will open:

Block Settings
  • Hide block settings: so you can focus even more on content
  • Duplicate: The existing block is inserted as a duplicate after that.
  • Insert before: New (empty) block is inserted before the current one
  • Insert afterwards: New (empty) block is inserted after the current one
  • Edit as HTML: Edit content as HTML
  • Add to reusable blocks: Block can be reused elsewhere

If you want to move a block within your page, you will find the corresponding tool to the left of the block content.

  • If the "hand symbol" appears, move the block to another position using drop & drop.
Move blocks on the page

or

  • Move the block exactly one position up or down.
Move blocks by one position

Block settings

You will find many advanced settings for each block on the right:

Block settings

For example, you can make the following settings for a block for images:

  • Enter Alt text (alternative text): Important e.g. for SEO
  • Change the image size
  • Change the image dimensions to make large images smaller, for example
  • Define links
  • Add an additional CSS class.

The settings are adapted to the respective block, e.g. text settings for blocks for texts, styles for tables, etc.

Using and continuing existing WordPress projects with the new editor

If you use Gutenberg and open pages written with the old editor, the content in Gutenberg will be displayed in a special block called the "Classic Editor" block.

Example of a text in a classic block

You can also edit the contents as in the old editor:

The function bar in the Classic Block

If you want to convert this Classic block into a current Gutenberg block, you will find the "Convert to blocks" function in the block options:

Convert to blocks

So you can convert your old content into Gutenberg blocks according to your needs.

Classic Block was successfully converted

You want to use WordPress 5 but prefer to use the old "Classic Editor"? No problem.

Install the Classic Editor as a PlugIn:
Further information can be found in the article Installing and Managing WordPress Plugins.

Classic Editor PlugIn

If you want to work exclusively with the Classic Editor, go to the PlugIn Settings and activate this function:

Classic Editor replaces Gutenberg

This replaces Gutenberg with the Classic Editor.

If you want to use both editors in parallel, activate the second option "Use the Block editor by defailt and include optional links back to the Classic editor". This allows you to decide which editor you want to use:

Gutenberg and Classic Editor as selection

FAQ - Frequently Asked Questions

How long is the Classic Editor supported?

In all probability, the Classic Editor will be supported until 2021.
(Source: https://make.wordpress.org/core/2018/11/07/classic-editor-plugin-support-window/ )

Where can I find the Classic Editor Plugin?

You can find the plugin in the menu item Plugins > Install. Just search for "Classic Editor"
(Source: https://wordpress.org/plugins/classic-editor/)

This article was published on 14 Nov 2018 by sebastian.zientek as part of the topic WordPress .

Leave your reply