02.4 Gutenberg: Novo editor de conteúdo do WordPress

Olá amigos verdadeiros! Tico Santos de novo na voz… 

Essa é a aula 7 do nosso Curso de SEO gratuito e a aula de hoje trás uma “novidade interessante” para construir seus sites em wordpress.

Hoje falarei do Gutenberg: Novo editor de conteúdo do WordPress. Aqui está o futuro do WordPress e uma solução à altura do Editor Elementor, até hoje, o Editor mais usado entre os usuários de WordPress.

Há muitos anos o Elementor era dono da escolha da maioria dos usuários do WordPress. Desenvolve em WordPress? Muito provavelmente usa Elementor, certo? Que tal se informar mais sobre o Editor de conteúdo Gutenberg? Este é um ótimo momento para pensar nessa mudança de Editor WordPress e eu consigo lhe explicar o porquê.

Agora chega de papo e vamos aprender sobre o Gutenberg!

O que é o Gutenberg?

O Gutenberg é o mais novo e futuramente popular editor de conteúdo para WordPress. Todos sentimos a necessidade de um Upgrade nas ferramentas disponibilizadas por editores WordPress. Esse momento chegou com o Editor Gutenberg!

Será importante saber shortcodes (códigos curtos) HTML, porém, nem de longe isso vai definir se você saberá ou não construir sites usando Gutenberg. Este editor vem inovando principalmente nos blocos dinâmicos, suas possibilidades e layouts. A experiência de criar plataformas digitais com o auxílio do Gutenberg será realmente interessante e positiva.

Passo a passo: Como instalar o Gutenberg?

Para instalar o Gutenberg é bem simples e fácil. Veja o passo a passo logo abaixo:

  • Entre no painel WordPress do site em questão;
  • Entre em Plugins;
  • Clique em “adicionar novo Plugin”;
  • Escreva Gutenberg na “barra de pesquisa”;
  • Instale o plugin e pronto!

Vale lembrar, que se você não sabe exatamente do que se trata o Plugin e suas funções, use este plugin apenas em um painel WP teste. O mau uso do editor Gutenberg pode alterar todo funcionamento do site. Outra ótima saída é sempre fazer um Backup antes de qualquer maior mudança em seu site ou blog. 

Quais vantagens terei com o Gutenberg?

Muita gente anda desconfiada a dar mais um passo em direção do novo! O novo sempre assusta e eu que tenho mais de uma década de estrada sei bem como é. Mas a lógica é simples: Quem dá a largada primeiro; ultrapassará a linha de chegada na frente. 

“Mas calma aí Tico, até agora você não nos deu motivos para começar a usar o editor Gutenberg”. Viu como a troca de informações é fundamental para o crescimento de todos nós?

Veja 8 benefícios que você terá usando o editor wordpress Gutenberg:

  • O Editor Gutenberg entrega a função de desenvolver layouts bem mais complexos e flexíveis do que outros editores, sem precisar ser expert no assunto; 
  • O Editor Gutenberg entrega mais intuitividade e economização de tempo, por mostrar  apenas as funcionalidades de ação na hora no painel de desenvolvimento;
  • Temas e Plugins inovadores e de fácil desenvolvimento por parte dos construtores.
  • Interface de trabalho mais focal e tela expansiva na hora de construir sites;
  • O Editor Gutenberg é extremamente responsivo para conteúdos em dispositivos móveis;
  • Design mais propício a resolução de um trabalho qualificado sem muitas técnicas de desenvolvimento;
  • Bem mais fácil a usabilidade e poder de criação até mesmo para pessoas que estejam iniciando;
  • Se adapta bem a telas com grandes resoluções.

E aí? Gostou dos benefícios entregues pelo Gutenberg? Eu falei que vale a pena.

Quais desvantagens o Gutenberg apresenta?

Existe sim alguns contras presente no Gutenberg. Entretanto, nada que nos impeça de já trabalhar com a ferramenta que se põe como o futuro do WordPress. 

Para começar, é fundamental ressaltar que o Gutenberg ainda é uma versão que se põe a testes e revisões cotidianas. O editor busca tomar o mercado e findar questões ainda vigentes para ultrapassar editores como o Elementor.

