17 Dicas para Dominar o Editor de Conteúdo do WordPress

Quer você esteja escrevendo posts de blog, projetando páginas ou gerenciando um site com vários autores, saber como usar o editor do WordPress de forma eficaz pode ajudá-lo a economizar tempo e criar conteúdo com aparência profissional.

Na WPBeginner, usamos o editor Gutenberg para todos os nossos posts e páginas. Nossos redatores estão sempre encontrando novas maneiras de trabalhar mais rápido 🕒, como usar atalhos de teclado, ferramentas de formatação de texto e padrões de blocos.

Essas pequenas mudanças realmente se somam, economizando tempo e tornando o processo de escrita eficiente. 📜

Neste guia, ensinaremos nossas dicas práticas para trabalhar de forma mais inteligente no editor do WordPress. Isso o ajudará a aprender como usar o editor de conteúdo como um profissional.

Os Benefícios de Dominar o Editor de Conteúdo do WordPress

Se você usa o WordPress regularmente, dominar o editor de conteúdo tornará sua vida muito mais fácil.

É onde você escreve, formata e estrutura seu conteúdo. Quanto mais confortável você estiver com o editor de blocos Gutenberg, mais rápidos e suaves serão seus fluxos de trabalho.

Pense em quanto tempo você gasta ajustando a formatação ou corrigindo problemas de layout.

Aprender os atalhos certos e ferramentas pode ajudá-lo a escrever, editar e publicar conteúdo com mais eficiência. Isso significa que você passará menos tempo em pequenos detalhes e mais tempo focado em criar ótimo conteúdo.

Um editor bem organizado também mantém seus posts com uma aparência limpa e profissional.

Quer você esteja adicionando imagens, incorporando vídeos ou estruturando títulos, conhecer o editor ajuda você a criar uma experiência melhor para seus leitores.

Dito isso, vamos dar uma olhada em algumas dicas incríveis para ajudá-lo a dominar o editor de conteúdo do WordPress. Você também pode usar os links abaixo para pular para a dica de sua escolha.

1. Aprendendo os Blocos Básicos
2. Comece a Usar Atalhos de Teclado
3. Espaçamento de Linha Simples e Duplo
4. Reorganizando a Tela de Edição
5. Alterando o Tamanho da Fonte no Editor Visual do WordPress
6. Adicionar Títulos aos Seus Artigos
7. Adicionando Colunas às Suas Postagens
8. Adicionando Imagem ao Lado do Texto
9. Adicionando Vídeos do YouTube no WordPress
10. Criando Tabelas em Postagens do WordPress
11. Adicionando Botões em Postagens e Páginas do WordPress
12. Adicionar Imagens de Capa em Postagens do WordPress
13. Destacando Texto em Suas Postagens
14. Adicionar Widgets às Suas Postagens
15. Adicionando HTML Personalizado em Postagens do WordPress
16. Obtenha a Contagem de Palavras e Outras Estatísticas para Suas Postagens
17. Adicionando Blocos Reutilizáveis às Suas Publicações
18. Dica Bônus: Remover Blocos no WordPress

1. Aprendendo os Blocos Básicos

Ao usar o editor de conteúdo do WordPress, você notará que os blocos são a base fundamental do seu conteúdo. Eles permitem adicionar texto, imagens, vídeos, botões e muito mais sem precisar tocar em uma única linha de código.

Aprender a usá-los torna a edição muito mais fácil.

Você pode ver facilmente todos os blocos que o WordPress tem a oferecer clicando no botão Adicionar Bloco (+) no canto superior esquerdo da tela. Isso abre um menu com uma lista de todos os blocos disponíveis.

A partir daí, você pode simplesmente arrastar e soltar os que precisar em sua publicação.

Por exemplo, o bloco Parágrafo é aquele que você usará mais. É para escrever texto, assim como este. Você pode formatá-lo com negrito, itálico ou links para tornar seu conteúdo mais envolvente.

Por outro lado, o bloco de Imagem ajuda você a adicionar fotos às suas publicações. Você pode fazer upload de imagens, arrastá-las e ajustar o tamanho delas diretamente no editor.

Em seguida, há o bloco de Título, que ajuda a organizar seu conteúdo. Títulos tornam sua publicação mais fácil de ler e ajudam os motores de busca a entenderem melhor seu conteúdo.

