Gutenberg: 6 atualizações importantes do WordPress

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

O WordPress 5.6 fundiu 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 das suas últimas modificações.

Nesta postagem, compartilharemos seis alterações recentes no Editor de bloco. Também olharemos para o futuro, mostrando como desbloquear recursos beta que estão atualmente disponíveis apenas no plug-in autônomo Gutenberg. Comecemos!

Introdução ao editor de blocos do WordPress

Gutenberg, ou o editor de bloco, como é comumente chamado agora, é o editor de páginas e postagem embutido do WordPress. Foi introduzido em WordPress 5.0 para substituir o TinyMCE Classic Editor, que 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 itens comumente usados, como parágrafos, cabeçalhos, listas e imagens.

Editor Gutenberg baseado em blocos WordPress.

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, principalmente 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 ingressar no núcleo do WordPress, Gutenberg foi desenvolvido como um plugin independente. Hoje, os Plugin Gutenberg Ele ainda está em desenvolvimento ativo e geralmente várias etapas à frente do Editor de Bloco no núcleo do WordPress. Isso torna o plugin Gutenberg ideal para visualizar os próximos recursos do editor antes de serem adicionados à plataforma.

6 importantes atualizações do WordPress Gutenberg a serem observadas

Agora que relembramos por que 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 principais do Gutenberg para se manter atualizado.

1. Full Site Edition (FSE)

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

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

Para ajudá-lo a criar um site mais consistente e atraente, 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 do site, com mais planos para o futuro.

Como parte da FSE, Gutenberg fornece um Estilo global painel que se comporta de forma semelhante ao personalizador WordPress tradicional. Este recurso requer um tema WordPress compatível, como o novo tema padrão Twenty Twenty-One.

No momento, os recursos do 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, conforme expresso por Matt Mullenweg 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.

Bloco de navegação New Gutenberg.

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 artigo foi escrito, este construtor de menu ainda é experimental e está disponível apenas por meio do plugin Gutenberg. Depois de ativá-lo, você pode habilitar o criador de menu navegando para Gutenberg> Experimentos> Ativar tela de navegação:

O painel Experiments do plugin Gutenberg.

Por favor selecione Guardar mudanças. Você pode então navegar para Gutenberg> Navegação (beta):

O construtor de navegação arrastar e soltar do Editor de Bloco.

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

Construtor de navegação beta do Gutenberg.

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

Leia Também:  Como criar um link curto no WordPress (a maneira mais fácil)

3. Suporte para legendas de vídeo

De acordo com Organização Mundial de Saúde (OMS), mais de um bilhão de pessoas têm algum tipo de deficiência. Isso equivale a cerca de 15% da população mundial. Criar conteúdo acessível não é apenas direito o que fazer, você também pode aumentar significativamente a audiência do seu site.

As legendas podem tornar seu conteúdo mais acessível aos deficientes auditivos. Eles também podem ser úteis em ambientes barulhentos ou situações em que o áudio alto não é apropriado, como em uma sala de aula silenciosa.

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

Recurso de trilha de texto de vídeo da web Gutenberg.

Então você pode escolher Suba e selecione o arquivo WebVTT que deseja usar. Os visitantes podem habilitar essas legendas WebVTT clicando no ícone de três pontos no canto inferior direito de 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 facilita a criação de um layout consistente, pois você pode aplicar a mesma formatação a todos os elementos em 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

Bloco de colunas do WordPress.

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

5. Padrões de bloco

Os padrões de bloco do WordPress são layouts de página pré-construídos 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 sinal de mais (+) no editor de Gutenberg. Você pode então selecionar o Padrões língua.

Painel de padrão de bloco de Gutenberg.

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.

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

A última versão do Gutenberg também apresenta um novo Padrões seletor de categoria. Isso torna mais fácil encontrar modelos específicos de seu interesse. 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é mesmo feeds completos 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 para oEmbed sem token. Como o Instagram é propriedade do Facebook, essa mudança também afetou esta rede.

Em resposta à mudança na API do Facebook, o WordPress removeu os blocos do Gutenberg 9.0 do Facebook e do Instagram. Essa mudança também foi incluída recentemente na versão Core 5.6 do WordPress. Se você continuar a usar os blocos oEmbed não suportados, 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 oEmbed Plus.

conclusão

Gutenberg continua sendo um tópico controverso. No entanto, desde que entrou no núcleo do WordPress, 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 seu site na vanguarda do design do WordPress e ficar à frente da concorrência.

Se você deseja se atualizar sobre as atualizações recentes do Gutenberg, recomendamos que experimente os seguintes recursos:

  1. Full Site Edition (FSE).
  2. O bloco de navegação e o construtor.
  3. Suporte para legendas de vídeo.
  4. A opção de combinar vários blocos em uma única coluna.
  5. Padrões de bloco.
  6. Não há mais blocos incorporados no Facebook ou Instagram.

Tem alguma pergunta sobre essas atualizações do Gutenberg? Deixe-nos saber na seção de comentários!

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: