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 Block Editor 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 layouts complexos com facilidade, adicionando diferentes tipos de blocos de conteúdo e usando o recurso de arrastar e soltar para movê-los para onde quiser.

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 Block Editor e o Classic Editor?

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.

Por ter sido usado por muitos anos, os usuários de longa data do WordPress ficaram muito familiarizados com ele. Ele também parecia familiar porque funcionava como um processador de texto, como o Microsoft Word.

Ele colocou 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 apresentados como um documento simples, mas dificulta layouts complexos.

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

Você pode reorganizar os blocos usando o recurso de arrastar e soltar, além de estilizá-los 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 saber mais em nosso guia sobre como usar o editor de blocos do WordPress.

Qual é a diferença entre o Block Editor e os construtores de páginas?

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

Os principais criadores de páginas do WordPress, como SeedProd, Thrive Architect, Beaver Builder e Divi, são muito mais avançados.

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

SeedProd a popular WordPress page builder plugin

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 obter uma comparação detalhada, consulte nosso guia sobre o editor de blocos do WordPress e os criadores de páginas.

Quais blocos estão disponíveis no WordPress?

O editor Gutenberg fornece 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 de cada tipo de bloco pode ser editado, formatado e personalizado. Por exemplo, você pode colocar o texto em negrito 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.

Customizing a Block Using the Toolbar and Sidebar

Há também blocos para adicionar tipos mais específicos de conteúdo, como botões de call-to-action, vídeos do YouTube, texto em colunas, trechos de código, tabelas e muito mais.

Além disso, você pode ampliar os tipos de blocos disponíveis instalando plug-ins 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 snippet de blocos usando o WPCode. Isso permite que você crie blocos personalizados usando o próprio editor de blocos.

Choose the Block Snippets option and click the Edit with block editor button

Uma segunda maneira de criar blocos personalizados é usar o plug-in Genesis Custom Blocks, criado pelas pessoas por trás da hospedagem WP Engine.

Esse plug-in fornece aos desenvolvedores ferramentas fáceis para criar rapidamente blocos personalizados para seus projetos.

Você pode aprender a usar esses dois 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 do Gutenberg entre sites.

O que são padrões de bloco?

Normalmente, você adiciona elementos de design a uma postagem, um bloco de cada vez. Entretanto, 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 adicionar um grupo inteiro de blocos em uma única etapa, possibilitando a criação mais rápida de layouts de conteúdo personalizados.

Por exemplo, você pode usar padrões de bloco 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 muito 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 saber mais em nosso guia para iniciantes sobre como usar os padrões de blocos do WordPress.

Como atualizar seus posts antigos do WordPress com o Block Editor

Se você tem seu site WordPress há anos, é possível que tenha muito conteúdo antigo criado com o editor clássico. Por padrão, essas postagens ainda serão abertas no editor clássico.

Talvez você esteja se perguntando se é possível editar essas postagens usando o editor de blocos.

A resposta é “Sim”, e você pode aprender como fazer isso seguindo nosso guia passo a passo sobre como atualizar suas postagens antigas do WordPress com o editor de blocos Gutenberg.

Como desativar o Block Editor e usar o Editor clássico

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

No entanto, se você quiser continuar usando o editor clássico, poderá desativar o editor de blocos e ativar o editor clássico usando um plug-in ou um snippet de código.

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

Enabling the Classic Editor With a WPCode Snippet

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

Problemas comuns do Block Editor e como corrigi-los

Ocasionalmente, você pode se deparar com problemas ao usar o editor de blocos, como mensagens de erro, falhas, problemas de alinhamento e outros.

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

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

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

O que é: Editor de blocos