WordPress 5.5: a atualizacao do ano – Novos recursos – Melhorias – Correcoes de bugs

Atualizado em 12 de agosto de 2020: O WordPress 5.5 foi lançado e deixou o status beta. Por favor, teste primeiro o WordPress 5.5 em um site de staging para garantir que não quebre nada no seu site de produção.

O WordPress 5.5 é provavelmente a atualização do ano e é a segunda versão principal deste ano. Normalmente, não gosto de escrever artigos com superlativos, mas esta nova versão do WordPress traz muitos recursos novos e melhorias empolgantes. A nova versão do WordPress muda o jogo no desenvolvimento e no design. Traz melhor manutenibilidade e desempenho. Esta nova atualização foca em alguns pontos importantes, como acelerar o tempo de carregamento, otimizar imagens, oferecer uma interface mais amigável e dar mais poder à otimização para mecanismos de busca. O WordPress já é o líder de mercado, mas as últimas mudanças do WordPress 5.5 podem aumentar ainda mais a distância em relação aos concorrentes. Acompanhamos o desenvolvimento do WordPress muito de perto e já testamos a segunda beta para experimentar os novos recursos e melhorias. Este artigo compartilhará com você o que vem por aí com o WordPress 5.5 e fornecerá alguns experimentos e capturas de tela.

O editor de blocos se torna ainda mais um page builder na atualização do WordPress 5.5

O WordPress introduziu uma nova experiência de edição em 2018. A experiência de edição mudou completamente a forma como os sites WordPress eram construídos no passado. O novo editor foi baseado no conceito de blocos e você o conhece como editor Gutenberg. Desde então, o WordPress traz toneladas de atualizações e melhorias para o Gutenberg em cada lançamento. O WordPress 5.5 é um dos maiores lançamentos para o editor de blocos. Ele traz melhorias massivas na interface do editor de blocos. Como você pode ver na captura de tela abaixo, eles mudaram elementos da barra de ferramentas, botões, atribuíram novos ícones e destaques de foco enquanto você se movimenta pelos blocos durante a edição ou escrita. É uma experiência de edição única, exatamente como a que um page builder oferece. Todos os widgets e elementos agora estão disponíveis na barra lateral esquerda. As pré-visualizações por dispositivo ajudam a projetar para dispositivos móveis, tablets e desktops. Há muito mais a explorar. Estas são algumas das funcionalidades-chave que você não pode deixar de experimentar.

Edição de imagens inline

O WordPress 5.5 oferece uma experiência muito melhor de edição de imagens inline enquanto você trabalha na página. Basta clicar no ícone + para inserir imagens de blocos ou padrões. Os padrões fornecem layouts prontos. O editor de imagens inline oferece controles robustos para conversão, zoom, rotação, recorte, proporção de aspecto e orientação da imagem como retrato e paisagem, com muitas outras funcionalidades.

Padrões de blocos como modelos de seção

O WordPress é construído para facilitar o processo de desenvolvimento web, e a atualização do WordPress 5.5 aprimora isso introduzindo os padrões de blocos. Os padrões de blocos são blocos prontos, como modelos de seção em page builders. Você pode adicionar facilmente um padrão de bloco clicando no ícone +. O WordPress 5.5 vem com alguns padrões de blocos básicos. Eles vão crescer assim como o repositório de temas e plugins, como parte da comunidade WordPress, quando os desenvolvedores registrarem mais padrões de blocos. Você pode pesquisar, instalar e inserir um novo bloco diretamente do editor usando o novo diretório de blocos.

Pré-visualizações por dispositivo para o design de sites responsivos

Se um site não é responsivo e utilizável em um dispositivo móvel, tem valor limitado. O WordPress 5.5 oferece as novas pré-visualizações por dispositivo para ajudar você a projetar sites mais amigáveis para dispositivos móveis. O mesmo recurso é acessível na versão anterior no módulo de personalização do tema. O editor de blocos do WordPress se parece cada vez mais com um page builder. Temos pré-visualizações por dispositivo para Móvel, Tablet e Desktop enquanto editamos usando o editor de blocos.

Uma experiência de edição melhor e mais fluida

O WordPress 5.5 é uma atualização de usabilidade e desempenho do editor de blocos. Ele melhora o desempenho de carregamento e design do site. O WordPress 5.5 traz uma experiência de edição fluida com um conjunto de funcionalidades.

