Block Editor/Gutenberg - WordPress Native Editor

Editing in Block Editor

Block Editor is more than just an editor because it allows you to handle your website content in customizable chunks or blocks. You don’t need to be fluent in HTML or write shortcodes. You can control a website’s entire layout (both back end and front end) from a single console.

To access the Gutenberg editor, navigate to either your Posts or Pages screens. Mouse over the post or page you’d like to edit, and you’ll see a small menu appear. Select Edit to use the Block Editor editor, or Classic Editor for the old WordPress default editor:

Gutenberg can seem overwhelming, but it doesn’t have to be! Here’s a breakdown of the main features:

Main Content Area

At the very center of the editor you’ll see your main content area. As you mouse over each section, you’ll notice a faint outline appear. This indicates that the section is a block, and once clicked, can be edited. 

What Are Blocks?

Consider a block as the most basic unit of the new editor. In other words, everything—including content, images, quotes, galleries, cover images, audio, video, headings, embeds, custom codes, paragraphs, separators and buttons—will turn into distinct blocks. Because you can drag and drop each block, identifying these items and placing them on the page becomes a lot easier.

Formatting Blocks

Here, you can choose the block’s format (Heading, Quote, List, Preformatted, or Verse), add links and other HTML elements, and perform basic editing tasks. To add another block, click the Plus icon and select from one of the many options:

If you’d like to rearrange the content blocks, no problem! Simply select the block you’d like to move, and use the Up and Down arrows to the left of the content:

Along with written content, you can also upload images and videos. Just like WordPress’s default editor, you have the option to Upload, Insert from Media Library, or drag and drop media.

More Advanced Features

The ‘slash autocomplete’ feature enables you to create a new block without having to use your mouse. Simply press Enter on your keyword, then enter a forward slash (/) followed by the type of block you would like to create. For example, you would use /heading to create a new content block with a heading format:

With Gutenberg you can even embed content from an array of other platforms. These include YouTube, Facebook, Instagram, Twitter, and more.

More Block Editor Resources

https://wordpress.org/gutenberg/handbook/

https://wpengine.com/blog/gutenberg-for-beginners-a-basic-tutorial/




Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.