Visão geral do WordPress 5.3: 20 novos recursos e melhorias principais

Publicados: 2019-11-15

O WordPress 5.3 está programado para lançamento em 12 de novembro de 2019. Esta atualização focada em melhorias apresenta mais de 150 novos recursos e melhorias, então nós os reduzimos aos 20 principais. Neste post, vamos cobrir o que há de novo nesta versão do WordPress para que você possa estar preparado.

wordpress 5.3

Antes de atualizar: Não se esqueça de fazer backup do seu site!

Antes de executar qualquer atualização importante do WordPress, certifique-se de fazer backup do seu site.

Use um plugin de backup do WordPress como o BackupBuddy para executar um backup completo do site. Este backup de todo o seu site deve incluir seu banco de dados WordPress, arquivos WordPress, temas, plug-ins, biblioteca de mídia, etc.

WordPress 5.3: 20 novos recursos e melhorias principais

WordPress 5.3 “Kirk” tem um foco definitivo em expandir e refinar o WordPress Gutenberg Editor, também conhecido como Block Editor, introduzido pela primeira vez no WordPress 5.0. A maioria dos novos recursos e melhorias mais notáveis ​​tem a ver com Gutenberg. Ainda assim, existem algumas outras adições excelentes nesta versão, incluindo melhor tratamento de imagens, atualizações na interface de usuário do administrador do WordPress que melhoram a acessibilidade e muito mais.

1. Um editor de blocos WordPress mais rápido e intuitivo

No geral, você notará que usar o Editor de bloco parece mais “suave” e não tão desajeitado de usar. Você pode dizer que um grande esforço foi feito para melhorar a experiência geral de usar o Editor de bloco para criar postagens e páginas. O WordPress 5.3 apresenta o Motion para tornar a interação com seus blocos "rápida e natural". Além disso, o Editor de bloco é significativamente mais leve agora, pois o carregamento da página foi reduzido de 60 milissegundos para 44 milissegundos. Pode não parecer, mas os milissegundos são importantes.

Baixe o Ebook:
Ultimate Guide to WordPress 5.0 e The Gutenberg Block Editor
Baixe Agora

2. Melhores visualizações e explicações dos blocos

O WordPress 5.3 expande as informações incluídas no menu superior esquerdo “Adicionar Bloco”. Agora você verá uma prévia de como o bloco individual se parece com uma explicação melhor do que o bloco faz. Essa pequena adição melhora muito o processo de escolha do bloco certo se você não tiver certeza de qual usar. Para vê-los, clique no sinal “+” no menu de navegação superior. Passe o mouse sobre qualquer bloco na lista para ver as informações sobre a mudança certa.

blocos do wordpress 5.3

3. Suporte de imagem grande

WordPress 5.3 inclui suporte aprimorado para upload de imagens de alta resolução (como fotos tiradas de seu smartphone ou outras câmeras de alta qualidade). O WordPress 5.3 introduz a detecção de imagens grandes e gera automaticamente um “tamanho máximo otimizado para a web” delas.

redimensionamento de imagem do wordpress 5.3

As fotos agora são redimensionadas imediatamente para 2560px no upload, tornando-se o novo tamanho “original”. Se sua imagem foi redimensionada automaticamente, “dimensionado” será adicionado ao nome do arquivo. O WordPress também tentará novamente gerar tamanhos de imagem se falhar devido a tempos limite do servidor.

Esta é uma grande vitória para as pessoas que podem não perceber o quanto as imagens grandes podem tornar seu site mais lento, bem como para as pessoas que precisam educar os clientes sobre a otimização de imagens para seus sites.

Nota: Você pode desativar o redimensionamento automático da imagem com o filtro `big_image_size_threshold` .

4. Novo tema padrão do WordPress Twenty Twenty

Twenty Twenty é o novo tema padrão do WordPress incluído no WordPress 5.3. “Projetado com flexibilidade em seu núcleo,” este tema é ousado e brilhante. Você vai amar ou odiar o design dele.

tema do wordpress vinte e vinte

A maior razão para verificar o tema Twenty Twenty WordPress é ver o que é possível quando um tema se integra totalmente com o Gutenberg Block Editor. Os desenvolvedores provavelmente vão querer se aprofundar nos arquivos de tema para ver como muito disso é realizado no backend.

