Neste artigo, mostrarei o que há de novo nas últimas Atualização do WordPress 6.4! Com esta atualização, o WordPress dá um passo mais perto de seu objetivo de ser um CMS mais colaborativo e rico em recursos. 

WordPress 6.3 2023WordPress 6.4 2024

1. Novo tema Twenty Twenty-Four agora disponível

Tema Vinte e Vinte e Quatro FotógrafosTema Vinte e Vinte e Quatro Empreendedores

WordPress lançou oficialmente seu próximo tema principal – o tema Twenty Twenty-Four! Este tema visa maior flexibilidade para acomodar uma variedade de casos de uso e profissionais do setor. Por exemplo, existem variações do tema para proprietários/empreendedores de pequenas empresas, escritores/blogueiros e fotógrafos/criativos. 

O tema também recebeu muitas melhorias de desempenho para ajudar a acelerar o carregamento da página e oferecer melhor SEO pronto para uso.  

Você pode explorar o demonstração ao vivo do tema Twenty Twenty-Four aquiou confira os recursos de design incluídos neste tema na página Página WordPress Figma.

WordPress simplificado: curso como construir sites poderosos, por Davies Media Design

2. Novo recurso Lightbox de imagem

Habilitar Image Lightbox no novo recurso do WordPress 6.4

As imagens do WordPress FINALMENTE recebem um recurso “lightbox” por padrão. Isso significa que quando um visitante do site clica em uma imagem em uma página da web, a imagem será expandida para mostrar sua versão em tamanho real, ou pelo menos uma versão maior do que a visualização/miniatura.

Este novo recurso está disponível para o bloco de imagens e o bloco de galeria. Para habilitar este recurso, basta clicar na imagem dentro do Editor de Bloco e alternar a opção “Ativar ao clicar” na guia Bloco da barra lateral de configurações desse bloco. 

3. Blocos de grupo obtêm imagens de fundo

Blocos de grupo suportam imagens BG WordPress 6.4 pop-up

WordPress 6.4 apresenta a capacidade de adicionar imagens de fundo a blocos de “Grupo”. Isso significa que ter imagens de fundo não está mais restrito apenas ao bloco “Capa”, proporcionando aos designers mais flexibilidade ao projetar páginas da web.

Para utilizar este recurso, clique no bloco de grupo ao qual deseja adicionar a imagem e navegue até a guia “Estilos” na barra lateral Configurações do bloco. Role para baixo até a seção “Plano de fundo” e clique para adicionar sua imagem de fundo.

Parece que neste momento não há recurso de “sobreposição” de cores para adicionar à imagem. Portanto, se quiser clarear ou escurecer a imagem de fundo para tornar o texto mais visível, por exemplo, você terá que realizar essas edições antes de enviar a imagem.

Adicionar botões de navegação sem código WordPress 6.4 Popup

Um novo recurso muito útil no WordPress 6.4 é a capacidade de adicionar o bloco “Botões” aos menus de navegação. Agora você pode adicionar facilmente um botão atraente à sua navegação principal, tudo sem precisar codificar! Essa é uma ótima maneira de melhorar rapidamente a experiência do usuário em seu site e gerar conversões.

Para acessar este recurso, você precisa localizar a parte do modelo “Cabeçalho” onde está localizada sua navegação principal. Vá para Aparência> Editor para abrir o Editor do Site e clique em “Padrões”. Role para baixo até onde diz “Partes do modelo” e clique em “Cabeçalho”. Clique no padrão denominado “Cabeçalho” exibido aqui.

De dentro da parte do modelo de cabeçalho, que agora estará aberta no Editor do Site, clique no bloco Navegação. Na barra lateral Configurações de bloqueio, clique no sinal “+” que aparece na seção “Menu” (na guia “Visualização de lista”). Digite “Botões” no campo de pesquisa ou selecione a opção “Botões” se ela for exibida por padrão. Agora você pode adicionar texto ao seu botão, vinculá-lo a qualquer página ou seção da sua página e personalizar o estilo do botão!

Quando terminar, clique em “Salvar” para salvar suas alterações. As alterações agora serão preenchidas em qualquer lugar onde a parte principal do modelo “Cabeçalho” for exibida em todo o site. 

5. Nova configuração de orientação de texto vertical

Criar texto vertical pop-up de demonstração do WordPress 6.4

WordPress 6.4 suporta oficialmente texto vertical! A orientação do texto pode ser alterada do texto horizontal padrão para o novo texto vertical nos blocos Parágrafo e Título. 

