What is: Block Editor?

The WordPress block editor is a content editor used to create, edit, and format posts and pages. It lets you easily build complex layouts by adding different types of content blocks and using drag-and-drop to move them where you want. The block editor was introduced in WordPress 5.0 and became the default content editor in WordPress 6.0. It is also known as the Gutenberg editor. It replaces the classic editor, which was the default WordPress editor from 2004-2018.

What’s the Difference Between the Block Editor and Classic Editor?

The previous WordPress content editor is known as the classic editor, and it was the default editor all the way from WordPress 1.5 in 2004 until WordPress 5.0 in 2018. Because it was used for so many years, long-term WordPress users became very familiar with it. It also felt familiar because it operated like a word processor such as Microsoft Word. It placed a toolbar above the editor with icons for adding text formatting such as heading styles, bold, italics, lists, and alignment. This works well for posts and pages that are laid out like a simple document but makes complex layouts difficult. On the other hand, the block editor is perfect for complex layouts. You can easily build a web page by adding individual blocks for paragraphs, images, headings, and more. You can rearrange the blocks using drag-and-drop and style and customize them individually. This block-based approach offers greater control over your content’s layout and appearance. You can learn more in our guide on how to use the WordPress block editor.

What’s the Difference Between the Block Editor and Page Builders?

The block editor comes preinstalled with WordPress and allows you to create beautiful content layouts using blocks. So, you may be wondering whether you need a drag-and-drop WordPress page builder plugin. Top WordPress page builders like SeedProd, Thrive Architect, Beaver Builder, and Divi are significantly more powerful. Like the block editor, they are drag-and-drop design tools that let you create custom WordPress website designs without writing any code. However, they also come with ready-made templates that save you time, and they offer much more design flexibility than WordPress block editor For a detailed comparison, see our guide on the WordPress block editor vs page builders.

What Blocks Are Available in WordPress?

The Gutenberg editor provides plenty of commonly used blocks for creating content. It’s important to explore the different blocks that are available and learn to use them in your content. You will find blocks for adding paragraphs, lists, images, galleries, and more. You can explore the available blocks and add them to your post using the block inserter. Using the Block Inserter The contents in each type of block can be edited, formatted, and customized. For example, you can bold the text in a paragraph block or crop a photo in an image block. To customize a block, simply select it and then use the options in the toolbar and sidebar. There are also blocks for adding more specific types of content, such as call-to-action buttons, YouTube videos, text in columns, code snippets, tables, and much more. Beyond these, you can extend the available block types by installing plugins that add more blocks to the editor or creating your own blocks.

What Are Block Patterns?

Normally, you will add design elements to a post one block at a time. However, if you regularly use the same combination of blocks, then you can save time using block patterns. A block pattern is a pre-made collection of blocks. It lets you add a whole group of blocks in one step, allowing you to create custom content layouts faster. For example, you can use block patterns to add multi-column layouts, media and text patterns, call-to-action patterns, headers, buttons, and more. WordPress comes with a selection of useful block patterns, and some popular WordPress themes also provide more block patterns that can be used when writing content. You can learn more in our beginner’s guide on how to use WordPress block patterns.

O que é o Editor de Blocos no WordPress?

O editor de blocos do WordPress é um editor de conteúdo usado para criar, editar e formatar posts e páginas. Ele permite que você crie facilmente layouts complexos adicionando diferentes tipos de blocos de conteúdo e usando arrastar e soltar para movê-los para onde desejar.

O editor de blocos foi introduzido no WordPress 5.0 e se tornou o editor de conteúdo padrão no WordPress 6.0. Ele também é conhecido como editor Gutenberg.

Ele substitui o editor clássico, que foi o editor padrão do WordPress de 2004 a 2018.

Qual a Diferença Entre o Editor de Blocos e o Editor Clássico?

O editor de conteúdo anterior do WordPress é conhecido como editor clássico, e foi o editor padrão desde o WordPress 1.5 em 2004 até o WordPress 5.0 em 2018.

Como ele foi usado por tantos anos, usuários de longa data do WordPress se familiarizaram muito com ele. Ele também parecia familiar porque funcionava como um processador de texto, como o Microsoft Word.

Ele colocava uma barra de ferramentas acima do editor com ícones para adicionar formatação de texto, como estilos de título, negrito, itálico, listas e alinhamento. Isso funciona bem para posts e páginas que são dispostos como um documento simples, mas torna layouts complexos difíceis.

Por outro lado, o editor de blocos é perfeito para layouts complexos. Você pode facilmente criar uma página da web adicionando blocos individuais para parágrafos, imagens, títulos e muito mais.

Você pode reorganizar os blocos usando arrastar e soltar e estilizar e personalizá-los individualmente. Essa abordagem baseada em blocos oferece maior controle sobre o layout e a aparência do seu conteúdo.

Você pode aprender mais em nosso guia sobre como usar o editor de blocos do WordPress.

Qual a Diferença Entre o Editor de Blocos e os Construtores de Páginas?

O editor de blocos vem pré-instalado com o WordPress e permite que você crie belos layouts de conteúdo usando blocos. Portanto, você pode estar se perguntando se precisa de um plugin de construtor de páginas WordPress de arrastar e soltar.

