Um pequeno guia para o editor WordPress Gutenberg

Última atualização em 14 de junho de 2020

O WordPress 5.0 apresenta o editor WordPress Gutenberg, que permite aos usuários criar conteúdo usando um sistema de blocos. O WordPress tem um conjunto robusto de ferramentas à sua disposição se você estiver pensando em fazer postagens de blog personalizadas ou compartilhar várias mídias. Longe vão os dias de texto desordenado e edição visual! Agora você pode criar conteúdo com rapidez e precisão graças a algumas das novas melhorias visuais que esta atualização 5.0 inclui. Embora seja relativamente fácil de criar quando você pega o jeito, há alguns novos conceitos que você vai querer saber antes de se aprofundar nesta nova atualização.

O editor do WordPress Gutenberg começa com o título

A jornada de mil milhas começa com um único passo; aqui no editor WordPress Gutenberg, esse primeiro passo é um título. Está quase inalterado em relação ao editor anterior, embora agora haja mais destaque para o seu título aqui. (Veja o topo da tela? Essa vai ser a estrela do show!) É grande e ousado, alto e orgulhoso! Como todos os posts, você quer um título rápido para atrair leitores para o seu post. Por padrão, o permalink (um hiperlink gerado que você pode usar para redirecionar os leitores para sua página) usa seu título, portanto, certifique-se de ter um bom. Baixou isso? Bem, a diversão está apenas começando!

A festa do quarteirão de Gutenberg!

A mudança mais significativa do editor WordPress Classic é a adição de blocos ao optar por editar sua postagem. Embora sejam usados ​​principalmente para separar parágrafos ao digitar texto, eles também podem ser usados ​​para implementar diferentes ferramentas de formatação. Você quer listas? Você entendeu! E os títulos? Eles estão bem ali! A maneira mais fácil de fazer seu primeiro bloco é começar a digitar depois de criar seu título, mas existem botões simples de adicionar perto da parte superior da tela. Você também pode adicionar blocos entre outros clicando no espaço entre os dois blocos que deseja escolher.

Se você está tentando fazer a transição do editor WordPress anterior, pode notar que as coisas estão um pouco espaçadas. Embora existam razões técnicas para essa mudança, visualmente, ajuda, pois parece menos confuso do que o editor anterior. Chega de apertar os olhos tentando encontrar parágrafos, mesmo que você tenha configurado o editor visual! No entanto, sabemos que os velhos hábitos custam a morrer, e você pode querer voltar e editar através do editor de HTML. Sem problemas! Dentro de um bloco, você pode habilitar a opção “Editar como HTML”, que transformará aquele bloco específico em um código HTML. A partir daqui, você pode mexer no código à vontade. Se você quiser voltar ao modo como as coisas eram, poderá reverter facilmente para o editor visual no menu suspenso.

A mudança mais significativa do editor WordPress Classic é a adição de blocos ao optar por editar sua postagem. Clique para Tweetar

Agora, o que você pode fazer dentro desses blocos, você pergunta? Graças ao editor Gutenberg, há muita flexibilidade aqui. Basicamente, ele tem as mesmas opções que o editor anterior, embora tudo aqui esteja bem organizado por meio de menus suspensos que você pode selecionar. A parte superior da tela também possui algumas ferramentas de navegação fáceis para que você possa viajar para cada bloco com rapidez e precisão, além de outras ferramentas que podem registrar estatísticas de postagem, como palavras usadas e cabeçalhos. Embora possa haver uma enxurrada de opções diferentes disponíveis, todas elas são organizadas com facilidade ao lado, graças a uma ferramenta sobre a qual falaremos na próxima seção.

Editor WordPress Gutenberg – A Barra Lateral do Bloco

Procurando alterar configurações como status, imagens em destaque ou até mesmo trechos?

A barra lateral é seu braço direito, literalmente! A barra lateral tem um tesouro cheio de opções diferentes que você pode selecionar para formatar sua postagem no backend. Isso é ótimo se você precisar que certos blocos sigam um determinado formato ou se quiser apenas mexer em algo em seu post. Afinal, a variedade é o tempero da vida!

A barra lateral também possui opções específicas que você pode alternar ao selecionar um bloco. Dependendo do que você escolher, você pode alterar tudo, desde o tamanho do texto em um bloco de parágrafo até as dimensões da imagem ao exibir uma imagem ou bloco de vídeo. Quer fazer seu parágrafo se destacar com uma cor de fundo para um bloco específico? Existe uma opção de barra lateral para isso! As opções de formatação, como selecionar o posicionamento do layout, também estão presentes na parte do bloco da barra lateral. Você também pode ativar ou desativar a barra de configurações com o clique de um botão, o que é ótimo se você quiser se concentrar apenas na edição de blocos, em vez de ter uma desordem desnecessária obstruindo sua tela. Agora que você tem isso sob controle, vamos ver algumas das opções mais gerais disponíveis no editor Gutenberg.

O estilo Gutenberg da barra lateral da página

Quando estiver pronto para finalizar mais detalhes de alto nível de sua postagem, você sempre poderá visualizar as opções do documento geral na barra lateral. Aqui, você pode alterar várias opções, como o link permanente; se você quiser que o permalink seja mais curto ou mais rápido que o seu título, sinta-se à vontade para alterá-lo aqui. Você também pode começar a categorizar sua postagem usando opções como categorias e tags. Essas opções ajudarão você a classificar o conteúdo quando você acumular um grande número de postagens no futuro, portanto, sempre tente tornar essas opções reconhecíveis.

Em termos de visibilidade, você precisará colocar algumas coisas em ordem. Sua imagem em destaque será a que aparece como principal ao navegar pelas postagens; se você postar um link para a mídia social, o WordPress pegará a imagem em destaque e a exibirá como um cabeçalho. (Certifique-se de escolher uma imagem visualmente agradável e atraente!) O trecho funciona como uma descrição que os mecanismos de busca extrairão ao postar seu conteúdo online; certifique-se de ter algumas frases descritivas aqui; resumir sem revelar muito. Você também pode editar ferramentas de discussão, como ativar comentários, bem como permitir Pingbacks e Trackbacks (o que ajudará imensamente ao considerar análises). Canalize seu especialista em marketing digital interno e veja onde seus Pingbacks o levarão!

Não esqueça; você também pode controlar o agendamento e a visibilidade; talvez você não queira compartilhar sua postagem para o mundo ainda! Através da barra lateral, você pode alterar qualquer coisa desde seu público até o horário em que deseja postar algo. Isso é ótimo para conteúdo embargado ou se você vai escrever alguma coisa, mas ainda não está pronto para publicar. (Confie em nós, às vezes você só precisa de uma segunda opinião, nós entendemos; você também pode salvar como pendente ou salvar como rascunho, e seu público não será mais sábio.) Apenas verifique novamente se seus tempos de publicação estão dentro os fusos horários certos!

Um mar de possibilidades

Embora tenhamos abordado os fundamentos com o que você pode criar graças ao editor Gutenberg, ainda há muitos complementos e coisas para explorar. Por exemplo, com o Yoast SEO, você pode testar o quanto sua postagem está pronta para SEO com itens como palavreado e visibilidade de palavras-chave em cheque. Talvez você também queira conferir como formatar o posicionamento do anúncio em sua postagem, o que pode ser feito com outras ferramentas incluídas no editor. Não há limite para a criatividade que é desencadeada com essas novas opções. Com essas ferramentas à sua disposição, você será uma força a ser reconhecida ao fazer sua próxima postagem no blog com o editor WordPress Gutenberg!

Autor Taj R.