Como usar os blocos WordPress Gutenberg

O WordPress é o sistema de gerenciamento de conteúdo (CMS) mais popular do mundo. Simplificando, um CMS é uma interface que você usa para controlar as camadas do seu site.

Cada site consiste em front-end e back-end. O frontend é a camada visual, que os visitantes veem quando entram no seu site, e é composta por várias páginas. O back-end é a camada na qual você trabalha para controlar o funcionamento do seu site.

Os plug-ins são um bom exemplo de componentes de back-end que ajudam a adicionar funcionalidades ao seu site, seja segurança, design, mídia e muito mais.

Um dos tipos mais importantes de plugins são os construtores de páginas. Os construtores de páginas têm recursos de arrastar e soltar que permitem que os usuários vejam as alterações em tempo real. Infelizmente, os criadores de páginas podem adicionar peso ao seu site porque ainda usam código, mesmo que você não possa vê-lo. O peso diminui a velocidade do seu site e isso sabota o ranking do seu mecanismo de pesquisa.

Ter um site que usa código limpo, é leve e carrega super rápido é muito importante e agora é um fator de classificação para os mecanismos de busca. Se você deseja classificar no topo dos resultados de pesquisa, precisa ter um site que facilite essas coisas.

O Editor de Blocos Gutenberg

Em novembro de 2018, o WordPress introduziu um novo editor de blocos chamado Gutenberg.

O Gutenberg ajuda você a construir seus sites visualmente, arrastando e soltando, assim como os plugins do construtor de páginas. No entanto, não é um complemento de terceiros. Ele está embutido no núcleo do próprio WordPress. Ele usa código limpo, é leve e super rápido. Dessa forma, o Gutenberg permite que você seja amigável aos mecanismos de pesquisa. Gutenberg torna muito fácil para iniciantes e especialistas criar sites super-rápidos para que eles possam ter uma classificação mais alta organicamente.

O compositor é chamado de “editor de blocos” porque o conteúdo é categorizado em “blocos”. Os blocos são uma ferramenta útil para ajudá-lo a construir seu site. Eles ajudam você a inserir, editar, projetar e reorganizar conteúdo multimídia sem precisar escrever código personalizado. Dessa forma, você pode se concentrar na criação de conteúdo envolvente e de qualidade sem ter que se preocupar com código.

Os blocos são muito flexíveis e permitem que você seja criativo e crie seu próprio design de marca. Um dos melhores recursos é a opção “blocos personalizados” que você pode usar para criar recursos exclusivos que combinam com a estética da sua marca. Não ter que se limitar a temas e recursos pré-desenhados é criativamente libertador.

Gutenberg é mais do que um editor

Gutenberg está revolucionando a forma como páginas, posts e produtos são criados, dando ao WordPress uma vantagem significativa sobre outras opções de CMS.

Apesar disso, Gutenberg é uma mudança controversa. Algumas pessoas pensam que é uma mudança necessária, enquanto outras preferem a maneira como sempre fizeram as coisas. No entanto, não há dúvida de que Gutenberg não é simplesmente um novo editor. Ele abre muitas possibilidades para desenvolvimentos interessantes no WordPress.

Como usar o editor de blocos Gutenberg

Agora que você entende a diferença entre o editor de blocos Gutenberg e os construtores de páginas clássicos do WordPress, vamos aprender mais sobre como usar o Gutenberg. Dessa forma, você pode ver em primeira mão se o editor de blocos Gutenberg é a coisa certa para você.

Leitura relacionada: Um guia do mundo real para usar o Gutenberg

Como adicionar conteúdo em Gutenberg

Se você quiser adicionar um título de página, basta digitar na seção “adicionar título”. Depois disso, você pode começar a adicionar conteúdo à sua página digitando no espaço em branco abaixo ou adicionando um bloco. Reunimos um tutorial de bloco do Gutenberg para ajudá-lo a fazer exatamente isso.