Assim que você aprender os blocos básicos, será mais fácil navegar pelo editor e criar conteúdo.

2. Comece a Usar Atalhos de Teclado

Atalhos de teclado podem ser uma ótima maneira de economizar tempo ao escrever no WordPress. Em vez de clicar em opções de formatação, você pode usar combinações rápidas de teclas para fazer as coisas mais rapidamente.

Por exemplo, Ctrl + B (Cmd + B no Mac) deixa o texto em negrito, e Ctrl + I (Cmd + I no Mac) adiciona itálico.

Da mesma forma, você pode destacar o texto e pressionar Ctrl + K (Cmd + K no Mac) para adicionar um link.

Você também pode usar atalhos para organizar seu conteúdo. Digitar ## seguido de um espaço cria um Título 2 instantaneamente, enquanto digitar – e pressionar espaço cria uma lista com marcadores.

Na WPBeginner, nossos redatores estão sempre usando atalhos de teclado para melhorar seus fluxos de trabalho. Para saber mais sobre eles, confira nosso guia sobre atalhos de teclado no WordPress.

3. Espaçamento de Linha Simples e Duplo

Muitos iniciantes acham difícil criar parágrafos e quebras de linha no WordPress.

Por padrão, o WordPress adiciona facilmente um novo parágrafo com espaçamento de linha duplo quando você pressiona a tecla Enter / Return.

No entanto, se você quiser apenas uma quebra de linha simples, precisará pressionar as teclas Shift + Enter juntas.

Isso move o texto para a próxima linha sem adicionar espaço extra, tornando-o perfeito para coisas como endereços, poesia ou formatação compacta.

Para instruções detalhadas, veja nosso guia sobre como adicionar uma quebra de linha no WordPress.

4. Reorganizando a Tela de Edição

O editor de conteúdo é basicamente uma tela limpa com uma barra superior e uma coluna à direita. Isso oferece uma interface de usuário limpa para criar suas postagens.

O editor exibe uma barra de ferramentas na parte superior do bloco que você está editando. No entanto, você pode mover a barra de ferramentas clicando no menu de três pontos no canto superior direito da tela.

Assim que o menu suspenso abrir, selecione a opção ‘Barra de ferramentas superior’.

Você também pode remover o painel de blocos à direita para criar um espaço de escrita claro para seu conteúdo.

Para isso, basta clicar no ícone ‘Configurações’ no canto superior direito para remover a coluna.

Além disso, você pode alternar para o modo Destaque clicando no ícone de três pontos no canto superior direito e selecionando a opção ‘Modo Destaque’.

Isso é ideal se você se distrai facilmente, pois escurece todos os outros blocos e destaca apenas aquele em que você está trabalhando no momento.

Ao usar o editor de blocos, você notará que a barra lateral de administração do WordPress aparece no lado esquerdo, o que pode ser bastante distrativo.

Nesse caso, recomendamos o uso do modo de tela cheia, que remove o painel de administração e oferece um ambiente claro para trabalhar.

Para adicionar este modo, basta clicar no ícone de três pontos no canto direito e selecionar a opção 'Modo de tela cheia'.

Para instruções detalhadas, consulte nosso guia sobre como reorganizar a tela de edição de posts no WordPress.

5. Alterando o Tamanho da Fonte no Editor Visual do WordPress

Às vezes, o tamanho de texto padrão não é o mais adequado para o seu conteúdo. Aumentar ou diminuir a fonte pode melhorar a legibilidade e ajudar pontos importantes a se destacarem.

Você pode facilmente alterar o tamanho da fonte no editor do WordPress selecionando um bloco de texto. Assim que fizer isso, mude para a aba 'Estilos' no painel do bloco à direita.

Agora você pode escolher entre tamanhos predefinidos ou inserir um tamanho personalizado na seção Tipografia. Você também pode alterar a cor do texto e do plano de fundo do seu bloco de parágrafo a partir daqui.

Para saber mais, consulte nosso tutorial sobre como alterar o tamanho da fonte no WordPress.

6. Adicione Títulos aos Seus Artigos

Títulos criam uma estrutura lógica para o seu artigo. Isso ajuda os motores de busca a entenderem os tópicos principais do conteúdo e, igualmente importante, torna o artigo mais fácil para seus visitantes escanearem e lerem.