Você pode alterar a orientação do seu texto no editor de bloco clicando no bloco que contém o texto que deseja editar e navegando até a barra lateral Configurações do bloco.

Em “Tipografia”, clique no ícone do menu kabob (menu de três pontos) e selecione “Orientação do texto”. Um pequeno par de ícones de orientação aparecerá agora – clique no ícone “vertical” para tornar seu texto vertical.

Para personalizar ainda mais o texto vertical, basta alterar o alinhamento do texto usando a barra de ferramentas Bloco. “Alinhar à direita” fará com que o texto seja lido de baixo para cima, enquanto “Alinhar à esquerda” inverterá o texto para que seja lido de cima para baixo.

6. A visualização de lista recebe vários novos recursos

O recurso “List View” no WordPress tem conquistado um papel cada vez mais importante a cada nova iteração do WordPress. Esta versão mais recente não faz diferença, com a Visualização de lista recebendo mais atenção dos colaboradores do WordPress. 

Os dois novos recursos mais notáveis ​​adicionados à visualização de lista incluem visualizações de imagens e rótulos de blocos de grupo editáveis. 

Imagens prévias

Visualização de lista, visualizações de imagens, pop-up do WordPress 6.4

As novas visualizações de imagens da Visualização de lista permitem que você veja rapidamente quais imagens podem estar contidas em um bloco, principalmente uma galeria ou bloco de imagens.

Um efeito colateral positivo desse novo recurso é que encontrar blocos específicos agora deve ser muito mais fácil, especialmente quando você tem muitos blocos aninhados e instâncias do mesmo tipo de bloco (ou seja, muitos blocos de imagem em uma única página).

Renomear blocos de grupo

Renomear blocos de grupo de rótulos pop-up do WordPress 6.4

O último recurso mencionado é o novo recurso de renomeação de blocos de grupo. Agora você pode renomear qualquer bloco de grupo dentro da visualização de lista, o que torna mais fácil rotular diferentes blocos de grupo.

Mais uma vez, esse recurso deve facilitar a localização de vários blocos de grupos em uma página da web, especialmente quando você tem muitos grupos diferentes. 

Blocos duplicados com uma nova tecla de atalho

O último novo recurso de visualização de lista que mencionarei aqui é a nova tecla de atalho para duplicar blocos. Basta usar ctrl+shift+d (Windows) ou cmd+shift+d (MAC) para duplicar qualquer bloco ou grupo de blocos. Isso não apenas duplicará o item da lista na Visualização de lista, mas também duplicará o bloco ou conjunto de blocos real em sua página da web no Editor de bloco.

WordPress simplificado: curso como construir sites poderosos, por Davies Media Design

7. Novo recurso de categoria de padrão

Categorizar padrões Pop-up de demonstração do WordPress 6.4

Com esta versão mais recente do WordPress vem um novo recurso que permite categorizar um padrão recém-criado (uma coleção de blocos predefinidos/pré-estilizados). Como os Padrões são organizados na guia “Padrões” do Block Inserter, esse novo recurso facilita a classificação rápida de seus novos Padrões e a localização deles quando você precisar deles. 

Para usar esse recurso, localize o bloco ou grupo de blocos que deseja converter em um padrão. Clique no ícone do espetinho “Opções” na barra de ferramentas e selecione “Criar padrão”.

Na janela que aparece, digite o nome que deseja atribuir ao seu novo padrão e, em seguida, use o novo campo “Categoria” para selecionar o nome de uma categoria existente ou digite um novo nome de categoria.

Pressione a tecla Enter para aplicar um novo nome de categoria. Clique em “Criar” para criar o novo padrão com uma categoria atribuída. 

8. Compartilhe padrões em vários sites

Compartilhe padrões entre sites WordPress 6 4 Popup

Um dos novos recursos mais impressionantes que passou despercebido é a capacidade de exportar e importar padrões como arquivos JSON para compartilhar e usar facilmente padrões em vários sites. Não sabe o que é um arquivo JSON? Não se preocupe – você não precisa mexer no arquivo JSON real para que o recurso funcione.

Basta navegar até Aparência> Editor para acessar o Editor do Site. Em seguida, navegue até a seção “Padrões”. Localize o padrão que deseja exportar e clique no link do menu três pontos/espetinho. Selecione “Exportar como JSON” no menu. 

Em seguida, escolha ou crie uma nova pasta onde deseja salvar o arquivo de padrão, nomeie o arquivo e clique em “Salvar”. 

Vá para o WP Admin do site onde você deseja fazer upload do padrão e navegue novamente até o Editor do Site (Aparência>Editor>Padrões). Clique no ícone “+” próximo ao título “Padrões” e selecione “Importar padrão de JSON”.