Os principais construtores de páginas WordPress como SeedProd, Thrive Architect, Beaver Builder, e Divi são significativamente mais poderosos.

Assim como o editor de blocos, eles são ferramentas de design de arrastar e soltar que permitem criar designs personalizados de sites WordPress sem escrever nenhum código.

SeedProd, um popular plugin construtor de páginas do WordPress

No entanto, eles também vêm com modelos prontos que economizam seu tempo, e oferecem muito mais flexibilidade de design do que o editor de blocos do WordPress.

Para uma comparação detalhada, veja nosso guia sobre o editor de blocos do WordPress vs. construtores de páginas.

Quais Blocos Estão Disponíveis no WordPress?

O editor Gutenberg oferece muitos blocos comumente usados para criar conteúdo. É importante explorar os diferentes blocos disponíveis e aprender a usá-los em seu conteúdo.

Você encontrará blocos para adicionar parágrafos, listas, imagens, galerias e muito mais. Você pode explorar os blocos disponíveis e adicioná-los à sua postagem usando o inseridor de blocos.

O conteúdo em cada tipo de bloco pode ser editado, formatado e personalizado. Por exemplo, você pode colocar em negrito o texto em um bloco de parágrafo ou cortar uma foto em um bloco de imagem.

Para personalizar um bloco, basta selecioná-lo e usar as opções na barra de ferramentas e na barra lateral.

Personalizando um Bloco Usando a Barra de Ferramentas e a Barra Lateral

Existem também blocos para adicionar tipos de conteúdo mais específicos, como botões de chamada para ação, vídeos do YouTube, texto em colunas, trechos de código, tabelas e muito mais.

Além destes, você pode estender os tipos de blocos disponíveis instalando plugins que adicionam mais blocos ao editor ou criando seus próprios blocos.

Como Criar Seus Próprios Blocos no WordPress

Se você tiver necessidades específicas, também poderá criar seus próprios blocos personalizados.

A melhor maneira de fazer isso é criar um trecho de blocos usando WPCode. Isso permite que você crie blocos personalizados usando o próprio editor de blocos.

Escolha a opção Block Snippets e clique no botão Edit with block editor

Uma segunda maneira de criar blocos personalizados é usando o plugin Genesis Custom Blocks. Este é feito pelas pessoas por trás da hospedagem WP Engine.

Este plugin fornece aos desenvolvedores ferramentas fáceis para criar rapidamente blocos personalizados para seus projetos.

Você pode aprender como usar ambos os métodos em nosso guia sobre como criar um bloco personalizado do WordPress.

Depois de criar alguns blocos personalizados, você pode importar e exportar seus blocos Gutenberg entre sites.

O Que São Padrões de Blocos?

Normalmente, você adicionará elementos de design a uma postagem um bloco por vez. No entanto, se você usa regularmente a mesma combinação de blocos, pode economizar tempo usando padrões de blocos.

Um padrão de bloco é uma coleção pré-fabricada de blocos. Ele permite que você adicione um grupo inteiro de blocos em uma única etapa, permitindo que você crie layouts de conteúdo personalizados mais rapidamente.

Por exemplo, você pode usar padrões de blocos para adicionar layouts de várias colunas, padrões de mídia e texto, padrões de chamada para ação, cabeçalhos, botões, e mais.

O WordPress vem com uma seleção de padrões de blocos úteis, e alguns temas populares do WordPress também fornecem mais padrões de blocos que podem ser usados ao escrever conteúdo.

Você pode aprender mais em nosso guia para iniciantes sobre como usar padrões de blocos do WordPress.

Como Atualizar Seus Posts Antigos do WordPress com o Editor de Blocos

Se você tem seu site WordPress há anos, então você pode ter muito conteúdo antigo criado com o editor clássico. Por padrão, esses posts ainda abrirão no editor clássico.

Você pode estar se perguntando se é possível editar esses posts usando o editor de blocos.

A resposta é ‘Sim’, e você pode aprender como seguindo nosso guia passo a passo sobre como atualizar seus posts antigos do WordPress com o editor de blocos Gutenberg.

Como Desativar o Editor de Blocos e Usar o Editor Clássico

Recomendamos que você aprenda e use o editor de blocos porque ele é o futuro do WordPress.

No entanto, se você deseja continuar usando o editor clássico, pode desativar o editor de blocos e ativar o editor clássico usando um plugin ou um trecho de código.

Recomendamos o uso do WPCode porque ele facilita a adição de código personalizado no WordPress e inclui um trecho em sua biblioteca de códigos que pode ativar o editor clássico.

Habilitando o Editor Clássico com um Trecho WPCode

Você pode aprender mais em nosso guia sobre como desativar o Gutenberg e manter o editor clássico no WordPress.

Problemas Comuns do Editor de Blocos e Como Resolvê-los

Você pode ocasionalmente encontrar problemas ao usar o editor de blocos, como mensagens de erro, travamentos, problemas de alinhamento e muito mais.

Você pode encontrar ajuda em nosso guia sobre problemas comuns do editor de blocos do WordPress e como resolvê-los.

Esperamos que este artigo tenha ajudado você a aprender mais sobre o editor de blocos no WordPress. Você também pode consultar nossa lista de Leitura Adicional abaixo para artigos relacionados sobre dicas, truques e ideias úteis do WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

O que é: Editor de Blocos