• Arrastar e soltar refinado e robusto
• Pegue rapidamente os blocos usando os movedores de blocos
• Seleção para blocos pais
• Destaques de foco para elementos contextuais
• Várias opções para editar os mesmos blocos de uma só vez
• Copiar, realocar e pesquisar blocos facilmente
• Desempenho aprimorado: você vê as alterações instantaneamente enquanto edita.

Cores de fundo nos blocos

Você pode adicionar fundos e gradientes para melhorar a experiência de design do site. O WordPress 5.5 traz cores de fundo para blocos, grupos, colunas, mídia e texto.

Melhor navegação entre blocos

O WordPress 5.5 está dando trabalho aos page builders estabelecidos como Elementor ou Divi. A nova seção de navegação por blocos ajuda a encontrar elementos do conteúdo em nível de bloco e torna a experiência de edição muito melhor do que antes.

Novas unidades de medida no WordPress 5.5

Esta é outra atualização significativa para todo designer sério. O WordPress agora suporta todas as unidades de medida disponíveis. Agora você pode escolher ems, rems, porcentagens, VH, VW e mais. O WordPress 5.5 permite ajustes na altura de linha enquanto você digita, transformando a escrita e a composição tipográfica em uma experiência fluida. O WordPress 5.5 traz mais de 1500 melhorias ao editor de blocos. O novo editor de blocos será um bom concorrente para os page builders. O WordPress está mudando em relação ao que era no passado. Será uma melhor oportunidade para os desenvolvedores WordPress de pequeno e médio porte desenvolverem padrões de blocos e publicarem no diretório do editor de blocos. Será menos relevante escolher um tema comercial ou gratuito para criar um site WordPress bonito. O editor de blocos oferece todas as ferramentas necessárias para criar um site bonito sem precisar ser designer ou usar o tema "certo". O WordPress 5.5 Beta 2 está disponível para testes. Espere! Ainda há mais no WordPress 5.5

Carregamento preguiçoso de imagens

As imagens geralmente carregam muito mais lentamente do que o texto em uma página web. Otimizar imagens em um site WordPress é um grande desafio. A técnica de carregamento preguiçoso (lazy loading) carrega imagens de forma assíncrona e somente quando são necessárias. Isso significa que o site carrega primeiro todos os elementos textuais e de imagem que estão "above the fold", para que o usuário possa ver tudo de relance. Apenas ao rolar a página e quando as imagens entram no viewport do navegador, elas são carregadas. Se os usuários não rolarem até uma seção específica, as imagens nem mesmo serão carregadas. O WordPress 5.5 torna o lazy loading uma configuração padrão para o site completo, adicionando o atributo loading à tag IMG. Esta é uma das atualizações mais significativas, não apenas para o seu site, mas para toda a internet. O WordPress é um dos CMS mais populares e mais de 35% de todos os sites disponíveis são baseados em WordPress. O lazy loading economizará enormes quantidades de largura de banda da internet e reduzirá a carga do servidor. É uma excelente notícia para as empresas de hospedagem web e para o nosso ecossistema global, pois reduzirá o consumo de energia e, com isso, (esperamos) o aquecimento climático global.

Benchmarks de atualizações de desempenho

"Meu WordPress está lento!" Essa é uma frase que às vezes ouvimos de outras pessoas. É incrível ver o WordPress avançando para resolver quaisquer problemas de desempenho. O WordPress agora pode carregar mais rápido do que antes graças às mudanças. Queríamos ver o quão significativas são as mudanças ou se seriam mais de natureza teórica. Clonamos um site WordPress 5.4.2 com o WP Staging e criamos um site de teste com o mesmo conteúdo que temos em nosso site de produção. Todo o cache estava desativado. Nenhuma otimização adicional foi feita. O site de produção carregou todo o seu conteúdo em 2,8 segundos, enquanto o clone com a versão Beta1 rodando WordPress 5.5 carregou o site em apenas 1,6 segundos com uma pontuação de desempenho muito melhor. Portanto, podemos ver uma enorme diferença no tamanho da página e no número de requisições.

Gerenciar atualizações automáticas para temas e plugins

