Aguarde...

14 de fevereiro de 2021

6 atualizações importantes do WordPress Gutenberg para estar ciente

6 atualizações importantes do WordPress Gutenberg para estar ciente

Desde o lançamento do recurso em 2018, o WordPress continuou a trabalhar em seu editor de blocos divisivo. Hoje, ele está disponível como um plug-in separado e integrado ao núcleo do WordPress. No entanto, mesmo que você esteja acompanhando seu desenvolvimento de perto, pode ser difícil se manter informado sobre as atualizações do Gutenberg.

WordPress 5.6 mesclou vários recursos do plugin Gutenberg no núcleo do WordPress. Com as duas versões do Block Editor agora (principalmente) em harmonia, este é o momento perfeito para fazer um balanço de suas últimas modificações.

Nesta postagem, vamos compartilhar seis mudanças recentes no Editor de Bloco. Também estaremos olhando para o futuro, mostrando a você como desbloquear os recursos beta atualmente disponíveis apenas no plug-in independente Gutenberg. Vamos começar!

Uma introdução ao editor de blocos do WordPress

Gutenberg, ou o Editor de Bloco, como agora é comumente chamado, é o editor de páginas e postagem embutido do WordPress. Ele foi introduzido no WordPress 5.0 para substituir o TinyMCE Classic Editor, que você ainda pode acessar usando um plugin .

Como o nome sugere, este editor adota uma abordagem baseada em blocos para criar páginas da web. Em vez de trabalhar com uma grande área de conteúdo, Gutenberg divide as páginas em vários blocos de conteúdo. Isso inclui muitos elementos comumente usados, como parágrafos, cabeçalhos, listas e imagens.

Gutenberg foi projetado para dar aos usuários do WordPress mais flexibilidade. Para novos usuários, o Editor de bloco também pode tornar a criação de conteúdo mais intuitiva, especialmente para quem está migrando de uma plataforma como Wix ou Squarespace . Também parece ser a tentativa do WordPress de competir com esses e outros construtores de sites visuais.

Antes de ser incorporado ao núcleo do WordPress, o Gutenberg foi desenvolvido como um plugin separado. Hoje, o plugin Gutenberg ainda está em desenvolvimento ativo e normalmente está vários passos à frente do Editor de Bloco no núcleo do WordPress. Isso torna o plug-in Gutenberg excelente para visualizar os próximos recursos do editor antes de serem adicionados à plataforma.

6 atualizações importantes do WordPress Gutenberg para estar ciente

Agora que relembramos porque o Block Editor marcou uma mudança tão grande para a comunidade WordPress, vamos explorar alguns dos recursos mais recentes. Aqui estão seis atualizações importantes do Gutenberg para estar ciente de seguir em frente.

1. Edição Completa do Site (FSE)

O design é essencial para atrair e manter o interesse dos visitantes. Um web design eficaz também pode comunicar informações importantes sobre sua marca e ajudar os clientes em potencial a decidir se desejam permanecer em seu site ou verificar seu maior concorrente.

Para ajudá-lo a criar um site mais consistente e envolvente, Gutenberg introduziu o conceito de Full Site Editing (FSE). Com o FSE, você pode usar blocos para projetar e construir visualmente todas as partes do seu site, não apenas páginas e postagens.

Isso inclui seu cabeçalho, rodapé, barra lateral e páginas de arquivo. Os desenvolvedores do Gutenberg já criaram uma biblioteca de blocos de construção de sites , com mais planejados para o futuro.

Como parte do FSE, Gutenberg fornece um painel Global Styling que se comporta de forma semelhante ao tradicional WordPress Customizer . Esse recurso requer um tema WordPress compatível, como o novo tema padrão Twenty Twenty-One.

No momento, os recursos FSE estão disponíveis apenas no plugin Gutenberg . No entanto, essa funcionalidade será integrada ao núcleo do WordPress em uma versão futura, como Matt Mullenweg expressou no endereço 2020 State of the Word .

2. Bloco de navegação e construtor

Uma navegação clara e lógica é essencial para ajudar os visitantes a descobrirem conteúdos interessantes. Isso ajuda a melhorar a experiência do visitante, o que terá um impacto positivo nas principais métricas, como o tempo gasto em seu site e o número total de páginas visitadas.

A navegação de alta qualidade também pode melhorar a otimização do mecanismo de pesquisa (SEO), ajudando os rastreadores de pesquisa a indexar suas páginas. Isso aumenta as chances de seu conteúdo aparecer em resultados de pesquisa relevantes.

Para ajudar a melhorar a navegação do seu site, Gutenberg adicionou um novo bloco de navegação. Usando-o, você pode colocar um menu em qualquer lugar e em qualquer postagem ou página.

6 atualizações importantes do WordPress Gutenberg para estar ciente

O Gutenberg 9.0 também adicionou um construtor de menu arrastar e soltar. Essa ferramenta oferece a flexibilidade de criar exatamente o menu de que seus visitantes precisam com o mínimo de esforço.

No momento em que este livro foi escrito, este construtor de menu ainda era experimental e só estava disponível por meio do plugin Gutenberg. Depois de ativá-lo, você pode ativar o construtor de menu navegando até Gutenberg> Experimentos> Ativar tela de navegação :