Logo, o Gutenberg ainda apresenta pequenos bugs e todos resolvíveis. Se você é impaciente e ainda acha que não vale ser experimento de um projeto tão promissor, não indicamos o Gutenberg. Para começar a usar o editor por agora, apenas sendo visionário.  

Dica Top: Atalhos de teclado para Gutenberg

Técnicas de atalhos Gutenberg: Usando o teclado Windows 

Que tal aprender algumas combinações de edições pelo teclado para Gutenberg no Windows? Com essas técnicas, você poupará tempo e conseguirá alcançar melhores resultados. Que tal aproveitar de maneira completa as inovações do Editor Gutenberg?

Veja abaixo códigos de edição para gutenberg no windows:

  • CTRL + Z – Desfazer
  • CTRL + Y – Refazer
  • CTRL + A – selecionar todo o texto
  • ALT + Shift + T – Insere uma etiqueta Mais
  • ALT + Shift + P – Insere uma quebra de página
  • ALT + Shift + H – Abre o ecrã de ajuda
  • Shift + Home – selecionar todo o texto até o início da linha atual
  • Shift + End – selecionar todo o texto até o final da linha atual
  • ALT + Shift + M – Abre o ecrã Adicionar Multimédia
  • ALT + Shift + W – Activa o modo de escrita sem distracção
  • ALT + Shift + Z – Expande a barra de formatação do editor WordPress
  • Shift + Enter – Move para baixo no editor uma linha sem inserir uma quebra de linha completa.

Técnicas de atalhos Gutenberg: Usando o MAC

Se você usa o MAC e o coração bateu mais forte por achar que não teriam esses códigos maravilhosos para seu PC, pode ficar tranquilo. O MAC também está incluído no processo de crescimento e inovações do Gutenberg, o Editor para WordPress.

Veja abaixo os códigos do Editor Gutenberg para MAC:

  • Cmd + Z – Desfazer
  • Opção + CTRL + M – Abre a tela Adicionar mídia
  • Opção + CTRL + Z – Expande a barra de formatação do editor WordPress
  • Opção + CTRL + H – Abre o ecrã de ajuda
  • Cmd + X – Corta o texto selecionado
  • Cmd + V – Colar o texto selecionado
  • Opção + CTRL + C – Alinhar centro
  • Shift + Enter – Move para baixo no editor uma linha sem inserir uma quebra de linha completa.
  • Cmd + Shift + V – Colar o texto seleccionado sem qualquer formatação
  • Cmd + B – Negrito
  • Cmd + I – Itálico
  • Cmd + C – Copiar o texto selecionado
  • Opção + CTRL + T – Insere uma tag More
  • Opção + CTRL + P – Insere uma quebra de página
  • Opção + CTRL + D – Aplicar strikethrough
  • Opção + CTRL + A – Outra forma de inserir um link
  • Opção + CTRL + O – Inicia uma lista ordenada
  • Opção + CTRL + U – Inicia uma lista não ordenada
  • Cmd + U – Sublinhado
  • Cmd + K – Inserir um link
  • Opção + CTRL + L – Alinhar à esquerda
  • Opção + CTRL + R – Alinhar direita
  • Opção + CTRL + J – Justificar
  • Opção + CTRL + S – Remove um link
  • Opção + CTRL + Q – Cria uma cotação
  • Opção + CTRL + 2/3/3/4/4/5/6 – Aplica a tag de cabeçalho apropriada (<h2>, <h3>, etc.)
  • Opção + CTRL + X – Adiciona um código tag
  • ALT + Shift + X – Adiciona uma etiqueta de código

Portanto, nossa aula 7 veio exatamente para alertar e instruir sobre o uso do editor Gutenberg para construir sites em WordPress. Os benefícios são extensos e a chance do Gutenberg se tornar o queridinho do WordPress em um futuro próximo é maior ainda. Logo, não espere para dominar esse Editor WordPress o quanto antes.

Conhece o nosso curso SEO DE VERDADE? Clique aqui!