O editor de conteúdo torna super fácil adicionar títulos aos seus artigos. Tudo o que você precisa fazer é selecionar o bloco ‘Título’ no menu.

Depois de fazer isso, você pode alterar o tamanho do título clicando no menu suspenso ‘H2’ na barra de ferramentas do bloco. Você também pode adicionar um link ao seu título, deixá-lo em negrito ou em itálico.

Você também pode alterar a cor e o tamanho do seu texto alternando para a guia ‘Estilos’ no painel do bloco.

Para mais detalhes, veja nosso tutorial sobre como usar corretamente as tags de título no WordPress.

7. Adicionando Colunas às Suas Postagens

O editor de conteúdo do WordPress vem com um bloco de Colunas integrado, que permite adicionar conteúdo em colunas. Isso pode facilitar a organização do seu conteúdo e melhorar a legibilidade para seus usuários.

Para adicionar uma coluna, basta clicar no botão ‘Adicionar Bloco’ e adicionar o bloco ‘Colunas’. Em seguida, você precisa escolher o número de colunas que deseja adicionar à sua página.

Depois de fazer isso, você pode adicionar blocos a cada uma de suas colunas. Por exemplo, você pode selecionar o bloco Parágrafo e adicionar conteúdo a ele.

Você também pode adicionar uma imagem, citações, vídeo e muito mais.

Você também poderá ver as configurações do bloco ‘Colunas’ à direita. A partir daqui, você pode editar a largura de cada coluna, alterar a cor de fundo e muito mais.

Para instruções detalhadas, veja nosso guia para iniciantes sobre como adicionar conteúdo em várias colunas em postagens do WordPress.

8. Adicionando Imagem ao Lado do Texto

Em versões mais antigas do WordPress, era bastante desafiador adicionar uma imagem logo ao lado de algum texto com o alinhamento correto.

No entanto, esse problema foi corrigido com o bloco Mídia e Texto.

Ele permite que você adicione uma imagem ao lado do bloco de texto e ajusta automaticamente a largura e o espaçamento entre as duas seções usando o controle deslizante à direita.

Você também pode mudar para a aba ‘Estilos’ para tornar o bloco mais atraente com cores.

Você pode adicionar letras capitulares, alterar a tipografia e muito mais.

9. Adicionando Vídeos do YouTube no WordPress

Embora você possa fazer upload de vídeos diretamente para o seu site WordPress, não recomendamos.

O upload de arquivos de vídeo grandes pode consumir os recursos e a largura de banda do seu servidor, o que geralmente torna seu site lento para os visitantes.

Para saber mais sobre isso, veja nosso artigo sobre por que você nunca deve fazer upload de vídeos para o seu site WordPress: nunca faça upload de vídeos para o seu site WordPress.

Em vez disso, recomendamos fazer upload de seus vídeos para o YouTube ou outros sites de streaming e, em seguida, incorporá-los em suas postagens e páginas.

Por exemplo, você pode usar o bloco 'Incorporar YouTube' para colar o URL do vídeo do YouTube que deseja adicionar, e o WordPress o incorporará automaticamente para você.

Além disso, o WordPress também oferece blocos de incorporação do Vimeo, Dailymotion e TikTok que você pode usar.

Você também pode colar o URL do vídeo dentro de um parágrafo ou qualquer bloco de texto, e o WordPress o converterá automaticamente no bloco do YouTube.

Para começar, você pode ler nosso tutorial sobre como incorporar facilmente vídeos em postagens de blog do WordPress.

10. Criando Tabelas em Postagens do WordPress

O editor de postagens também vem com um bloco para adicionar tabelas às suas postagens e páginas do WordPress.

Para fazer isso, basta adicionar o bloco de tabela e selecionar o número de colunas e linhas que deseja adicionar. Não se preocupe, você sempre poderá adicionar mais colunas e linhas depois, conforme necessário.

Depois disso, você verá uma tabela simples onde poderá adicionar ou remover células da tabela usando a barra de ferramentas do bloco.

Você também pode mudar para a aba ‘Estilos’ no painel de blocos para alterar a cor de fundo e do texto da sua tabela. Além disso, você pode adicionar uma linha de cabeçalho e destacar linhas de acordo com sua preferência.