Selecione o arquivo JSON do seu computador e clique em “Abrir”. Agora você deve ver seu padrão na categoria “Meus padrões”. 

Observe que os estilos de todo o site não serão transferidos para o seu Padrão no novo site, mas você pode editar manualmente os estilos do Padrão para estilizá-lo de acordo com sua preferência. 

9. O alinhamento de blocos em padrões sincronizados agora é atualizado em todo o site

Atualizações de alinhamento, padrões sincronizados, pop-up do WordPress 6.4

O WordPress 6.4 adiciona funcionalidades adicionais aos Padrões Sincronizados, aplicando novas configurações de alinhamento em todas as instâncias de um Padrão Sincronizado. 

Basta aplicar uma nova configuração de alinhamento a um Padrão Sincronizado através do Editor de Bloco e clicar em “Publicar”, seguido de “Salvar” para salvar as alterações em todos os Padrões Sincronizados (você verá uma lista aqui com todos os Padrões Sincronizados onde esta alteração ocorrerá). ser aplicado – com uma marca de seleção ao lado de cada item).

10. Defina a proporção de aspecto para imagens de espaço reservado

Bloquear proporção de aspecto, espaço reservado, imagens, pop-up do WordPress

O próximo passo no WordPress 6.4 é um novo recurso que permite definir a proporção de imagens de espaço reservado em suas páginas da web ou postagens de blog.

Para usar este recurso, insira um bloco de imagem em sua página web. Em seguida, na barra lateral Configurações do bloco, na guia “Configurações”, clique no menu suspenso “Proporção” e selecione a proporção que deseja definir para este bloco. Quaisquer imagens futuras que você adicionar a este bloco agora terão a proporção que você definir.

Esse recurso é ideal para modelos porque você pode adicionar uma imagem de espaço reservado ao design de uma página da web sem se preocupar com as alterações na proporção com base na imagem carregada.

11. Barras de ferramentas para lista, cotação e blocos de navegação melhoradas

O WordPress fez melhorias nesses três blocos de escrita para melhorar a experiência de escrita no WordPress e torná-la mais consistente. 

12. Paleta de comandos obtém novos atalhos no editor de sites

A comunidade WordPress implementou alguns novos atalhos para o recurso Command Palette que foi originalmente introduzido no WordPress 6.3. Na paleta de comandos, que você pode acessar com a tecla de atalho ctrl+k (Windows) ou cmd+k (MAC), agora você pode abrir e fechar a visualização de lista, mostrar ou ocultar a localização atual na parte inferior do Editor do Site ou ative ou desative o “Modo livre de distração”.

Para executar qualquer uma dessas ações, você simplesmente precisa pressionar ctrl+k para abrir a Paleta de Comandos, começar a digitar o nome da ação (ou seja, “pão” para “Ocultar localização atual do bloco” ou “lista” para “Alternar visualização da lista ”) e clique na ação na lista exibida. Se a ação for a primeira da lista, basta pressionar a tecla Enter do teclado.

Linguagem da paleta de comandos aprimorada

Além da novidade acima, a Paleta de Comandos também recebeu linguagem aprimorada ao exibir ações e outros resultados de pesquisa.

Na maior parte, a linguagem foi simplificada para que a ação ou ferramenta que você está procurando seja exibida com o mínimo de texto.

Por exemplo, quando você começa a digitar “Nav”, em vez de dizer “Abrir navegação”, simplesmente dirá “Navegação”. Clicar nesta entrada abrirá a tela Navegação no Editor do Site.

13. Novos recursos adicionais

O WordPress 6.4 também recebeu mais de 100 melhorias de desempenho, incluindo melhorias na forma como imagens, temas e outros recursos importantes da página são carregados. Essas melhorias de desempenho devem melhorar a experiência do usuário para designers, bem como ajudar a tornar o WordPress mais otimizado para pesquisa pronta para uso (o que é ótimo para SEO e classificações de páginas!). 

É isso o que há de novo no WordPress 6.4! Se você quiser saber mais sobre WordPress e design de sites, confira meu WordPress simplificado 2023: curso como construir sites poderosos na Udemy. Você também pode assistir meu Tutoriais em vídeo WordPress ou leia qualquer um dos meus Artigos de ajuda do WordPress (disponível em mais de 40 idiomas).

Boletim informativo por e-mail de aplicativos criativos gratuitos da Davies Media Design

Assine o boletim informativo DMD

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias sobre seus aplicativos criativos gratuitos favoritos!

Você se inscreveu com sucesso!

Pin It on Pinterest