O WordPress 5.5 traz outro recurso poderoso para gerenciar atualizações de plugins e temas. O novo sistema de gerenciamento de atualizações permite habilitar ou desabilitar as atualizações automáticas com apenas um clique. Vá para Plugins > Plugins instalados. Você verá a última coluna para atualizações automáticas e poderá habilitar ou desabilitar as atualizações automáticas para um plugin específico com apenas um clique. Se você não vê a coluna de atualizações automáticas, clique nas opções de tela para habilitá-la. Da mesma forma, você pode gerenciar os recursos de atualização para temas. Precisamos clicar em Aparência » Temas e clicar no tema que queremos ajustar para as atualizações automáticas.

Melhores atualizações manuais de tema e plugin com arquivos ZIP

Às vezes, a função de atualização automática não funciona como esperado, ou você tem um plugin premium que não pode instalar nem atualizar pelo repositório de plugins do WordPress. Nesse caso, você precisa enviar o pacote do software manualmente. Mas o processo de atualizar manualmente um tema ou plugin é mais complicado, e há chance de perder dados, design ou quebrar outra coisa. Normalmente, você precisa desinstalar um plugin antes de enviá-lo novamente para o seu site. As atualizações manuais de temas e plugins do WordPress 5.5 podem ajudar a evitar esse problema. Baixe o plugin/tema e envie o arquivo *.zip. O WordPress reconhece automaticamente se o pacote já está instalado e oferece a possibilidade de atualizar o software sem desinstalar antes o plugin ou tema. Você recebe um diálogo de atualização semelhante sempre que tenta enviar um pacote de plugin que já existe:

Sitemap XML padrão no WordPress 5.5 para mais poder ao SEO

Um sitemap é um arquivo XML que lista todas as URLs de um site. Ele permite que o Google rastreie as URLs facilmente e indexe o conteúdo. O sitemap desempenha um papel importante na configuração de SEO do WordPress. A maioria dos plugins de SEO oferece um sitemap XML como recurso padrão. Plugins de SEO como o Yoast SEO e o All In One SEO vêm com um sitemap XML. O WordPress 5.5 introduz o sitemap XML nativo no núcleo do WordPress, o que já é apreciado pela comunidade WordPress. O recurso de sitemap XML (MVP) está implementado nesta versão. O sitemap XML do WordPress cobre as principais funcionalidades de um sitemap e indexa os seguintes tipos de conteúdo.

• Página inicial
• Página de postagens
• Tipos de postagem do núcleo (páginas e posts)
• Tipos de postagem personalizados
• Taxonomias do núcleo (tags e categorias)
• Taxonomias personalizadas
• Usuários (autores)

Além disso, o arquivo robots.txt exposto pelo WordPress fará referência ao índice do sitemap. Também é fornecida uma API de sitemaps XML para construir sobre ela. Se você já estiver usando um plugin de SEO que vem com seu próprio sitemap XML, ele pode criar um conflito. Os plugins Yoast SEO e All In One SEO já adicionaram um recurso para desabilitar os sitemaps XML padrão do WordPress, porque ambos oferecem personalização avançada para seu sitemap.

Existe um vídeo sobre o WordPress 5.5?

Sim, existe! Nosso amigo Adam do wpcrafter.com tem um bom resumo da atualização do WordPress 5.5:

Recomendação

O WordPress 5.5 chega com atualizações massivas. Está mudando a forma como os sites são construídos, projetados e mantidos. Se o seu site WordPress atualiza o núcleo do WordPress automaticamente, sugerimos fortemente que crie um backup do seu site com urgência. Temos um artigo sobre como fazer backup do site WordPress manualmente sem usar um plugin. Sempre que há uma grande atualização de software e você a instala, é provável que algo no site não funcione conforme o esperado após a instalação. Mesmo o WordPress 5.5 não é exceção a essa regra. Portanto, é melhor testar essa nova versão do WordPress em um site de testes primeiro.

Conclusão

Espero que este artigo tenha ajudado você a entender o que vem por aí com o WordPress 5.5. É a atualização do editor de blocos, desempenho, sitemap e atualizações automáticas para temas e plugins. Este lançamento significativo também foca no bloco de menus de navegação, no diretório de blocos, no lazy loading, na atualização do Gutenberg para a versão mais recente e em muito mais. O WordPress 5.5 chega com mais de 1500 melhorias apenas no editor de blocos.😮 Eu gosto das atualizações de desempenho do WordPress 5.5. Por favor, me diga o que você gosta nessa nova versão e qual é a sua atualização mais importante. O que você gostaria de ver a seguir, e o que você não quer ver no WordPress?