Os designers podem apreciar que Twenty Twenty vem com a fonte Inter, desenhada por Rasmus Andersson. Como o primeiro para os temas padrão do WordPress, o Inter vem em uma versão de fonte variável, que mantém o tempo de carregamento curto, contendo todos os pesos e estilos de fonte em apenas dois arquivos de fonte.

5. Mudanças na aparência da interface de administração do WordPress

Você provavelmente notará imediatamente algumas mudanças na aparência da IU do administrador do WordPress. Essas mudanças estão principalmente preocupadas com a melhoria da acessibilidade. A tela de boas-vindas do painel de administração é um lugar onde você notará imediatamente algumas das mudanças no 5.3.

Wordpress 5.3 mudanças de interface do usuário

Aqui estão algumas maneiras pelas quais a interface administrativa foi atualizada:

  • Os botões não têm mais sombra
  • Tabelas mais escuras e bordas de metacaixas foram introduzidas para uma melhor hierarquia entre os elementos da interface
  • Contrastes mais fortes de cores em campos e botões de formulário
  • Estilos de foco em campos e botões de formulário
  • Comportamento do conteúdo no zoom do texto

Mudanças específicas foram feitas nos campos do formulário (entradas de texto, áreas de texto, seleções, caixas de seleção, botões de opção, botões primários e secundários), bem como notificações, tabelas, metaboxes e seletores de cores.

6. Melhor visualização do editor de postagem / in-page

Se o seu tema for compatível, você poderá ver uma experiência de visualização totalmente nova ao usar o Editor de bloco ao criar uma postagem ou página. Por exemplo, em vez de apenas uma tela de fundo branco simples, você pode ver a cor de fundo usada pelo seu tema. Esta visualização reflete melhor o design final “publicado” que você verá no front end do seu site.

wordpress 5.3 in-page preview

O novo tema Twenty Twenty WordPress mostra o que é possível, fornecendo uma visualização dos blocos à medida que você os usa no editor de postagem / página, o que definitivamente melhora a experiência de uso de blocos.

7. Modo de navegação

Em outro movimento para melhorar a acessibilidade para leitores de tela, um novo Modo de Navegação foi introduzido no Editor de Bloco no WordPress 5.3. Agora você pode mover de um bloco para outro usando a tecla Tab . Você também pode usar as setas do teclado para navegar entre os blocos. Assim que chegar ao bloco que deseja editar, você pode entrar no Modo de Edição pressionando a tecla Enter . Use a tecla Esc para voltar ao modo de navegação.

Modo de navegação WordPress

8. Novo bloco de grupo

Enquanto o Block Editor comemora seu primeiro aniversário, vários novos blocos do WordPress foram introduzidos no WordPress 5.3. O novo bloco Agrupar permite agrupar outros blocos, para que você possa dividir facilmente sua página em seções coloridas com opções de cores de fundo. Dessa forma, você não precisa definir uma cor de fundo para cada bloco.

bloco de grupo do wordpress 5.3

9. Novo bloco espaçador

Em vez de apertar return várias vezes para espaçar seu conteúdo, o WordPress 5.3 apresenta um bloco Spacer dedicado. Você encontrará este bloco em “Elementos de layout”. Na barra de ferramentas superior, você pode Mostrar configurações de bloco para definir a altura do espaçador em pixels.

bloco espaçador wordpress 5.3

Ou você pode usar o ponto azul para ativar um novo dimensionador “interativo”, que também é muito legal. A altura em pixels será ajustada automaticamente.

WordPress Spacer Block Resizer

10. Melhorias no bloco de colunas

Melhorias foram feitas para o bloco de colunas. Agora, o bloco de colunas suporta larguras de coluna fixas, a capacidade de redimensionar colunas e alinhar colunas. Também há um novo assistente quando você adiciona uma coluna.

bloco de coluna wordpress

11. Melhorias para Cover Block

Agora você pode definir uma cor de fundo para o bloco de capa, o bloco que permite adicionar uma imagem ou vídeo com uma sobreposição de texto, como para um cabeçalho.

bloco de capa wordpress

Você também pode usar o mesmo controle deslizante interativo para alterar o tamanho do bloco de cabeçalho.

wordpress cover block resizer

12. O bloco do botão obtém o raio da borda