Para saber mais, consulte nosso guia sobre como adicionar tabelas facilmente em posts do WordPress.

11. Adicionando Botões em Posts e Páginas do WordPress

Botões desempenham um papel importante quando você deseja adicionar uma chamada para ação aos seus posts ou páginas. Felizmente, o editor de conteúdo possui um bloco básico que permite adicionar um botão com apenas alguns cliques.

Adicione o bloco de Botões ao seu post. Assim que fizer isso, digite uma frase de CTA na área ‘Adicionar texto..’. Você também pode adicionar um link para o seu botão usando a barra de ferramentas do bloco.

Em seguida, mude para a aba ‘Estilos’ para alterar a cor do texto, a cor de fundo, a tipografia e o raio do botão.

Você também pode alinhar o botão ao centro, à esquerda ou à direita, de acordo com sua preferência.

Para instruções detalhadas, consulte nosso guia sobre como adicionar botões de chamada para ação no WordPress.

12. Adicionar Imagens de Capa em Posts do WordPress

Você pode ter visto imagens de capa usadas no meio de um artigo em publicações populares como o New York Times. Uma imagem de capa é simplesmente uma imagem colocada no meio de um artigo, às vezes com um texto sobreposto.

Seu propósito é tornar seu conteúdo mais envolvente e proporcionar uma pausa na leitura do texto.

O editor de conteúdo facilita a adição de imagens de capa aos seus posts. Você pode começar clicando no botão ‘Adicionar Bloco’ (+) na parte superior e encontrando o bloco Capa.

Ao adicionar o bloco, você será solicitado a escolher uma cor ou imagem da biblioteca de mídia do WordPress. Esta imagem ou cor será usada como fundo.

Depois disso, você pode simplesmente arrastar e soltar qualquer bloco que desejar na seção Capa. Por exemplo, você pode adicionar texto, incorporar um vídeo, adicionar imagens e muito mais.

Em seguida, mude para a aba ‘Estilos’ no painel de configurações para ajustar as dimensões do bloco, a opacidade da sobreposição, a tipografia e a cor.

Para saber mais sobre o bloco, consulte nosso guia sobre Imagem de Capa vs. Imagem Destacada no editor de blocos do WordPress.

13. Destacando Texto em Seus Posts

Às vezes, você precisa destacar certas palavras ou frases para chamar a atenção e tornar seu conteúdo mais envolvente.

Você pode fazer isso facilmente com o editor Gutenberg. Simplesmente selecione o texto que deseja destacar e clique no ícone 'Mais' na barra de ferramentas do bloco.

Isso abrirá um menu suspenso onde você terá que escolher a opção 'Destacar'.

Em seguida, uma ferramenta de seleção de cores aparecerá, onde você terá que mudar para a aba 'Fundo'.

Em seguida, escolha uma cor de destaque entre as opções fornecidas. Você também pode selecionar uma cor personalizada para destacar o texto clicando na opção 'Personalizado' e abrindo uma ferramenta conta-gotas.

Para saber mais, veja nosso tutorial sobre como destacar texto no WordPress.

14. Adicionar Widgets aos Seus Posts

Widgets são um recurso clássico do WordPress, tradicionalmente usados para adicionar elementos à barra lateral ou ao rodapé do seu site.

O editor de blocos agora permite que você use muitos desses mesmos widgets funcionais (como 'Posts Recentes' ou 'Arquivos') como blocos individuais diretamente dentro do seu conteúdo.

Simplesmente procure a seção Widgets no menu de blocos.

A partir daqui, você pode usar os widgets comumente usados em seus posts e páginas.

15. Adicionando HTML Personalizado em Posts do WordPress

O editor de conteúdo no WordPress é um editor WYSIWYG (O que você vê é o que você obtém) totalmente visual. No entanto, você ainda pode adicionar código HTML se precisar.

Isso é útil para incorporar conteúdo de terceiros que fornece um trecho de código HTML, como formulários de newsletter por e-mail, banners de anúncios ou calendários interativos.

A maneira mais fácil de fazer isso é adicionando o bloco HTML Personalizado ao seu post. Depois disso, você pode simplesmente colar o HTML que deseja adicionar.

