Se você tem um site WordPress, prepare-se para uma grande mudança! O novo editor WordPress, chamado Gutenberg, será lançado em breve e promete transformar totalmente a experiência de criar conteúdo na plataforma. A equipe WoWPerations testou as funcionalidades e conta todos segredos aqui. Descubra agora!
Neste Post:
- Afinal, o que é Gutenberg?
- Primeira impressão sobre o novo editor WordPress
- Quando Gutenberg será lançado?
- Como instalar?
- Como usar o novo editor WordPress
- Funcionalidades dos blocos
- Por que o WordPress criou o Gutenberg?
- Mais funcionalidades e atualizações
Afinal, o que é Gutenberg?
De acordo com os desenvolvedores, a ideia por trás do novo editor WordPress, chamado Gutenberg, é proporcionar uma nova experiência de publicação, facilitando a criação posts (ou páginas) com textos, fotos e outros elementos gráficos, sem a necessidade de ter conhecimento técnico ou de código.
O nome é uma referência ao inventor alemão Johannes Gutenberg que revolucionou a imprensa, no século 15, ao criar a prensa de tipos móveis. De forma similar, o novo editor de texto WordPress se baseia em blocos que podem ser movidos facilmente.
Elementos como parágrafos de texto, fotos, títulos e listas, entre outros ítens de conteúdo, no novo editor WordPress, se transformam em blocos individuais que podem ser empilhados e reorganizados à vontade, como numa brincadeira de LEGO.
Primeira impressão sobre o novo editor WordPress
Ao acessar o novo editor WordPress, a primeira coisa que se nota é o visual limpo, com bastante espaço para escrever e quase nenhuma informação visual. Por um lado, este ambiente oferece poucas distrações para que o usuário possa focar na produção do conteúdo. Por outro, ele pode ser bastante desorientador, especialmente nas primeiras tentativas de uso.
Mas não se preocupe, estamos aqui para ajudá-lo a ter uma experiência agradável ao usar essa nova ferramenta de edição. De fato, acreditamos que depois de um curto período de adaptação, você vai perceber que a interface é razoavelmente intuitiva e facilita o fluxo de trabalho.
Abaixo, compare o visual do editor clássico e do novo editor Gutenberg.
Quando Gutenberg será lançado?
Ainda não há uma data definida para o lançamento oficial de Gutenberg. Mas ele deverá estar disponível na versão 5.0.0 da plataforma, e esta atualização não vai demorar! No entanto, já dá para testar o novo editor WordPress baixando o Plugin Gutenberg. É extremamente fácil, e explicamos como fazer a instalação no próximo tópico deste post.
Recomendamos que você instale o plugin agora mesmo e experimente o novo editor em um ambiente de testes ou em páginas de rascunho. Assim, quando o lançamento acontecer, você já vai estar familiarizado e feliz com o brinquedinho novo.
Como instalar?
Para instalar o novo editor de texto, clique em Plugins na barra lateral do Painel, e em Adicionar novo. No campo de buscas, escreva Gutenberg. Clique em Instalar agora, e em seguida, em Ativar. É só isso.
Depois de instalar Gutenberg, você vai ver que no painel lateral do WordPress aparece o tópico Gutenberg. Ao passar o mouse sobre ele, surgem as opções Demo, Feedback e Documentação. Clique em Demo para abrir um post com texto explicativo e exemplos das funcionalidades –em inglês, por enquanto.
Outra novidade é que, na na listagem de posts, agora aparece a opção Editor de Texto Clássico. Isso é ótimo, pois na fase de testes, você pode optar por um ou por outro editor. Basta clicar no link para acessá-lo.
Como usar o novo editor WordPress
Lembre-se que tudo, no Gutenberg, funciona na forma de blocos. Então, depois de adicionar o título, deve-se clicar no sinal de + para escolher um dos blocos disponíveis: parágrafo, imagem, galeria, cabeçalho, lista, etc..
Após escolher seu primeiro bloco de conteúdo, clique no ícone de configurações –o da engrenagem, do lado direito da tela, no alto. Lá, são exibidas as configurações específicas do bloco que você selecionou, e do documento como um todo. Por exemplo, num bloco de texto, pode-se modificar o tamanho do texto, a cor do fundo e a cor do texto. Também dá para usar uma letra capitular, o que pode dar um toque interessante ao post. Veja no vídeo abaixo!
Ao lado da engrenagem fica o ícone com 3 pontinhos, que dá acesso ao código da página, caso você tenha conhecimento de código e queira editar algo diretamente lá. Nesta mesma barra, do lado esquerdo, ficam outros ícones bastante úteis:
- ícone + que serve para adicionar blocos
- setas curvas Undo (Desfazer) e Redo (Refazer)
- ícone i que dá várias informações sobre o conteúdo do post
Dentro do conceito de blocos, você pode mover cada parte do conteúdo para cima ou para baixo, no documento. É só clicar nas setas que aparecem ao se passar o mouse do lado esquerdo do bloco. E se for o caso de deletar, a lixeira aparece ao passar o cursor do lado direito do bloco.
Funcionalidades dos blocos
Mas a versatilidade dos blocos não se resume ao fato de que eles podem ser empilhados de várias maneiras. Os blocos podem ser transformados com um único click. Por exemplo, depois de escrever num bloco de texto, pode transformá-lo em título, lista, citação, etc.. E cada uma dessas opções apresenta suas próprias configurações.
Confira alguns tipos de blocos disponíveis (ainda nomeados em inglês):
- Paragraphs (Parágrafos)
- Lists (Listas)
- Quotes (Citações)
- Headings (Cabeçalhos ou Títulos)
- Code (Código)
- Images (Imagens)
- Galleries (Galerias)
- Shortcodes (Códigos de texto)
- Columns (Colunas de texto)
- Buttons (Botões)
- Widgets (Mini Aplicativos)
- Embeds (Incorporador de conteúdo externo, como Youtube, Instagram, etc.)
Por que o WordPress criou o Gutenberg?
Nós usamos WordPress a anos, em muitos projetos como sites, blogs e lojas virtuais. Na verdade, adoramos o WordPress! Mas não podemos dizer que a usabilidade da plataforma seja um dos seus pontos fortes. Entender o funcionamento do painel, e conseguir criar posts ou páginas com visual elaborado, nunca foi uma tarefa fácil ou intuitiva, especialmente para quem não tem carteirinha de geek.
O novo editor de texto WordPress vem para mudar isso. Usando Gutenberg, qualquer pessoa, mesmo sem ter conhecimento técnico de programação, poderá criar conteúdos visualmente ricos com facilidade.
Apostamos, também, que muitas novidades vão surgir pois os desenvolvedores irão criar plugins que tornarão a experiência de postar conteúdo rico ainda mais incrível e customizável.
Mais funcionalidades e atualizações
Além do que já mostramos aqui, há várias possibilidades de uso para os blocos do novo editor. Por isso, aprofundaremos o assunto em outros posts que serão linkados aqui.
Por enquanto, confira o teste de usabilidade feito pela jornalista Biti Averbach, que usa WordPress mas não tem conhecimentos técnicos de programação. Ou, como ela costuma dizer: ainda é uma geek padawan. Confira!