No WordPress 5.3, você pode personalizar o raio da borda de seus blocos de botão no editor de bloco. O raio da borda pode ser um pequeno detalhe, mas significa que você não precisa fazer isso via CSS.

bloco de botão wordpress

13. Atualizações do Bloco de Tabela: Linhas e Alinhamento de Cabeçalho / Rodapé

Agora, o Bloco de tabelas oferece suporte a linhas de cabeçalho e rodapé, disponíveis em Configurações de bloco. Também existe uma nova opção para o alinhamento da tabela, não apenas o alinhamento do texto.

bloco de mesa wordpress

14. Alterar a cor dos blocos de título

O WordPress 5.3 agora oferece controles para texto e cor de fundo. As cores padrão podem ser ditadas pelo seu tema (visto aqui, como em Twenty Twenty). Você também pode usar o link Cor personalizada para um seletor de cores.

bloco de título wordpress

15. Melhorias gerais de acessibilidade

O WordPress 5.3 inclui um grande impulso para melhorias de acessibilidade. Esses estilos aprimorados corrigem muitos problemas de acessibilidade, como contraste de cor nos campos e botões do formulário, consistência entre as interfaces do editor e do administrador, novos avisos de “barra de ferramentas” e padronização do esquema de cores padrão do WordPress.

16. Rotação automática da imagem

Um recurso proposto originalmente há nove anos e possibilitado pela perseverança de muitos colaboradores dedicados, agora o WordPress finalmente suporta a rotação automática de imagens. Após o upload, as imagens serão giradas corretamente de acordo com os dados de orientação incorporados.

17. Verificação de e-mail de administração

Agora você será solicitado a confirmar periodicamente se o seu endereço de e-mail do administrador está atualizado ao fazer login como administrador. Isso reduz a chance de seu site ser bloqueado se você alterar seu endereço de e-mail.

18. Melhorias na saúde do local

As melhorias introduzidas no 5.3 tornam ainda mais fácil identificar problemas. As recomendações expandidas destacam as áreas que podem precisar de solução de problemas em seu site a partir da tela Health Check.

As melhorias específicas incluem mudanças no indicador de classificação, melhorias no email de recuperação e novos filtros para testes de status de integridade do site concluídos.

19. Correções de componentes de data / hora

Os desenvolvedores agora podem trabalhar com datas e fusos horários de maneira mais confiável. A funcionalidade de data e hora recebeu várias novas funções de API para recuperação unificada de fuso horário e interoperabilidade de PHP, bem como muitas correções de bugs.

20. Compatibilidade com PHP 7.4

Os desenvolvedores ficarão felizes em saber que o WordPress 5.3 tem como objetivo oferecer suporte total ao PHP 7.4. WordPress 5.3 contém várias alterações para remover funcionalidades obsoletas e garantir compatibilidade. Como sempre, o WordPress incentiva todos os usuários a executar as versões mais recentes do PHP. Veja tudo o que há de novo no WordPress 5.3 para desenvolvedores no Guia de campo do WordPress 5.3.

Para mais informações sobre o WordPress 5.3, confira este vídeo adicional de nosso próprio Timothy Jacobs, desenvolvedor do plugin de segurança iThemes: Visualização do WordPress 5.3 em um recente Meetup do WordPress NYC.

Como atualizar para o WordPress 5.3

O WordPress 5.3 será lançado em 12 de novembro de 2019. Assim que a atualização for lançada, você verá a atualização da versão do WordPress disponível em seu painel de administração do WordPress na página Atualizações. Novamente, não se esqueça de fazer backup do seu site antes de atualizar!

Ainda não está vendo a atualização 5.3? Fique ligado! Siga as postagens do blog de lançamento make.wordpress.org aqui para a atualização mais recente e leia o post oficial de lançamento do WordPress 5.3 aqui.

Precisa atualizar vários sites WordPress para WordPress 5.3? O iThemes Sync Pro permite que você gerencie vários sites WordPress a partir de um painel. Você verá a atualização do Core disponível no painel do Sync.

Atualização do iThemes Sync WordPress 5.3

Experimente sincronizar GRATUITAMENTE por 30 dias. Faça login para sincronizar o painel

Tem algo a acrescentar a esta lista? Quais são as suas novidades favoritas no WordPress 5.3? Boas atualizações!