No entanto, você também pode ver o conteúdo existente em HTML personalizado clicando no ícone de três pontos na barra de ferramentas do bloco. Assim que o menu suspenso abrir, selecione a opção ‘Editar como HTML’.

Agora você verá o HTML de um bloco individual e poderá editá-lo como quiser.

Para mais detalhes, consulte nosso tutorial sobre como editar HTML no editor de código do WordPress.

16. Obtenha a Contagem de Palavras e Outras Estatísticas para Suas Publicações

Ao trabalhar em um artigo extenso, você pode querer ver o esboço rápido do artigo, quantas palavras ele tem e como tudo está organizado.

O conteúdo do WordPress torna super fácil verificar essas estatísticas. Para isso, basta clicar no botão ‘Visão Geral do Documento’ na parte superior e mudar para a aba ‘Esboço’.

Agora você pode ver a contagem de palavras, a contagem de caracteres e o tempo estimado de leitura para sua publicação ou página. Lembre-se de que a contagem de palavras é atualizada automaticamente à medida que você continua escrevendo.

Você também pode visualizar um esboço do seu artigo com base nos títulos que utilizou.

No entanto, se você quiser ver todos os blocos que usou em seu artigo, pode mudar para a aba ‘Visualização em Lista’ na parte superior.

Para obter dados mais detalhados, consulte nosso guia sobre como obter estatísticas de contagem de palavras no WordPress.

17. Usando Padrões Sincronizados (Anteriormente Blocos Reutilizáveis)

Em versões mais antigas do WordPress, os ‘Blocos Reutilizáveis’ permitiam salvar um bloco e usá-lo em várias páginas. Agora, esse recurso foi renomeado para ‘Padrões Sincronizados’.

O principal benefício é que, ao editar um padrão sincronizado, ele é atualizado automaticamente em todos os lugares onde você o utilizou em seu site.

Por exemplo, você pode criar um botão de CTA uma vez e depois inseri-lo onde for necessário com apenas alguns cliques.

Para criar um padrão, basta clicar no ícone de três pontos na barra de ferramentas do bloco de qualquer bloco que você deseja salvar.

Em seguida, selecione ‘Criar padrão’ e dê um nome a ele no pop-up que se abre.

Depois de fazer isso, abra o menu de blocos e mude para a aba ‘Padrões’. Aqui, você notará uma lista de todas as categorias padrão oferecidas pelo recurso de padrão.

Simplesmente escolha a categoria que você selecionou anteriormente para seu bloco reutilizável. Se você não selecionou nenhuma categoria, seu padrão será armazenado na aba ‘Sem categoria’.

Vá em frente e clique na categoria adequada. Assim que fizer isso, um prompt se abrirá ao lado do menu de blocos, listando todos os padrões salvos naquela seção específica.

Agora, basta clicar no bloco reutilizável que você criou para adicioná-lo à sua página ou postagem do WordPress.

Para instruções detalhadas, consulte nosso guia sobre como criar um bloco reutilizável no WordPress.

Dica Bônus: Remover Blocos no WordPress

Se você é iniciante, talvez não precise usar vários dos blocos padrão do WordPress. Nesse caso, recomendamos remover esses blocos desnecessários para limpar seu menu de blocos.

Isso ajudará você a se manter focado, facilitando a localização rápida dos blocos que você precisa.

E não se preocupe, pois você sempre pode trazer de volta os blocos que escondeu com apenas alguns cliques.

Para remover blocos, clique no ícone de três pontos no canto superior direito do editor de conteúdo. Assim que um menu suspenso aparecer, escolha a opção ‘Preferências’.

Isso abrirá um pop-up na tela, onde você terá que mudar para a aba ‘Blocos’. Em seguida, desmarque as caixas ao lado dos blocos que você deseja ocultar no editor de postagens.

Quando terminar, basta clicar no ícone ‘X’ para sair do prompt. Você agora ocultou com sucesso os blocos no WordPress.

Para saber mais, consulte nosso guia sobre como remover um bloco no WordPress.

Esperamos que este artigo tenha ajudado você a descobrir novas dicas para dominar o editor de conteúdo do WordPress. Você também pode querer ver nossa comparação de widgets vs. blocos do WordPress e nossas principais escolhas para os melhores plugins de blocos Gutenberg para 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.