WordPress 5.9 está aqui! Que grandes mudanças você perdeu?

WordPress 5.9 Josephine está aqui! Esta versão do WordPress foi originalmente programada para ser lançada em 14 de dezembro de 2021. No entanto, devido a alguns problemas e bugs não resolvidos, o lançamento final foi adiado e acabou sendo lançado em 25 de janeiro de 2022.

Se você está se perguntando qual é a mudança mais significativa, a resposta é Full Site Editing (FSE). E, na verdade, a maioria dos novos recursos só está disponível se você estiver usando um tema que suporte a edição completa do site, como o Twenty Twenty Two—o novo tema padrão.

Com o WordPress 5.9, chegamos à segunda fase do roteiro do Gutenberg - a fase de personalização.

Agora, vamos descobrir os detalhes!

Estilos globais: uma interface gráfica para o arquivo 'theme.json'

Com o WordPress 5.8, manipular o arquivo 'theme.json' tornou-se a maneira padrão para desenvolvedores de temas personalizarem estilos e configurações do editor.

O WordPress 5.9 leva para o próximo nível, introduzindo uma interface gráfica para ele. Agora, os usuários podem personalizar predefinições de estilo para seu site, seja em nível de bloco ou globalmente, sem tocar em uma única linha de código.

Como os estilos globais afetam alguns aspectos do design do site WordPress, isso mudará drasticamente a maneira como você personaliza a aparência do seu site.

Primeiro, a interface Global Styles substitui o Customizer. E atualmente é a única maneira de personalizar estilos e configurações com temas de bloco.

Da mesma forma, as páginas de administração de opções de temas complexos não serão mais necessárias. Isso fornece uma nova maneira padrão de definir as configurações e os estilos do tema.

No editor do site, uma nova barra lateral já está disponível. Na parte superior, você encontrará um pequeno painel de visualização e cinco elementos na seguinte ordem:

• Visualização de estilo
• Tipografia
• Cores
• Esquema
• Blocos

Vamos olhar mais de perto!

Visualização de estilo

O primeiro elemento é um painel de visualização. Ele permite que você verifique o resultado de suas personalizações. Isso é especialmente útil quando suas alterações se aplicam a elementos que não são visíveis na tela do editor.

Tipografia

É aqui que você controla a tipografia do seu site. Os controles disponíveis neste painel dependem do que está no arquivo 'theme.json'.

Cores

Aqui, você pode visualizar e editar o esquema de cores e personalizar a cor de alguns elementos do site.

Ao clicar em um desses elementos, você terá acesso a um novo painel onde poderá escolher cores de três paletas: Tema, Core e Personalizada. Aqui, você pode definir e modificar a cor do elemento escolhido.

Esquema

O último conjunto de ferramentas é para customizações de layout. Isso é limitado ao contêiner do site em um contexto global.

Blocos

Com a implementação do Estilo Global, agora você também pode alterar a aparência de blocos específicos, como Parágrafos, Botões, Colunas, etc.

Observe que os estilos de bloco só podem ser personalizados a partir daqui se o bloco declarar suporte para uma funcionalidade específica no respectivo arquivo 'block.json'.

Por exemplo, uma vez que o bloco principal Post Title suporta tipografia e cores, você encontrará as entradas correspondentes nas configurações de estilo global do bloco.

The Twenty Twenty-Two Theme e WordPress Block Themes

Com o WordPress 5.9, você não precisa instalar o plugin Gutenberg para habilitar a edição completa do site em seu site. Você só precisa usar um tema de bloco.

Além disso, o WordPress 5.9 foi embalado com um novo tema padrão – Twenty Twenty-Two. É um divisor de águas, pois é o primeiro tema de bloco padrão de todos os tempos. Além disso, Twenty Twenty-Two é um tema muito personalizável e flexível.

Depois de usar um tema de bloco, um novo item de menu 'Editor (beta)' aparecerá no menu de administração do painel do WordPress.

Na interface de edição, você pode editar visualmente a página inicial, os modelos e as partes do modelo do seu site. Você também pode acessar a interface Global Styles aqui.

Como você pode ver, você não encontrará o Personalizador. Isso porque ele não suporta temas de bloco. É também por isso que você não pode visualizar temas de blocos inativos.

