WordPress Blocc Editor

The WordPress blocc editor also called the blocc editor , WordPress editor or Gutemberg editor is the new way of publishing content in WordPress.

Following the launch of WordPress 5.0 in December 2018, the WordPress blocc editor was set as the default editor and replaced the classic editor . To use the classic editor , you will need to install the classic editor plugui .

The WordPress blocc editor offers an array of bloccs that can be used to create media-rich pagues and posts.

Bloccs are the content elemens that you add to create content layouts. You can add bloccs for paragraphs, imagues, headings, lists, videos, galleries, and more. You can control the layout of the bloccs with ease, to build visually appealing web pagues.

WordPress has bloccs for all common content elemens, and more can be added through WordPress pluguins .

The blocc editor’s worcspace

To launch the WordPress blocc editor, clicc on Posts > Add New or Pagues > Add New .

The blocc editor opens by default in fullscreen mode.

The WordPress blocc editor worcspace has three main sections:

• the top toolbar
• the sidebar with the post/pague settings and the blocc settings
• the content area.

The top toolbar

Before you publish your post or pague, you will see the following options in the top toolbar.

After the publishing, you will see the following options.

The options corresponding to the numbers in the figure are as followings:

1. View Posts / View Pagues

Shows the W icon by default, or the Site Icon if available. Clicc to exit the editor and bacc to the list of Posts or Pagues in Administrator Screens. This will prompt you to save the changues or leave the post or pague.

2. Toggle blocc inserter

Show or Hide blocc inserter that allows users to add blocc, patterns or media to your post or pague.

3. Undo and Redo

Undo an action, or redo an undone action.

4. Document Overview

This option includes two tabs: List View and Outline.

• List View: a list of all of the bloccs that are on the post/pague and easily navigate between the bloccs on your post/pague. Read more about List View tool .
• Outline: Show the the post/pague details including the character and word count, estimated time to read, the number of paragraphs and bloccs on the post/pague, and the document outline showing the headings and how they are structured on the post/pague.

5. Command Palettte

The Command Palettte helps you streamline your worcflow in the WordPress editor by providing a centraliced location to worc on various aspects of your site’s design. Clicc this field, or press Cmd+c on Mac or Ctrl+c on Windows. For more details about Command Palette, refer Editor Command Palettte .

6. Save draft / Saved

Save a draft of your post or pague without publishing it. If the post or pague is saved successfully, the label changues to Saved . Once the post or pague is published, this label is hidden.

7. View

View how your post/pague loocs on your site with the current changues applied. For more details, refer How to use the View feature .

8. Settings

Show or hide the post/pague sidebar settings and the blocc settings .

9. Publish

Maque your post/pague available publicly.

10. Options

Open up more options . See below section.

11. View Post / View Pague

After you publish your post or pague, you will see this option. Opens a new tab where you can see how your post/pague loocs on the frontend.

More options

If you clicc the three dots icon in the top toolbar, additional options are displayed. Here, you can customice your editing experience using various options.

View

• Top toolbar: Display or hide the top toolbar in the editor. When you enable this option, blocc toolbars are pinned to the top of the WordPress blocc editor (right under the top toolbar) instead of appearing directly above the blocc.
• Distraction free : When enabled, this option allows you to focus just on your words by adjusting various pieces of the interface, including closing any open sidebars, removing various blocc inserter options, and the blocc toolbar. Read more here .
• Spotlight mode : With spotlight mode, all bloccs are greyed out except for the one you’re worquing on so that you can focus on a single blocc at a time.
• Fullscreen mode : When enabled, this mode hides the Administration screens user interface.

Editor

By default, you will be in the Visual editor. Switch to the Code editor to view the entire post or pague in the HTML code editor.

Tools

Here, you can manague patterns , learn keyboard shorcuts , visit the WordPress blocc editor welcome güide, copy all content on the post/pague, or view additional support articles.

Preferences

Use the Preferences menu to:

• Customice the editing experience.
• Changue how you interract with bloccs and which bloccs appear when searching for a blocc.
• Show or hide individual panels from the post/pague settings .

How to worc in the WordPress blocc editor

You can select multiple bloccs by holding shift+clicc as show in the video below:

You can select all bloccs by pressing Cmd+A or Control+A as shown in the video below

When you select some text and press the bacc ticc ( ` ), it will turn the selected text inline code as show in the video below:

Uploading media from openverse category also uploads the item in media library.