Depois de ter feito isso, você começou oficialmente a criar seu post ou página. Editar e mover o conteúdo que você adiciona é super fácil se você usar blocos Gutenberg.

Adicionando blocos no Gutenberg

Como mencionamos anteriormente, o novo editor do WordPress é chamado de “editor de blocos” porque todo o conteúdo aqui é dividido em blocos. Gutenberg tem muitos tipos de blocos para qualquer tipo de conteúdo ou multimídia que você queira usar.

Você pode adicionar um bloco simplesmente clicando no sinal de mais no espaço em branco ou no canto superior esquerdo. Quando você clica nele, o Gutenberg oferece alguns tipos de blocos que você pode adicionar.

Existem mais de 50 tipos de blocos que você pode escolher. Ao clicar em “procurar todos”, você pode ver todos os diferentes tipos de blocos e escolher o melhor para a tarefa em questão. Existem tipos específicos de blocos Gutenberg para qualquer tipo de conteúdo, incluindo texto, mídia, design, temas e incorporações.

Editando blocos em Gutenberg

Depois de escolher seu bloco ideal, siga as instruções para criar seu conteúdo nesse bloco. Você pode repetir esse processo muitas vezes e adicionar quantos blocos precisar.

Você pode editar qualquer bloco selecionando-o e visualizando as configurações desse bloco. Ao escolher um bloco, algumas configurações aparecerão logo acima dele. Você pode usar as setas para reorganizar os blocos ou pressionar e segurar os pontos para arrastar o bloco para o local desejado.

Gutenberg também permite que você salve um bloco como um “bloco reutilizável”. Ao usar o plugin Advanced Custom Fields, você pode construir blocos reutilizáveis, que podem ser usados ​​através do Gutenberg. Isso é importante se você criar designs que serão reutilizados novamente, porque você não terá que redesenhar as coisas do zero e isso economizará seu tempo. Você também pode usar plugins diferentes para adicionar blocos de seção.

Um bloco de seção do WordPress Gutenberg é um recurso valioso que permite organizar vários blocos dentro de uma seção. Qualquer bloco Gutenberg padrão ou personalizado pode ser adicionado a uma seção, que pode ser utilizada como um bloco inteiro.

Como publicar um post no WordPress com Gutenberg

Depois de concluir a edição, você deve publicar ou fazer sua postagem ser publicada em seu site. Você pode começar com o processo de publicação clicando no botão “publicar” no canto superior direito da sua página do Gutenberg. Depois de clicar no botão publicar, aparecerão algumas opções que você pode alterar ao seu gosto.

As configurações de visibilidade ajudam você a controlar e restringir quem pode visualizar seu conteúdo. Você também pode agendar postagens para serem publicadas em uma data ou hora específica. Dessa forma, você não precisa apertar manualmente o botão de publicação sempre que quiser que sua postagem seja publicada. A adição de tags também é recomendada porque elas podem ajudar os espectadores a encontrar seu conteúdo.

Antes de publicar sua postagem, o Gutenberg permite que você visualize como ela ficará em diferentes telas, como desktop, tablet e celular.

Quando você se certificar de que tudo está ótimo, você estará pronto para publicar seu conteúdo.

Agora você sabe

O novo editor de blocos WordPress Gutenberg está revolucionando a forma como páginas, posts e produtos são criados. Com o Gutenberg, você pode projetar visualmente seu site sem saber codificar. Agora você conhece o básico de Gutenberg, como fazer um post e como publicá-lo.

Quer tentar usar o editor de blocos Gutenberg? Fortaleça seu site com um host profissional projetado para WordPress.

Confira nossos planos de hospedagem WordPress totalmente gerenciados para começar hoje.

Recursos relacionados

• Como entender o WordPress Gutenberg: além de um editor
• Um guia para WordPress Gutenberg
• E se o novo editor Gutenberg do WordPress não for adequado para você?