Se você estiver usando um tema tradicional, como o Woostify, e estiver preocupado com a compatibilidade com versões anteriores, fique tranquilo. Você pode continuar a usá-lo.

Atualmente, existem quatro categorias de temas diferentes para você escolher:

• Block Theme: Temas projetados para edição de site completo
• Tema geral: Temas que funcionam com o Personalizador e o Editor (beta)
• Temas híbridos: temas clássicos que suportam recursos de edição de site completo
• Tema clássico: Temas com arquivos “functions.php”, templates PHP, etc.

O bloco de navegação atualizado

O bloco de navegação está em sua infância há algum tempo. Agora que todos os problemas pendentes foram corrigidos, podemos finalmente começar a usar um dos recursos mais poderosos do WordPress 5.9.

Quando você adiciona um bloco de navegação pela primeira vez, o espaço reservado do bloco oferece três opções:

• Escolha um menu existente,
• Crie um menu com todas as páginas,
• Ou comece de novo com um menu em branco.

O novo menu de Navegação permite importar menus criados através da Tela de Menus de Aparência disponíveis com temas clássicos.

Portanto, se você estiver mudando de um tema clássico para um tema de bloco, não precisará reconstruir seus menus existentes. Basta selecionar um dos seus 'Menus Clássicos' atuais. E será automaticamente convertido em um menu de navegação baseado em blocos.

Novos links de navegação são adicionados imediatamente ao bloco de navegação clicando no ícone de mais no lado direito, a menos que outros tipos de bloco já tenham sido adicionados ao menu.

Clicar no botão Editar na barra de ferramentas do bloco Link de navegação transforma um item de menu em um link personalizado. Assim, você pode adicionar, editar, reorganizar e excluir itens individuais.

Você também pode converter links em blocos clicando no botão Transformar na barra de ferramentas do bloco. Assim, você pode adicionar blocos específicos diretamente ao menu de navegação.

Na barra lateral Configurações, você encontrará um conjunto completo de opções para controlar muitas partes do seu menu de navegação.

Outra adição útil adicionada ao bloco de navegação é o suporte a Block Gap. Assim, você pode controlar o espaçamento entre os itens do menu.

Melhorias de desempenho

Aprimoramentos do Insersor de Blocos

A partir do WordPress 5.9, os tipos de bloco, categorias e padrões são exibidos preguiçosamente no Block Inserter. Seu navegador carrega primeiro o conteúdo de prioridade mais alta, proporcionando uma experiência de edição mais suave.

Menos CSS carregado

O WordPress 5.9 reduz significativamente a quantidade de CSS carregado por temas de bloco, resultando em carregamentos de página significativamente mais rápidos.

Melhorias no desempenho de carregamento lento

A partir do WordPress 5.9, o atributo 'loading=”lazy”' não é aplicado à primeira imagem de conteúdo ou iframe.

Uma análise realizada em 50 temas populares do WordPress mostra que esta solução leva a melhorias significativas de desempenho e carregamentos de página até 30% mais rápidos.

Várias folhas de estilo por bloco

Desenvolvedores de temas e blocos podem registrar várias folhas de estilo por bloco e carregar estilos de outros blocos conforme necessário.

Isso permite que as folhas de estilo sejam carregadas dependendo do conteúdo da página, evitando o carregamento de folhas de estilo grandes em cada página.

Palavras finais

Terminaremos este artigo com uma nota rápida sobre a participação de mercado do WordPress. Atualmente, alimenta mais de 65% de todos os sites com um sistema de gerenciamento de conteúdo conhecido e cerca de 43% de todos os sites.

Esses números são impressionantes, especialmente quando comparados aos concorrentes mais próximos com menos de 7% de participação de mercado – Shopify.

Cada nova versão do WordPress traz novos recursos, melhorias de desempenho e aprimoramentos de interface. E o WordPress 5.9 não é exceção.

Tudo o que você precisa para testar novos recursos é um tema de bloco, como o novo tema padrão Twenty Twenty-Two.

E para quem está usando o tema Woostify, você pode atualizar seu site para o WordPress 5.9 imediatamente sem problemas. A equipe de desenvolvimento sempre trabalha duro para garantir que o Woostify seja totalmente compatível com as versões mais recentes do WordPress.