6 atualizações importantes do WordPress Gutenberg para estar ciente

Selecione Salvar alterações. Você pode então navegar para Gutenberg> Navegação (beta) :

6 atualizações importantes do WordPress Gutenberg para estar ciente

Para criar seu menu, selecione Criar e clique no botão de adição ( + ). Você pode então projetar seu menu visualmente, usando a funcionalidade de arrastar e soltar:

6 atualizações importantes do WordPress Gutenberg para estar ciente

Quando estiver satisfeito com o menu, clique em Salvar. Agora você pode posicionar este menu em qualquer lugar do seu site usando o bloco de navegação de Gutenberg.

3. Suporte para legendas de vídeo

Segundo a Organização Mundial da Saúde(OMS), mais de um bilhão de pessoas têm algum tipo de deficiência. Isso equivale a cerca de 15 por cento da população mundial. Criar conteúdo acessível não é apenas a coisa certa a fazer, mas também pode aumentar significativamente a audiência do seu site.

As legendas podem tornar seu conteúdo mais acessível para pessoas com deficiência auditiva. Eles também podem ser úteis em ambientes barulhentos ou situações em que não é apropriado ouvir áudio alto, como em uma sala de aula silenciosa.

Para ajudar a promover a acessibilidade, o bloco de vídeo de Gutenberg agora oferece suporte a legendas. Ao enviar seus vídeos, você pode fornecer legendas como um arquivo Web Video Text Tracks (WebVTT). Você pode adicioná-lo ao seu bloco de vídeo selecionando o botão Trilhas de texto :

6 atualizações importantes do WordPress Gutenberg para estar ciente

Você pode então escolher Upload e selecionar o arquivo WebVTT que deseja usar. Os visitantes podem habilitar essas legendas WebVTT clicando no ícone de três pontos no canto inferior direito do seu vídeo.

4. Opção para transformar vários blocos em uma única coluna

Agora é possível combinar vários blocos em uma única coluna. Isso dá a você mais flexibilidade em termos de estruturação de suas páginas. Também torna mais fácil criar um design consistente, já que você pode aplicar a mesma formatação a todos os elementos de uma coluna.

Para transformar vários blocos em uma única coluna, selecione o primeiro bloco que deseja combinar. Em seguida, arraste para destacar cada bloco que deseja incluir em sua nova coluna.

Na barra de ferramentas do Editor de bloco, selecione o primeiro botão e escolha Colunas.

6 atualizações importantes do WordPress Gutenberg para estar ciente

Gutenberg vai transformar esses blocos em uma coluna. Agora você pode atualizar todo o conteúdo dentro deste grupo simultaneamente.

5. Padrões de bloco

Os padrões de bloco do WordPress são layouts de página predefinidos e prontos para inserir. Esses modelos podem ajudá-lo a criar postagens e páginas ricas em recursos com design profissional, com o mínimo de esforço.

Originalmente introduzido no WordPress 5.5, Gutenberg adicionou recentemente ainda mais padrões de bloco. Para acessá-los, clique no botão de adição ( + ) no editor Gutenberg. Você pode então selecionar a guia Padrões .

6 atualizações importantes do WordPress Gutenberg para estar ciente

As opções que você vê podem variar dependendo do tema escolhido. No entanto, todos os temas padrão do WordPress suportam uma variedade de padrões de bloco.

O lançamento mais recente do Gutenberg também apresenta um novo alternador de categoria de Padrões . Isso torna mais fácil encontrar modelos específicos nos quais você está interessado. Também pode ajudá-lo a distinguir entre os padrões padrão e aqueles que estão disponíveis para o seu tema específico do WordPress.

6. Chega de blocos incorporados no Facebook e Instagram

Ao criar suas postagens e páginas, às vezes você pode querer incorporar conteúdo de outros sites. Isso pode incluir postagens ou até feeds inteiros de redes sociais populares, como Facebook e Instagram.

Tradicionalmente, os usuários do WordPress podem incorporar conteúdo do Facebook e Instagram usando a API oEmbed. No entanto, em um esforço para melhorar a privacidade, o Facebook recentemente revogou seu suporte ao oEmbed sem token . Como o Instagram é propriedade do Facebook, essa mudança também impactou essa rede.

Em resposta à alteração da API do Facebook, o WordPress removeu os blocos do Facebook e Instagram do Gutenberg 9.0. Essa mudança também foi incluída recentemente na versão 5.6 do núcleo do WordPress. Se você continuar usando os blocos oEmbed sem suporte, seu site pode apresentar erros intermitentes de HTTP 400 .

A boa notícia é que ainda é possível incluir conteúdo do Facebook e Instagram em suas postagens. No entanto, esse processo agora envolve a geração de credenciais de desenvolvedor do Facebook . Você também pode precisar usar um plug-in de terceiros, como o oEmbed Plus .

Conclusão

Gutenberg continua a ser um sujeito polêmico. No entanto, desde que entrou no núcleo do WordPress, ele viu muitas melhorias e recursos inovadores. Ao se manter atualizado com o que há de novo no Editor de Blocos do WordPress, você pode manter o seu site na vanguarda do design do WordPress e ficar à frente da concorrência.

Postado em Blog
Escreva um comentário