Criar conteúdo bonito no WordPress não precisa ser complicado.
O editor de blocos (também conhecido como Gutenberg) foi projetado especificamente para tornar a criação de páginas e posts tão simples quanto arrastar e soltar blocos no lugar, sem necessidade de habilidades técnicas.
Pense nisso como construir com blocos de Lego digitais. Cada peça de conteúdo – seja texto, imagens ou botões – se torna um bloco que você pode facilmente mover e personalizar.
Fizemos a transição para o Gutenberg logo no início e o usamos há anos. Isso nos ajudou a guiar milhares de usuários do WPBeginner a dominar este sistema.
Neste tutorial, mostraremos exatamente como funciona o editor de blocos do WordPress.
Você aprenderá as técnicas simples que tornam a criação de conteúdo mais rápida e agradável, além de descobrir recursos que podem dar ao seu site um visual polido sem nenhum conhecimento de codificação.
Observação: Neste artigo, estamos falando sobre o uso do editor de blocos, que foi projetado para editar seus posts e páginas. Se você está se perguntando como editar seu site inteiro com blocos, consulte nosso guia completo de edição completa do site no WordPress.
Qual é a Diferença Entre o Editor de Blocos (Gutenberg) e o Editor Clássico?
Antes de mergulharmos no editor de blocos, vamos comparar e entender as diferenças entre o Editor de Blocos Gutenberg e o Editor Clássico Antigo.
Veja como era o editor clássico no WordPress:
Tinha uma caixa de editor de texto com algumas opções básicas de formatação. Era bastante limitado em funcionalidade e aparência visual.
Veja como é o editor de blocos no WordPress:
Como você pode ver, são dois editores completamente diferentes para criar conteúdo no WordPress.
O antigo editor clássico era um editor de texto com botões de formatação semelhantes ao Microsoft Word.
O novo editor usa uma abordagem diferente chamada ‘Blocos’ (daí o nome Editor de Blocos).
Blocos são elementos de conteúdo que você pode adicionar à tela de edição para criar layouts. Cada item que você adiciona ao seu post ou página é um bloco.
Por exemplo, você pode adicionar blocos para parágrafos, imagens, vídeos, galerias, áudio, listas e muito mais. Existem blocos para todos os elementos de conteúdo comuns, e mais podem ser adicionados por plugins do WordPress.
Como o Editor de Blocos do WordPress é Melhor que o Editor Clássico?
O editor de blocos do WordPress oferece uma maneira simples de adicionar diferentes tipos de conteúdo aos seus posts e páginas.
Por exemplo, se você anteriormente quisesse adicionar uma tabela ao seu conteúdo usando o editor clássico, você precisava de um plugin de tabela separado.
Com o editor de blocos, você pode simplesmente adicionar um bloco de tabela, selecionar suas colunas e linhas, e começar a adicionar conteúdo.
Você pode mover elementos de conteúdo para cima e para baixo, editá-los como blocos individuais e criar facilmente conteúdo rico em mídia.
Mais importante ainda, o editor de blocos do WordPress é fácil de usar e aprender.
Isso dá uma vantagem imensa a todos os iniciantes do WordPress que estão apenas começando seu primeiro blog ou construindo um site de negócios DIY.
Dito isso, vamos examinar como usar o editor de blocos do WordPress para criar ótimo conteúdo como um profissional.
Aqui está o que abordaremos neste tutorial do Gutenberg:
- Usando o Gutenberg – O Editor de Blocos do WordPress
- Criando um Novo Post ou Página no Blog Usando o Editor de Blocos
- Como Adicionar um Bloco no Editor de Blocos
- Trabalhando com Blocos no Novo Editor
- Organizando Blocos em Grupos e Colunas
- Salvando e Reutilizando Conteúdo com Padrões Sincronizados (Blocos Reutilizáveis)
- Opções de Publicação e Gerenciamento no Editor de Blocos Gutenberg
- Configurações de Plugins no Gutenberg
- Adicionando Alguns Blocos Comuns no Editor de Blocos
- Explorando Outros Blocos de Conteúdo no Editor de Blocos
- Dicas Extras para Usar o Gutenberg como um Profissional
- Adicionando Mais Blocos ao Editor de Blocos Gutenberg no WordPress
- Perguntas Frequentes Sobre o Gutenberg – O Editor de Blocos no WordPress
- Tutorial em Vídeo
- Recursos Extras
Pronto? Vamos começar.
Usando o Gutenberg – O Editor de Blocos do WordPress
O editor de blocos foi projetado para ser intuitivo e flexível. Embora pareça diferente do editor antigo do WordPress, ele ainda faz tudo o que você podia fazer no editor clássico.
Vamos começar cobrindo as coisas básicas que você fazia no editor clássico e como elas são feitas no editor de blocos.
Criando um Novo Post ou Página no Blog Usando o Editor de Blocos
Você começará a criar uma nova postagem de blog ou página como faria normalmente. Simplesmente clique no menu Posts » Adicionar Nova Postagem no seu painel do WordPress.
Se estiver criando uma página, vá para o menu Páginas » Adicionar Nova.
Isso abrirá o editor de blocos.
Como Adicionar um Bloco no Editor de Blocos
O primeiro bloco de cada postagem ou página é o título.
Você pode usar o mouse para ir para baixo do título ou pressionar a tecla Tab no seu teclado para mover o cursor para baixo e começar a escrever.
Por padrão, o próximo bloco é um bloco de Parágrafo. Isso permite que os usuários comecem a escrever imediatamente.
No entanto, se você quiser adicionar algo diferente, pode clicar no botão adicionar novo bloco [+] no canto superior esquerdo do editor, abaixo de um bloco existente, ou no lado direito de um bloco.
Clicar no botão mostrará o menu adicionar bloco com uma barra de pesquisa no topo e blocos comumente usados abaixo.
Você pode clicar em abas para navegar pelas categorias de blocos ou digitar uma palavra-chave para pesquisar rapidamente um bloco específico.
Se você não quiser usar o mouse para clicar no botão, também pode usar um atalho de teclado.
Comece digitando / para pesquisar um bloco e, em seguida, insira-o pressionando a tecla Enter no seu teclado.
Trabalhando com Blocos no Novo Editor
Cada bloco tem uma barra de ferramentas que aparece em cima dele. Os botões na barra de ferramentas mudam dependendo do bloco que você está editando.
Por exemplo, na captura de tela abaixo, estamos trabalhando em um bloco de Parágrafo que mostra botões de formatação básicos como alinhamento de texto, negrito, itálico, inserir link e mais opções que estão disponíveis no menu de três pontos.
Além da barra de ferramentas, cada bloco pode ter suas próprias configurações de bloco, que aparecem na coluna da direita da tela de edição.
Essas configurações variam dependendo de qual bloco você está editando. Por exemplo, o bloco de Parágrafo permite editar a cor do texto, do fundo e do link, bem como a tipografia.
Você pode mover blocos para cima e para baixo e reorganizá-los.
Se você quiser fazer isso, basta clicar para arrastar e soltar ou clicar nos botões de subir e descer na barra de ferramentas do bloco.
Relacionado: Veja nosso guia sobre como remover um bloco no WordPress.
Organizando Blocos em Grupos e Colunas
O editor de blocos também vem com ferramentas úteis para gerenciar e organizar seus layouts de conteúdo.
Você pode selecionar vários blocos clicando neles enquanto pressiona a tecla Shift no seu teclado.
Depois disso, clique no botão do tipo de bloco na barra de ferramentas para transformar os blocos selecionados em Grupos ou Colunas.
Você pode então aplicar estilos a todo o Bloco de Grupo, como alterar o alinhamento ou o espaçamento.
O editor de blocos também permite que você adicione um bloco de Grupo ou Colunas vazio.
Depois disso, você pode preenchê-los com outros blocos.
Você pode adicionar qualquer tipo de bloco em cada coluna, conforme necessário.
Isso permite que você crie layouts bonitos para diferentes casos de uso.
Salvando e Reutilizando Conteúdo com Padrões Sincronizados (Blocos Reutilizáveis)
Uma das funcionalidades mais poderosas do editor de blocos é a capacidade de salvar e reutilizar conteúdo em todo o seu site. Isso é feito usando Padrões Sincronizados, que anteriormente eram conhecidos como Blocos Reutilizáveis.
Um Padrão Sincronizado é um bloco, ou um grupo de blocos, que você pode usar em várias postagens e páginas.
A melhor parte é que, quando você edita o padrão, ele é atualizado automaticamente em todos os lugares onde você o usou. Isso é perfeito para conteúdo que precisa permanecer consistente, como uma caixa de chamada para ação, uma biografia de autor ou informações de contato.
Para criar um, basta selecionar o bloco ou os blocos que você deseja salvar. Em seguida, clique no ícone do menu de três pontos na barra de ferramentas do bloco e escolha a opção 'Criar Padrão'.
Uma janela pop-up aparecerá. Aqui, você pode dar um nome ao seu padrão e atribuí-lo a uma categoria para manter as coisas organizadas.
Mais importante, você precisa garantir que a opção 'Sincronizado' esteja ativada. É isso que faz com que o padrão seja atualizado em todos os lugares de uma vez.
Observação💡: Você também pode usar grupos e colunas inteiros como blocos reutilizáveis. Isso permite que você salve seções inteiras e as use sempre que necessário.
Após clicar em 'Criar', seu novo Padrão Sincronizado será salvo.
Para usá-lo em outra postagem ou página, basta clicar no botão de inserção de blocos (+) e encontrá-lo na aba 'Padrões', ou simplesmente pesquisar por nome.
Os padrões facilitam para os proprietários de sites adicionarem elementos comumente usados aos seus layouts, como chamadas para ação, botões de mídia social, banners e muito mais.
Seu tema ou plugins do WordPress podem até vir com seus próprios padrões, ou você pode encontrar padrões criados por outras pessoas na biblioteca de Padrões de Blocos do WordPress.
Se precisar de mais ajuda, temos um guia separado para iniciantes sobre como encontrar e usar padrões de blocos do WordPress.
Opções de Publicação e Gerenciamento no Editor de Blocos Gutenberg
Cada postagem do WordPress contém muitos metadados. Isso inclui informações como a data de publicação, categorias e tags, imagens em destaque e muito mais.
Todas essas opções estão bem posicionadas na coluna da direita na tela do editor.
Opções de Plugin no Gutenberg
Plugins do WordPress podem aproveitar a API do editor de blocos para integrar suas configurações na tela de edição.
Alguns plugins populares vêm com seus próprios blocos.
Por exemplo, WPForms, o melhor plugin de formulário de contato do WordPress, permite que você adicione formulários ao seu conteúdo usando um bloco.
Outros plugins do WordPress também podem adicionar suas configurações à tela do editor de blocos.
Por exemplo, veja como o All in One SEO for WordPress permite editar suas configurações de SEO na parte inferior do editor de blocos:
Da mesma forma, se você administra uma loja online usando o WooCommerce, notará que ele também tem seus próprios blocos.
Esses blocos permitem que você adicione seus produtos a qualquer uma de suas postagens e páginas do WordPress.
Adicionando Alguns Blocos Comuns no Editor de Blocos
O editor de blocos pode fazer tudo o que o editor clássico antigo fazia.
No entanto, você fará as coisas de forma mais rápida e elegante do que antes. Além disso, ele pode fazer muito mais, como permitir que você estilize seu conteúdo com várias opções sem código.
Aqui estão alguns dos blocos comuns que você pode usar.
1. Adicionando uma Imagem no Editor de Blocos do WordPress
Existe um bloco de Imagem pronto para uso no editor de blocos do WordPress. Basta adicionar o bloco e, em seguida, carregar um arquivo de imagem ou selecioná-lo na biblioteca de mídia.
Você também pode arrastar e soltar imagens do seu computador, e o editor criará automaticamente um bloco de Imagem.
Depois de adicionar uma imagem, você poderá ver as configurações do bloco, onde poderá adicionar metadados para a imagem, como o texto alternativo, o tamanho da resolução da imagem e adicionar um link para a imagem.
Para mais informações, dê uma olhada em nosso tutorial sobre como adicionar imagens no WordPress.
2. Adicionando um Link no Editor de Blocos
O editor de blocos vem com vários blocos onde você pode adicionar texto. O mais comumente usado é o bloco de Parágrafo, que possui um botão de inserir link na barra de ferramentas.
Todos os outros blocos de texto comumente usados também têm um botão de link na barra de ferramentas.
Você também pode inserir um link usando o atalho de teclado, que é Command + K para Mac e CTRL + K em computadores Windows.
3. Adicionando uma Galeria de Imagens no Gutenberg
O bloco Galeria funciona como o bloco de imagem. Você o adiciona e, em seguida, carrega ou seleciona arquivos de imagem.
Para mais detalhes, veja nosso guia sobre como criar uma galeria de imagens no WordPress.
4. Adicionando Shortcodes em Posts do WordPress Usando o Gutenberg
Todos os seus shortcodes funcionarão exatamente como no editor clássico. Você pode simplesmente adicioná-los a um bloco de Parágrafo, ou pode usar o bloco Shortcode.
Explorando Outros Blocos de Conteúdo no Editor de Blocos
O editor Gutenberg prometeu resolver alguns problemas de usabilidade de longa data no WordPress, introduzindo novos blocos.
Abaixo estão alguns dos favoritos que acreditamos que os usuários acharão imensamente úteis.
1. Adicionando uma Imagem ao Lado de um Texto no WordPress
Muitos de nossos usuários não conseguiam colocar uma imagem ao lado do texto usando o editor antigo. Agora você pode fazer isso com o bloco Mídia e Texto.
Este bloco simples vem com dois blocos colocados lado a lado, permitindo que você adicione facilmente uma imagem com algum texto ao lado dela.
2. Adicionando um Botão em Posts e Páginas do WordPress
Outra irritação do editor antigo era adicionar um botão aos seus posts ou páginas do blog. Você tinha que usar um plugin que criava um shortcode para o botão ou mudar para o modo HTML e escrever código.
Felizmente, o Gutenberg tem um bloco de Botão que permite adicionar rapidamente um botão a qualquer post ou página.
Você pode adicionar um link para seu botão, alterar cores e muito mais. Para detalhes, veja nosso artigo sobre como adicionar botões facilmente no WordPress.
3. Adicionando Belas Imagens de Capa em Posts de Blog e Páginas de Destino
Outro recurso interessante que você pode querer experimentar é o bloco de Capa, que permite adicionar imagens de capa ou fundos de cor às suas postagens e páginas.
Uma imagem de capa é uma imagem mais ampla, frequentemente usada para uma nova seção em uma página ou o início de uma história. Ela fica bonita e permite que você crie layouts de conteúdo envolventes.
Simplesmente adicione um bloco de Capa e, em seguida, carregue a imagem que deseja usar. Você pode escolher uma cor de sobreposição para a capa ou torná-la uma imagem de fundo fixa para criar um efeito parallax quando os usuários rolarem a página.
Para mais detalhes, veja nosso artigo sobre a diferença entre imagens de capa e imagens destacadas no WordPress.
4. Criando Tabelas Dentro de Artigos
O editor clássico não tinha um botão para adicionar tabelas às suas postagens do WordPress. Você precisava usar um plugin ou criar uma tabela escrevendo CSS e HTML personalizados.
Agora, o editor de blocos tem um bloco de Tabela padrão, tornando a adição de tabelas às suas postagens e páginas super fácil. Simplesmente adicione o bloco e selecione o número de colunas e linhas que deseja inserir.
Você agora pode começar a adicionar dados às linhas da tabela. Você sempre pode adicionar mais linhas e colunas, se necessário, e duas opções básicas de estilo estão disponíveis.
5. Criando Conteúdo em Múltiplas Colunas
Criar conteúdo em várias colunas era outro problema que o editor clássico não resolvia.
Felizmente, o editor de blocos permite adicionar um bloco de Colunas, que adiciona duas colunas de blocos de parágrafo.
Este bloco de colunas é bastante flexível. Você pode adicionar até 6 colunas em uma linha e até usar outros blocos dentro de cada coluna.
Dicas Extras para Usar o Gutenberg como um Profissional
Olhando para o editor de blocos, você pode se perguntar se passará mais tempo adicionando e ajustando blocos do que criando conteúdo real.
Bem, o editor de blocos é incrivelmente rápido, e até mesmo um uso muito básico por alguns minutos permitirá que você adicione blocos instantaneamente sem nem pensar.
Em pouco tempo, você perceberá o quão mais rápido seu fluxo de trabalho se tornará com essa abordagem.
Aqui estão algumas dicas bônus para usuários avançados para ajudá-lo a trabalhar ainda mais rápido com o editor de blocos do WordPress.
1. Mova a Barra de Ferramentas do Bloco para o Topo
Você pode ter notado nas capturas de tela acima que uma barra de ferramentas aparece no topo de cada bloco. Você pode mover essa barra de ferramentas para o topo do editor.
Para acessar a opção 'Barra de ferramentas superior', clique no botão de três pontos no canto superior direito da tela.
2. Use Atalhos de Teclado
O Gutenberg vem com vários atalhos úteis que tornarão seu fluxo de trabalho ainda mais rápido e fácil. O primeiro que você deve começar a usar imediatamente é o /.
Simplesmente digite /, comece a digitar e, em seguida, o editor mostrará blocos correspondentes que você pode adicionar instantaneamente.
Para mais atalhos, clique no menu de três pontos no canto superior direito da sua tela e selecione 'Atalhos de teclado'.
Isso abrirá um pop-up com uma lista de todos os atalhos de teclado que você pode usar. A lista terá atalhos diferentes para usuários de Windows e Mac.
3. Arraste e Solte Mídia para Criar Blocos de Mídia Automaticamente
O Gutenberg permite que você arraste e solte arquivos em qualquer lugar da tela, criando automaticamente um bloco para você.
Por exemplo, você pode arrastar e soltar um único arquivo de imagem ou vídeo, e ele criará o bloco para você. Alternativamente, você pode arrastar e soltar vários arquivos de imagem para criar um bloco de Galeria.
4. Adicionando YouTube, Twitter, Vimeo e outros embeds
O editor de blocos facilita a incorporação de conteúdo de terceiros em seu conteúdo do WordPress. Existem blocos para todos os serviços populares de terceiros.
No entanto, você pode simplesmente copiar e colar o URL do embed em qualquer ponto, e ele criará automaticamente um bloco para você.
Por exemplo, adicionar um URL de vídeo do YouTube criará automaticamente um bloco de incorporação do YouTube e exibirá o vídeo.
Embora colar um URL diretamente não funcione para posts do Facebook e Instagram, a solução alternativa é simples.
Você só precisa habilitar o recurso 'oEmbeds' usando Smash Balloon Social Photo Feed e colar o URL no bloco 'Embed'.
Para detalhes completos, veja nosso artigo sobre incorporar posts do Facebook e Instagram no WordPress.
Adicionando Mais Blocos ao Editor de Blocos Gutenberg no WordPress
O editor de blocos no WordPress permite que desenvolvedores criem seus próprios blocos. Alguns excelentes plugins do WordPress oferecem pacotes de blocos para o novo editor.
Aqui estão alguns deles:
1. Blocos Gutenberg do WordPress Spectra
Spectra WordPress Gutenberg Blocks é uma biblioteca de blocos com muitos blocos avançados que ajudam você a adicionar mais elementos de design ao seu conteúdo.
Spectra, criado pelo pessoal por trás do popular tema Astra para WordPress, ajuda você a criar designs bonitos sem escrever nenhum código.
Para mais informações, veja nossa análise completa do Spectra.
PublishPress Blocks é outra biblioteca de blocos poderosa que vem com blocos adicionais para estender o editor de blocos Gutenberg.
Inclui belas opções de layout, sliders, botões, ícones, galerias de imagens, mapas, abas, depoimentos, acordeões e muito mais.
3. Empilháveis – Blocos Gutenberg
Stackable – Gutenberg Blocks é uma coleção de blocos Gutenberg lindamente projetados que você pode usar em seu site. Inclui blocos para contêiner, posts, grade de recursos, acordeão, caixa de imagem, lista de ícones, chamada para ação e muito mais.
Para mais algumas opções, veja nossa lista completa dos melhores plugins de blocos Gutenberg para WordPress.
Perguntas Frequentes Sobre o Gutenberg – O Editor de Blocos no WordPress
Desde que o Gutenberg se tornou o editor padrão do WordPress, temos recebido muitas perguntas sobre como usá-lo. Aqui estão as respostas para algumas das perguntas mais frequentes sobre o editor de blocos.
1. O que acontece com meus posts e páginas antigos no editor de blocos? Posso editá-los ainda?
O editor de blocos não afeta seus posts e páginas antigos. Você ainda pode editá-los, e o editor de blocos os abrirá automaticamente em um bloco contendo o editor clássico.
Você pode editá-los dentro do editor antigo, ou pode converter artigos antigos em blocos e usar o editor de blocos.
2. Posso continuar usando o editor antigo?
Sim, você ainda pode continuar usando o editor antigo. Basta instalar e ativar o plugin Editor Clássico.
Após a ativação, o editor de blocos será desativado, e você poderá continuar usando o editor clássico.
O plugin Classic Editor será oficialmente suportado no futuro previsível. No entanto, recomendamos fortemente que você comece a usar o editor de blocos agora para se familiarizar com a maneira moderna de criar conteúdo no WordPress.
3. O que devo fazer se o editor de blocos não funcionar com um plugin ou tema que estou usando?
O Projeto Gutenberg esteve em desenvolvimento por muito tempo, o que deu aos autores de plugins e temas tempo suficiente para testar seu código quanto à compatibilidade.
No entanto, ainda há uma chance de que alguns plugins e temas não funcionem bem com o editor de blocos. Nesse caso, você pode instalar o plugin Classic Editor, solicitar ao desenvolvedor que adicione suporte ao Gutenberg ou encontrar um plugin ou tema alternativo.
4. Como posso aprender mais sobre dicas e truques do Gutenberg?
O WPBeginner é o melhor lugar para aprender sobre o editor de blocos no WordPress. Somos o maior site de recursos do WordPress na internet.
Publicaremos novos artigos e atualizaremos nossos recursos antigos para ajudá-lo a dominar o editor de blocos.
Enquanto isso, se você tiver alguma dúvida, sinta-se à vontade para entrar em contato conosco deixando um comentário ou usando o formulário de contato em nosso site.
5. Tendo problemas com o Gutenberg?
Se você está tendo problemas com o editor de blocos do WordPress, criamos um guia rápido de solução de problemas que lista todos os problemas comuns do editor de blocos que os usuários encontram e como resolvê-los.
Tutorial em Vídeo
Se você não prefere instruções escritas, então apenas assista ao nosso tutorial em vídeo:
Recursos Extras
Os seguintes são alguns recursos adicionais que o ajudarão a usar o editor de blocos de forma mais eficiente:
- Editor de Blocos do WordPress vs. Page Builders: Qual a Diferença?
- Como Criar um Bloco Personalizado no WordPress (Maneira Fácil)
- Como Importar / Exportar Seus Blocos do WordPress Gutenberg (2 Passos)
- Widgets do WordPress vs. Blocos – Qual a Diferença? (Explicado)
- Um Guia Completo para Iniciantes sobre Edição de Site Completo no WordPress
- Melhores Temas de Blocos para Edição de Site Completo no WordPress
- Dicas para Dominar o Editor de Conteúdo 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.
jeff
Inseri um hiperlink em uma frase e quero mudar a cor da fonte dessa frase. como faço isso? por favor, ajude
WPBeginner Support
Se for apenas para essa frase específica, você precisaria editar o texto como HMTL para adicionar estilo a essa frase no momento
Admin
Anne
Hello!
I created a column block with 3 columns. Added content and everything was distributed across the page width equally. Then I added a 4th column and now the column block no longer distributes across the entire page width. It’s seems like it has “squooshed” (sorry, can’t think of a better word right now), all 4 columns and shrunk the info as well. I tried various alignments for each individual column and it still would not spread the entire block back out. Hope this makes sense and hope you can help. Thanks!!
WPBeginner Support
Parece que o que você adicionou à sua maior coluna tem uma largura mínima que não permite que o conteúdo se ajuste, o que seria a raiz do seu problema.
Admin
Mark Watts
Estou tendo dificuldades com o editor de blocos Gutenberg. Aqui estão algumas perguntas, mas certamente haverá muitas outras no futuro.
Como adiciono um documento PDF para que ele abra quando eu clicar em um link? Costumava criar e destacar o texto do link, depois selecionar "adicionar mídia" e tudo funcionava bem.
Quando tento adicionar um link de dentro do bloco de parágrafo, não vejo mais uma lista de páginas e posts possíveis para eu escolher. Como obtenho essa lista?
WPBeginner Support
Você precisaria pegar manualmente o link do documento em sua biblioteca de mídia, a menos que quisesse incorporá-lo. No bloco de parágrafo, há o botão de link que é o terceiro da direita; ao digitar nele, o menu suspenso deve aparecer.
Admin
Tuan
Esta atualização é tão estúpida. Gastei mais tempo para escrever. Haiz
WPBeginner Support
Learning a new interface can certainly be troublesome but as the interface improves it should slowly become better to use
Admin
Jennifer
Pesquisei e não encontrei uma resposta aplicável ao meu problema, então espero que você possa me ajudar.
Fiz o upgrade para o novo sistema de blocos para o nosso site na semana passada. Preciso encontrar e copiar a URL de um dos nossos botões (é um redirecionamento para o PayPal), mas não consigo encontrar a URL em lugar nenhum.
Não há "botão de edição" quando passo o mouse sobre o botão no bloco. Verifiquei o HTML e também não consegui encontrá-lo lá – as únicas coisas que pude ver foram os arquivos de imagem do próprio botão.
Clicar no botão ao vivo ainda redireciona corretamente, então sei que o link está funcionando – eu só não consigo encontrá-lo.
Algum conselho?
Obrigado!
Jennifer
WPBeginner Support
Quando você seleciona o bloco, as configurações do bloco devem aparecer no lado direito, onde você encontraria as configurações de link para onde o botão se conecta se ele fosse transferido como uma imagem. Se for um bloco de botão, a URL deve aparecer abaixo do botão, onde você pode editá-la.
Admin
Franklyn Fosu
Por favor, ajude-me a resolver o problema de "Falha na atualização" ao tentar publicar meus artigos usando o Gutenberg.
WPBeginner Support
Para começar, você deve seguir os passos do nosso guia de solução de problemas: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Como solução temporária, você também pode ativar o plugin do editor clássico e entrar em contato com o suporte do Gutenberg.
Admin
Carlos Goncalves
Como usar a nova opção avançada de CSS. Tentei colocar algum código lá, mas não está funcionando.
WPBeginner Support
That is for adding a class to the object, you would want to take a look at our explanation of CSS to understand classes better: https://www.wpbeginner.com/glossary/css/
Admin
Candi Clark
No canto superior direito da minha página de edição de bloco, não diz publicar. O botão diz atualizar. Quando clico nesse botão, diz que a página foi atualizada, mas quando a vejo no meu site, ela não mudou. Algo não foi atualizado corretamente para que esse botão não diga publicar?
WPBeginner Support
Você pode querer verificar o cache do seu site, que pode estar causando o problema.
Admin
Jim Kielbaso
Como volto para a versão antiga? Não havia nada de errado com ela, e esta versão não adiciona nada. Na verdade, torna tudo MUITO mais confuso. NÃO é fácil de usar e tem sido muito frustrante. Atualizações só devem ser feitas para melhorar algo, não apenas por mudar.
WPBeginner Support
O novo editor foi criado para ajudar aqueles que são novos no WordPress a ter menos barreiras de entrada. Para aqueles que preferem o editor antigo, existe o plugin Classic Editor e explicamos esse plugin em nosso artigo aqui: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Admin
Sufyan Shaikh
Bom artigo.
WPBeginner Support
Thank you
Admin
AlannaMH
Como altero a fonte do texto nos blocos?
WPBeginner Support
Para configurar a fonte do seu site, você deve dar uma olhada em nosso artigo aqui: https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
Admin
Viktor
Demorado, se você for no WP verá comentários muito negativos
Para mim a solução foi ativar um plugin chamado “Disable Gutenberg”
Eu entendo que há uma curva de aprendizado…mas eu passo..desculpe
WPBeginner Support
Se você não está pronto para usar o editor Gutenberg, usar um plugin como esse é certamente compreensível.
Admin
Frank Kinghorn
Sou completamente novato em escrita de sites e decidi usar o WP porque parecia ter bom suporte. Naquela época, eu não sabia que o WPbeginner existia, mas uau! agora que encontrei vários guias do wpbeginner, estou convencido de que fiz a escolha certa. Especificamente, este guia sobre o novo editor é fantástico. Até mesmo sua existência me tirou de um grande problema: instalei o WP no meu PC para poder brincar com ele antes de começar meu primeiro site real, mas fiquei empacado porque, quando cheguei à fase de tentar editar uma página, não havia sinal do editor mostrado no guia "Primeiros Passos com WordPress" do iThemes. Passei horas tentando ver se o download para o meu PC estava corrompido ou se eu estava perdendo algo simples – agora sei que o editor clássico foi substituído! Desculpe pelo post longo, mas um agradecimento real por este guia e pelos vários outros documentos que encontrei no WPbeginner.
WPBeginner Support
Thank you, glad our site and articles could help you get up and running with WordPress
Admin
vivek
toda vez que tento publicar .. tudo que recebo é Rascunho Automático.
não consigo entender o que está acontecendo
WPBeginner Support
Como ponto de partida, você pode consultar nosso artigo de solução de problemas aqui: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Admin
Aaron P
Ótimo artigo! Isso realmente me ajudou a fazer a transição. Eu estava hesitante em mudar, mas agora que explorei por um tempo, gosto do novo editor de blocos.
WPBeginner Support
You’re welcome, glad our article could ease the transition
Admin
Matthew Pan
Olá, obrigado por isso, foi muito útil.
Posso perguntar, para adicionar um bloco de botão, atualmente não consigo adicionar um que abra em uma nova aba. Costumava haver uma caixa de seleção fácil para isso. Você sabe como fazer?
2. Adicionando um botão em posts e páginas do WordPress
Obrigado!
WPBeginner Support
When adding a link you should have an option with three dots that you can click to have the open in new tab option again.
There is a button block you can use to add a button to your posts and pages
Admin
sally
Como uso o aplicativo Grammarly com este novo editor, porque não vejo o Grammarly aparecendo lá embaixo para corrigir meus erros ou até mesmo me mostrar meus erros? Obrigado.
WPBeginner Support
Assim que você chegar à segunda linha em um bloco de parágrafo, a verificação do Grammarly deverá aparecer no canto inferior. Se não estiver aparecendo, você pode entrar em contato com o suporte do Grammarly e eles deverão ser capazes de ajudar a garantir que ele apareça corretamente em seu editor.
Admin
Linn
Olá, como um iniciante absoluto, fiz dois cursos sobre Wordpress 5 com Morten na Lynd. O Gutenberg é fácil de usar. No entanto, ainda não sei como construir cabeçalho e rodapé com o Gutenberg. Preciso de um fundo colorido de largura total, no qual adiciono vários botões como "sobre", "serviços", "produtos", etc. Você pode ajudar?
WPBeginner Support
A estilização de cabeçalhos e rodapés é normalmente tratada pelo seu tema, você precisaria de conhecimento de HTML, CSS e PHP ou poderia dar uma olhada em nosso artigo aqui: https://www.wpbeginner.com/wp-themes/how-to-easily-create-a-custom-wordpress-theme/
Admin
Ima
Você sabe se eles conseguiram corrigir o problema de rolagem no editor de blocos? É realmente irritante que você não consiga rolar até o final da seção de blocos sem ter que ir para a seção Configurações e rolar por lá. Eu pesquisei no Google e pesquisei mais um pouco, e não estou encontrando uma solução. Muito obrigado!
WPBeginner Support
A menos que eu ouça o contrário, o erro não deve ser um problema, mas você pode entrar em contato com o suporte do WordPress.org para saber se o erro específico que você está encontrando foi resolvido.
Admin
Steve Briese
Vamos lá, pessoal. Essas não são as pessoas que criaram o WordPress. Essas são as pessoas que são gentis o suficiente para ajudá-lo a se adaptar aos blocos. Quantas vezes eles precisam dizer para você instalar o plugin Classic Editor se você não gosta de blocos? Não sei se gosto de blocos ou não, mas me sinto mais confiante em testá-los depois de ler esta introdução. Obrigado!
WPBeginner Support
Glad our article could help
Admin
Sandeep
Olá, depois que instalei o WordPress 5.1, usando o Gutenberg, se eu for escrever texto, uma linha aparecerá em cima da primeira palavra. Não estou entendendo qual é o problema. Você pode me dizer como resolver isso?
WPBeginner Support
Você já tentou desativar todos os seus plugins para ver se isso poderia ser um problema específico de plugin?
Admin
Denny Gibson
Não encontrei nenhuma maneira de envolver o texto em torno de imagens. Estou perdendo alguma coisa ou isso não é tão popular quanto eu pensava?
WPBeginner Support
Você vai querer usar o bloco Mídia e Texto para ter seu texto envolto com o editor de blocos
Admin
Tom Schulte
Existe uma maneira de ainda codificar em HTML no editor de blocos?
Pergunto isso porque o editor de blocos inseriu um espaço extra largo entre 2 linhas que eu não queria. Eu pude e usei a opção de texto do editor clássico para me livrar do espaço extra.
WPBeginner Support
Sim, você pode usar as reticências no canto superior direito para alternar para HTML ou você poderia usar um bloco clássico se você quisesse editar apenas uma seção específica em HTML
Admin
Rick Swift
Comecei a usar essa nova mentalidade de blocos a contragosto e não fiquei feliz com isso. Fico feliz por ter encontrado seu artigo, pois ele tornou a navegação nesse novo conceito muito mais fácil.
Gostaria de saber se alguém já teve essa experiência. Ao adicionar tags ao meu Documento, adiciono as tags, pressiono Enter e a caixinha não se expande. Eu NÃO tenho ideia de como ver as tags que inseri.
Eu uso WooThemes – Canvas
Experiência muito frustrante no momento.
WPBeginner Support
Se você ainda não o fez, pode tentar desativar seus plugins e/ou trocar de tema para ver se é um conflito com um deles que está impedindo que a seção de tags de expansão automática seja exibida corretamente.
Admin
Charles
Talvez um dia eu descubra como usar isso, mas no momento parece impossível. Já usei mais de uma dúzia de processadores de texto e vários editores web, mas essa experiência não está me ajudando agora.
Gostaria de recuar vários parágrafos. Parece simples, mas não encontrei uma maneira de fazer isso. Qual o sentido de ter um bloco de parágrafo que não pode recuar?
Da última vez desisti de colocar uma tabela e voltei a editar HTML no sistema antigo.
WPBeginner Support
Embora o bloco de parágrafo não tenha uma opção de recuo no momento, se você usar o editor de blocos novamente, poderá adicionar um recuo usando o bloco Clássico
Admin
Craig Wallace
Então o conceito de alocar um Modelo para uma nova página desapareceu?
Pelo que vejo, ao criar uma nova página 'a partir de blocos', não há como selecionar um modelo que você possa ter construído da maneira antiga? (ou seja, o menu suspenso para modelos não está em lugar nenhum).
WPBeginner Support
Você precisaria verificar em atributos da página para definir o modelo de uma página, caso seu tema atual tenha modelos.
Admin
Nina Haeringer
Como aumentar o tamanho da fonte em um bloco de lista? Já procurei em todo lugar. Sou novo no WordPress e acho que não é muito amigável, mas estou tentando me acostumar. Preciso poder aumentar o tamanho da fonte do bloco de lista. Por favor, ajude.
WPBeginner Support
Você precisaria adicionar CSS manualmente para alterar o tamanho da fonte ou poderia usar um plugin como o CSS Hero:
https://www.wpbeginner.com/plugins/css-hero-review-wordpress-design-customization-made-easy/
Para saber como encontrar o CSS que você precisa alterar, você pode usar o elemento de inspeção, que explicamos como usar em nosso artigo aqui: https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
Mario Garcia
Acabei de instalar o novo Word Press (blocos) e estou tendo problemas porque faço o bloco de título normalmente, depois o que quer que eu digite para o segundo bloco aparece duplicado quando faço a prévia: vejo esse bloco sob o título DUAS VEZES na postagem. O que estou fazendo de errado?
WPBeginner Support
Você pode querer verificar com o suporte do seu tema para garantir que este não seja um estilo do seu tema específico
Admin
Ericka
Estou tentando navegar no novo editor de Blocos. Estou simplesmente procurando o botão "leia mais" que você costumava poder simplesmente clicar em um botão no editor Clássico e ele colocaria o botão "leia mais" para dividir o texto na página inicial.
WPBeginner Support
It was renamed into the More block
Admin
TEGA PERKINS ODJEGBA
Como faço para aumentar o tamanho do meu bloco? Já li o guia várias vezes. Você não abordou isso.
Se eu quiser aumentar os textos em um bloco, como faço isso, e é possível juntar dois blocos?
WPBeginner Support
Dependeria do que você está tentando mudar. Você pode copiar e colar o conteúdo e depois remover o bloco de onde moveu o conteúdo, mas não há um botão de mesclagem simples no momento. Se você está procurando o tamanho da fonte, isso normalmente é controlado pelo CSS do seu tema.
Admin
Kelsey
Não consigo descobrir como fazer uma opção de “ler mais” para que as primeiras frases de um blog apareçam como uma prévia na página principal do blog. Alguma dica? Além disso, existe alguma maneira de mudar a cor da fonte de um hiperlink? Obrigado!!
WPBeginner Support
Você precisaria adicionar o bloco Mais para usar a função de ler mais. Para a cor do hiperlink, você precisaria modificar o CSS. Você pode testar as mudanças de cor que deseja fazer usando o elemento de inspeção e depois copiar o CSS personalizado para a seção Aparência>Personalizar>CSS Adicional: https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
Vicky
Ótima introdução, obrigado!
WPBeginner Support
You’re welcome
Admin
Curry
Na edição clássica, eu conseguia colocar uma imagem dentro de um parágrafo e manter tudo dentro das margens. Não consegui fazer isso com o Guttenberg. Segui as instruções sobre o bloco mídia-parágrafo e parece funcionar bem. Mas quando mudo para a prévia, a imagem é colocada antes do parágrafo. Se eu simplesmente adicionar um novo bloco, só consigo colocar a imagem à esquerda ou à direita, mas então ela fica fora das margens do texto – o que não fica bom. Muito frustrante. Procurando ajuda.
WPBeginner Support
A janela do seu navegador pode não estar larga o suficiente para que o texto não seja automaticamente colocado abaixo. Você precisaria entrar em contato com o suporte do seu tema específico para ver se o estilo precisa ser atualizado para funcionar com o editor de blocos.
Admin
Curry
Segui suas instruções para colocar uma imagem ao lado do texto no novo Editor Gutenberg. Parece bom – até que eu clico em Visualizar. Ele então aparece como uma imagem grande antes do texto. Não consegui fazer com que ele fosse transferido corretamente para a Visualização.
WPBeginner Support
Se você estiver no celular, ele pode estar empilhando o texto e a imagem devido às configurações avançadas da imagem nesse bloco.
Admin
Debra Oakland
Como este novo formato não redimensionará mais minhas fotos de capa do Fotolia como eram no editor antigo (preciso delas largas e estreitas), escolhi o Bloco de Capa, que alargou e estreitou a foto. Coloquei o título no centro do bloco de capa. O artigo diz sem título (obviamente), então preciso mudar o permalink. Não consigo excluir o "sem categoria" e o número depois dele para colocar o permalink correto. Estou apenas tentando resolver as coisas sem voltar ao editor antigo. Não consigo encontrar nenhuma informação sobre como mudar este permalink. Espero que isso faça sentido. Obrigado por este tutorial, é muito útil.
WPBeginner Support
Para editar o tamanho da sua imagem, você pode querer usar um editor de imagens, como um dos mencionados em nosso artigo: https://www.wpbeginner.com/showcase/tools-to-create-better-images-for-your-blog-posts/
Se você tem sua categoria em seu permalink, então você precisaria mudar sua categoria e salvar manualmente seu rascunho para que o permalink seja atualizado para a nova categoria.
Admin
Silke
Oi, como eu atribuo um menu à barra de rodapé para que ele apareça embaixo também? No momento, eu crio um menu de rodapé personalizado. Ao atribuí-lo a 'Menu de rodapé' em Painel/Aparência/Menus, ele aparece automaticamente na página. Se eu agora o atribuir à barra de rodapé, terei o menu duas vezes.
Aqui está o problema: Se eu NÃO atribuir 'menu de rodapé' ao meu menu de rodapé personalizado, ele não estará disponível no editor da barra de rodapé.
WPBeginner Support
Seu tema pode ter uma configuração específica que pode estar causando um problema. Se você entrar em contato com o suporte do seu tema específico e informá-los sobre o problema de não aparecer/aparecer duas vezes
Admin
Mark Braunstein
Não tenho tempo para aprender um novo editor. Nem quero. Mudança nem sempre é boa. Perdi dias de trabalho. Obrigado!
Se fosse melhor, então o Microsoft Word funcionaria como o Gutenberg. Realmente não importa. Ele precisa operar de uma maneira que todos conhecemos. Não um método teórico sofisticado. Produtividade é a chave, e se não conseguirmos fazer funcionar, perdemos produtividade. Não precisamos de uma armadilha para ratos melhor, apenas uma que funcione. Acho que terei que encontrar outra plataforma de site.
Eu e, acho que muitos outros, achamos contraintuitivo. Havia um botão para usar o editor Clássico, mas agora não consigo encontrá-lo. Não quero continuar adicionando plugins ao meu site. Eles estão repletos de bugs.
WPBeginner Support
Não estamos no controle do desenvolvimento do WordPress, tentamos ajudar as pessoas a entender como usar o WordPress. Nem todos os plugins estão repletos de bugs, você pode querer dar uma olhada no plugin aqui: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Admin
Cheryll
Fiquei tão confuso e já parece demorado tentar aprender essa nova maneira de fazer as coisas. Como alguém que não é bom com tecnologia, mas realmente gosta de fazer por conta própria, isso me atrasou. Seu artigo definitivamente foi útil, então um enorme obrigado!
WPBeginner Support
Ficamos felizes que nosso guia pôde ajudar, se você quisesse reverter para o editor antigo por enquanto, você também poderia dar uma olhada em: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Admin
Virginia
Acho este Gutenberg demorado e não vale o esforço, mas sinto que preciso fazê-lo funcionar.
No entanto, não estou vendo aquelas marcas à esquerda dos blocos e não consigo descobrir como movê-las.
Além disso, quando insiro uma citação em destaque, isso bagunça o espaçamento dos outros blocos e eu também não consigo descobrir como consertar isso.
WPBeginner Support
Para a citação, você pode querer verificar com o suporte do seu tema sobre a estilização. Para os ícones à esquerda, eles devem aparecer quando você passar o mouse perto do lado esquerdo do bloco, desde que você tenha mais de um bloco. Você pode querer expandir a janela do seu navegador para ver se isso permite que você os veja.
Admin
Virginia
Obrigado. Descobri qual é o problema. Tenho que ativar o Jet Pack para os ícones aparecerem. O estranho é que tenho que ativá-lo para cada post individualmente. Eu ainda odeio essa “melhoria”.
Kevin
Obrigado pela postagem útil. Ainda não experimentei os Blocos WP, mas parece que pode ser útil. Tenho usado o Elementor nos últimos oito meses e os Blocos parecem semelhantes.
Posso criar modelos com blocos para que eu possa usar o mesmo layout em várias páginas/posts?
Obrigado novamente.
WPBeginner Support
O editor de blocos não tem esse nível de personalização no momento, o mais próximo do que você está perguntando seria um bloco reutilizável: https://www.wpbeginner.com/beginners-guide/how-to-create-a-reusable-block-in-wordpress/
Admin
Mike How
Olá,
Fiz o upgrade para o Wordpress 5 e a minha página de atualizações me diz que tenho a versão mais recente. No entanto, não tenho o editor de blocos gutenburg. Vejo que o editor clássico está ativado na minha lista de plugins. Gostaria de experimentar o editor de blocos, mas não sei se está instalado, pois não reativei o editor clássico após a atualização. O que devo fazer? Apenas desativar o editor clássico? ou usar o prompt para reinstalar o Wordpress 5? ou algo mais? Nem preciso dizer que farei backup primeiro. Por favor, me aconselhe.
WPBeginner Support
Oi Mike,
Você pode desativar o plugin do editor clássico para começar a usar o Gutenberg. Você também pode consultar nosso guia sobre como testar seu site para atualizar para o Gutenberg.
Admin
Sheriena
Estou tentando aprender o novo Gutenberg praticando a escrita de um post. Meu problema é que, após muitos parágrafos, o bloco do plugin yoast fica na frente dos parágrafos, então não consigo ver o que estou digitando.
WPBeginner Support
Você pode querer entrar em contato com o suporte do plugin Yoast para informá-los sobre isso, para que eles possam dar uma olhada.
Admin
Hank Baust
Comecei a editar com blocos e, após um certo número, também não consigo adicionar mais. Existe um limite máximo de comprimento de página para usar blocos? O Plugin Yoast está na parte inferior da página, mas não sei se isso está impedindo blocos adicionais.
WPBeginner Support
Por padrão, não há uma altura máxima. Se você está sendo impedido de adicionar blocos por um plugin, se você entrar em contato com o suporte desse plugin, eles deverão ser capazes de ajudar a evitar esse problema.
Admin
Janet Donaldson
A edição de blocos não está funcionando no meu site. Ele se recusa a atualizar e não salva nenhuma das minhas alterações. Estou um pouco confuso, como isso é tão melhor? E há este enorme tutorial sobre como usá-lo? Isso não está facilitando minha vida.
WPBeginner Support
Infelizmente, como é um novo recurso do WordPress, existem bugs que estão sendo corrigidos para diferentes tipos de sites. Por enquanto, você pode usar o editor antigo com: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Admin
Tim Bolen
Este Gutenberg é uma verdadeira decepção. Tenho 31 escritores que, com o WordPress anterior, podiam criar excelentes artigos de saúde, simplesmente, na página – deixando fluir a criatividade do conteúdo. Agora, temos escritores ANSIOSOS, tropeçando em um monte de caixas idiotas, perdendo o foco – enviando-me artigos inteiros por anexo de e-mail para EU descobrir.
Fiquei sem palavrões nas primeiras 24 horas.
Essas pessoas me lembram do fiasco da Coca-Cola com a “New Coke”.
Quer ajudar? Comece com o que o Gutenberg pode ADICIONAR a uma página ou post, depois volte e mostre como fazer isso usando blocos. Estou aberto a coisas novas – mas me mostre POR QUE eu gostaria de fazer isso, primeiro.
Adnan
eu gosto do seu site
WPBeginner Support
Glad you like our site
Admin
Chris
Olá
Quão bem testado para responsividade em vários dispositivos o Gutenberg é?
Chris
Ryan
Artigo muito bom. Não sou fã disso até agora.
Um par de razões são:
1. Não vejo como mudar a fonte.
2. Não consigo redimensionar larguras de células de tabela arrastando.
3. Eu realmente não preciso de blocos.
WPBeginner Support
Os desenvolvedores do WordPress provavelmente começarão a criar ferramentas para expandir o editor de blocos e fornecer esses controles, mas para reverter para o editor antigo, você pode usar: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Admin
Mathukutty P. V.
Hoje tentei adicionar um gif do giphy, mas apareceu um erro de impossibilidade de incorporar. Tentei alguns blocos e criei 3/4 posts. Blocos de várias colunas são uma nova informação. Obrigado.
Rama Rao
Bom artigo.
Equipe Editorial
Thanks Rama, glad you found it helpful
Admin
Archer
Tantas coisas para atualizar no WordPress (ex. função de busca), mas nãooooo, vamos mudar algo que funciona e torná-lo mais difícil, mais demorado e confuso. Ei, investidores, agora temos um editor hipster, vejam como somos ótimos.
O Gutenberg deveria ser algo opcional e não obrigatório.
Equipe Editorial
Olá Archer,
You can always install the Classic Editor plugin to keep the old editor
Admin