O WordPress 6.6 Beta 3 já está disponível, trazendo mudanças empolgantes para a popular plataforma de sites. Com lançamento previsto para 16 de julho de 2024, o WordPress 6.6 promete aprimorar o design e a funcionalidade do seu site.
A nova versão concentra-se principalmente em três áreas principais:
- Ferramentas aprimoradas para design personalizado do WordPress
- Experiência do usuário aprimorada
- Avanços técnicos
O WordPress 6.6 traz recursos que tanto proprietários de sites quanto desenvolvedores irão apreciar, desde layouts em grade WordPress mais poderosa e intuitiva .
Analisando as atualizações do novo WordPress 6.6
Experimente uma reformulação completa com novas ferramentas de design, fluxos de trabalho simplificados e opções de personalização aprimoradas com o WordPress 6.6. Esses novos recursos transformarão a maneira como você cria e gerencia seus sites WordPress:
Visualização de dados: como as novas visualizações do Editor do Site transformam seu fluxo de trabalho
O Editor de Sites do WordPress 6.6 recebeu uma grande reformulação, transformando a maneira como você interage com a estrutura e o conteúdo do seu site. O novo Visualizações de Dados apresenta uma interface de usuário aprimorada para gerenciar modelos, padrões e muito mais. Você encontrará um layout mais intuitivo, com partes de modelos agora integradas à Padrões , simplificando seu fluxo de trabalho.
Navegar pelos elementos básicos do seu site agora é mais fácil do que nunca. O "Padrões" apresenta as partes do modelo na parte superior, seguidas pelos padrões abaixo, oferecendo uma visão geral clara dos componentes do seu site. Para páginas, um novo painel permite visualizar qualquer página com um único clique, economizando tempo e esforço.
O visualização foi expandido, oferecendo novas opções de layout que permitem personalizar a forma como você visualiza e gerencia os elementos do seu site. Essas melhorias facilitam a localização rápida do que você precisa, permitindo que você se concentre mais na criação e menos na busca em menus.
Veja também: Gutenberg 14.8 reformula a interface do editor de sites e adiciona um livro de estilos.
Unindo as lacunas: transições perfeitas entre os editores de site e de bloco para uma experiência de edição fluida
O WordPress 6.6 dá um passo significativo rumo à unificação da experiência de edição em toda a plataforma. O editor de blocos (onde você escreve posts e páginas) e o editor de sites agora compartilham uma aparência mais consistente, reduzindo a necessidade de adaptação mental ao alternar entre tarefas.
O fluxo de publicação foi padronizado em ambos os editores, apresentando uma barra lateral de configurações mais limpa e leve. O novo Status e visibilidade permite definir o status da publicação com mais facilidade, enquanto os controles Imagem em destaque e Resumo foram movidos para posições mais acessíveis.
Essas mudanças criam um ambiente mais coeso, seja você escrevendo uma postagem de blog ou ajustando o design do seu site. A interface familiar em todos os contextos ajuda a manter o fluxo criativo, aumentando a produtividade e reduzindo possíveis confusões.
Leia também: Dominando o design minimalista: aprimorando a estética e a funcionalidade do seu site
Liberte a criatividade com padrões sincronizados: personalização sem concessões
As substituições de padrões sincronizadas no WordPress 6.6 oferecem um excelente meio-termo entre padrões totalmente sincronizados e padrões padrão. Esse recurso permite manter uma estrutura consistente em todo o site, ao mesmo tempo que possibilita a personalização de conteúdo para instâncias individuais.
Funciona assim: você pode criar um padrão sincronizado, como uma seção principal (hero section), e usá-lo em várias páginas. O design e a estrutura geral do padrão permanecerão consistentes em todo o site. No entanto, agora você pode substituir conteúdo específico dentro do padrão em páginas individuais sem afetar outras instâncias.
Essa funcionalidade é revolucionária para manter a consistência da marca, permitindo ao mesmo tempo a personalização específica de cada página. É particularmente útil para elementos como seções de chamada para ação ou áreas de conteúdo em destaque que precisam se adaptar a diferentes contextos, mantendo uma aparência uniforme.
Obtenha informações valiosas sobre : Desenvolvimento de temas personalizados para WordPress
Revitalizando Temas Clássicos: Integrando a Gestão de Padrões Moderna
O WordPress 6.6 traz uma atualização significativa para usuários de temas clássicos, introduzindo a mesma interface rica em padrões que antes era exclusiva dos temas de bloco. Essa atualização preenche a lacuna entre o desenvolvimento clássico e o moderno do WordPress, dando aos usuários de temas tradicionais acesso a poderosas ferramentas de personalização.
Com esta atualização, agora você pode editar, duplicar, renomear, exportar como JSON e excluir padrões diretamente da interface de administração. A nova tela de Padrões em temas clássicos reproduz a funcionalidade encontrada em temas de bloco , incluindo ações em massa, opções de classificação e filtragem.
Você pode até mesmo criar novos padrões diretamente da área administrativa, preenchendo um formulário simples com os detalhes do padrão antes de criá-lo ou editá-lo no Editor de Sites. Essa integração do gerenciamento moderno de padrões em temas clássicos abre novas possibilidades de personalização e flexibilidade de design, independentemente da sua escolha de tema.
Leia também: Os temas mais rápidos do WordPress (com pontuações do PageSpeed)
A Arte de Combinar: Explorando Infinitas Possibilidades de Design com Variações de Estilo
O WordPress 6.6 introduz um recurso incrível para temas de bloco: a possibilidade de combinar diferentes estilos. Essa atualização expande significativamente suas opções de design sem exigir configurações adicionais ou conhecimento de programação.
Agora, seu tema pode extrair paletas de cores e estilos tipográficos de suas variações, permitindo que você combine facilmente diferentes aspectos para criar visuais únicos. Por exemplo, você pode usar o esquema de cores de uma variação com a tipografia de outra, abrindo um mundo de possibilidades criativas.
Os desenvolvedores de temas também podem introduzir estilos de seção, permitindo que os usuários apliquem estilos diferentes a seções específicas do site. Esse controle preciso sobre a aparência do seu site significa que você pode obter uma ampla gama de designs imediatamente, aprimorando sem esforço a aparência e a experiência do usuário.
Aprenda também: Como alterar o esquema de cores do painel de administração no WordPress
Dominando a Grade: Um Guia Passo a Passo para Criar Layouts Complexos com Facilidade
Criar layouts complexos e responsivos ficou muito mais simples no WordPress 6.6 com a introdução do novo bloco Grid . Essa poderosa adição ao editor de blocos permite exibir qualquer bloco que você desejar em um layout de grade, oferecendo controle sem precedentes sobre a estrutura da sua página.
Com o bloco de grade, você pode ajustar a largura mínima da coluna e aplicar opções de estilo tanto à grade geral quanto aos blocos individuais dentro dela. Para um controle ainda mais preciso, você pode definir o tipo de layout da grade como Manual e arrastar os itens da grade para distribuí-los entre as colunas.
Essa funcionalidade é revolucionária para a criação de layouts de página sofisticados sem a necessidade de recorrer ao CSS personalizado. Seja para criar um portfólio , uma apresentação de produtos ou uma landing page complexa, o bloco Grid oferece as ferramentas necessárias para dar vida à sua visão com facilidade.
Contando os dias para o lançamento da atualização do WotdPress?
Contrate nossos designers e desenvolvedores profissionais para aproveitar ao máximo os recursos, opções de personalização e patches de segurança mais recentes do WP 6.6.
Aumente a produtividade: Atalhos de teclado que otimizam seu processo de criação de conteúdo
O WordPress 6.6 introduz novos atalhos de teclado e recursos de produtividade que podem acelerar significativamente seu fluxo de trabalho. Uma adição notável é a capacidade de agrupar vários blocos usando CTRL + G no Windows ou Command + G no macOS . Esse atalho simples permite que você organize seu conteúdo rapidamente sem precisar usar o mouse.
O inseridor de blocos também foi aprimorado. Em versões anteriores, selecionar um bloco limitava a exibição do inseridor apenas aos blocos que podiam ser adicionados dentro do bloco selecionado. Agora, o inseridor exibe dois grupos: blocos que você pode adicionar ao bloco selecionado e blocos que você pode adicionar abaixo dele. Essa mudança oferece uma visão mais completa das suas opções e agiliza o processo de inserção de blocos.
Essas pequenas, mas impactantes mudanças, resultam em uma economia de tempo significativa em suas tarefas diárias de criação de conteúdo e gerenciamento do site.
Você sabia?
Como implementar o modo escuro no WordPress
Uma rede de segurança para o seu site: entendendo e utilizando o novo recurso de reversão automática de atualizações
O WordPress 6.6 resolve uma preocupação comum entre os proprietários de sites com a introdução do rollback automático para atualizações de plugins. Esse recurso funciona como uma rede de segurança, revertendo automaticamente um plugin para sua versão anterior caso uma atualização cause problemas no seu site.
Essa nova funcionalidade permite que você habilite atualizações automáticas de plugins , sem medo de quebrar seu site. Se uma atualização automática de um plugin causar problemas, o WordPress detectará o problema e reverterá para a versão anterior, mantendo a funcionalidade do seu site.
Essa funcionalidade proporciona tranquilidade aos proprietários e administradores de sites, incentivando o uso de atualizações automáticas para manter os sites seguros e atualizados, sem o risco de interrupções inesperadas.
Confira: Monitoramento do WordPress: Guia Definitivo
Ultrapassando Limites com Margens Negativas: Técnicas Avançadas de Design Tornadas Acessíveis
Para quem busca expandir os limites do design, o WordPress 6.6 introduz suporte para margens negativas. Esse recurso oculto permite criar efeitos visuais únicos e ajustar seus layouts com uma precisão sem precedentes.
Para usar margens negativas, basta clicar nas configurações de margem de um bloco e inserir manualmente um valor negativo. Isso abre novas possibilidades para layouts criativos, permitindo que os elementos se sobreponham ou se estendam além de seus limites usuais.
Embora esse recurso possa parecer pequeno, é uma ferramenta poderosa para usuários avançados e designers que desejam criar layouts visualmente impactantes e diferenciados sem recorrer a CSS personalizado.
Veja também: Como adicionar CSS personalizado no Elementor?
Nos bastidores: melhorias de desempenho e segurança no WordPress 6.6
O WordPress 6.6 não se resume apenas a recursos visíveis – ele também inclui diversas melhorias internas que aprimoram o desempenho e a segurança.
Uma mudança significativa é o aprimoramento do carregamento lento (lazy loading) para oEmbeds, o que pode acelerar consideravelmente o tempo de carregamento das páginas, especialmente em sites com muito conteúdo. A atualização também eleva a versão mínima do PHP suportada para 7.2.24 , garantindo melhor desempenho e segurança em toda a plataforma.
Outros avanços técnicos incluem refinamentos no Processador HTML para melhor manipulação de documentos HTML e a introdução de um novo utilitário de Mapa de Tokens para análise e substituição eficiente de strings.
Essas melhorias nos bastidores podem não ser imediatamente visíveis, mas contribuem para uma experiência do WordPress mais rápida, segura e eficiente, tanto para os proprietários do site quanto para os visitantes.
Novas ferramentas e recursos para designers e desenvolvedores de temas no WordPress 6.6
O WordPress 6.6 traz uma série de novos recursos e melhorias interessantes para designers e desenvolvedores de temas, permitindo que eles criem sites mais sofisticados e visualmente atraentes com maior facilidade.
Vamos explorar os principais recursos que irão transformar a maneira como você cria e desenvolve temas para WordPress:
- Theme.json v.3: Opções de configuração aprimoradas para desenvolvedores de temas
- Especificidade do CSS: Sobrescrita simplificada dos estilos principais.
- Estilos de seção: Controle granular sobre seções individuais da página
- Variações de estilo de bloco: Vários métodos para definir estilos personalizados.
- Predefinições de cores e tipografia: personalização de design rápida e fácil
- Imagens de fundo para todo o site: Identidade visual consistente em todas as páginas.
- Variação de layout em grade: opções flexíveis de apresentação de conteúdo.
- Margens negativas: possibilidades criativas de layout
- Sombras personalizadas: Profundidade e dimensão visual aprimoradas.
- Predefinições de proporção de aspecto personalizadas: proporções de imagem perfeitas
Uma análise detalhada do Theme.json v.3
O WordPress 6.6 introduz a versão 3 do arquivo de configuração theme.json, trazendo mudanças significativas na forma como os desenvolvedores de temas podem sobrescrever propriedades predefinidas. Esta atualização oferece um controle mais preciso sobre as configurações padrão, permitindo maior personalização dos temas. A nova versão modifica a forma como os tamanhos de fonte e espaçamento padrão são tratados, dando aos desenvolvedores de temas mais flexibilidade na definição de seus parâmetros de design.
Com o WordPress 6.6, espere:
- Nova sintaxe para sobrescrever propriedades padrão
- Controle aprimorado sobre os tamanhos de fonte e espaçamento
- Maior flexibilidade para personalização de temas
Simplificando o CSS: Especificidade do CSS no WordPress 6.6
Uma das mudanças mais significativas no WordPress 6.6 é a modificação das regras de especificidade do CSS. Essa atualização facilita para os desenvolvedores de temas a substituição de estilos principais, mantendo o suporte para estilos globais.
As alterações visam reduzir a complexidade das regras CSS necessárias para alcançar os resultados de design desejados, simplificando o processo de desenvolvimento de temas. Assim:
- Redução da especificidade dos estilos principais
- Personalização mais fácil dos estilos de bloco
- Melhor suporte para estilos globais
Você sabia?
Por que você deve usar CSS Grid e Flexbox no design web?
Estilos de seção: Estilização aprimorada para seções individuais
O WordPress 6.6 introduz a capacidade de estilizar seções individuais de uma publicação ou página sem precisar aplicar estilos a cada bloco separadamente. Esse recurso poderoso permite que os designers criem designs coesos com mais eficiência, aplicando variações de estilo a seções inteiras de conteúdo de uma só vez.
Eis o que você pode fazer com o WordPress 6.6:
- Aplique estilos a vários blocos simultaneamente
- Crie um design consistente em todas as seções de conteúdo
- Simplifique o processo de estilização para layouts complexos
Definindo variações de estilo de bloco
O WordPress 6.6 oferece vários métodos para definir variações de estilo de bloco, proporcionando aos desenvolvedores de temas mais flexibilidade na personalização. Esses métodos incluem o uso de arquivos parciais no theme.json, o registro programático via register_block_style e a definição de variações diretamente no arquivo theme.json.
Algumas coisas a serem observadas no WordPress 6.6:
- Arquivos parciais Theme.json para definições de estilo modulares
- Registro programático para criação de estilos dinâmicos
- Definição direta do arquivo theme.json para controle abrangente
Predefinições de cores e tipografia: fácil personalização
Com o WordPress 6.6, os usuários agora podem alterar facilmente a paleta de cores e as famílias de fontes do tema diretamente da interface de Estilos Globais. Esse recurso permite uma personalização rápida e fácil da aparência do tema, sem a necessidade de edição manual de CSS.
Com o novo WordPress 6.6, você pode aproveitar:
- Predefinições de cores e tipografia
- Troca fácil entre variações de design
- Processo de personalização simplificado para usuários
Continue lendo : Elementos vitais de um design personalizado para WordPress
Imagens de fundo para todo o site: Identidade visual consistente
O WordPress 6.6 introduz a possibilidade de definir imagens de fundo para todo o site, permitindo uma identidade visual consistente em todas as páginas. Essa funcionalidade pode ser configurada através do arquivo theme.json ou diretamente no Editor de Sites , oferecendo flexibilidade tanto para desenvolvedores quanto para usuários finais.
O WordPress 6.6 permite que você:
- Defina as imagens de fundo no arquivo theme.json
- Defina imagens de fundo através do Editor do Site
- Controle o posicionamento e a repetição da imagem
Variação de layout em grade: apresentação de conteúdo flexível
A nova variação de layout em grade para o bloco Grupo no WordPress 6.6 oferece maior flexibilidade na apresentação do conteúdo. Esse recurso do WordPress 6.6 permite a criação fácil de layouts em grade complexos sem a necessidade de CSS personalizado. Isso facilita o design de layouts de página visualmente atraentes e responsivos com:
- Layouts de grade gerados automaticamente ou definidos manualmente
- Larguras e quantidades de colunas ajustáveis
- Redimensionamento de itens da grade por arrastar e soltar
Margens negativas: layouts criativos
O WordPress 6.6 amplia a capacidade de definir margens negativas para todos os blocos que suportam controles de margem. Esse recurso abre novas possibilidades para layouts criativos, permitindo a sobreposição de elementos e efeitos de design exclusivos.
Eis o que você pode fazer:
- Aplique margens negativas a qualquer bloco
- Crie elementos de design sobrepostos
- Crie layouts complexos com facilidade
Sombras personalizadas: visuais aprimorados
A introdução da criação e edição de sombras personalizadas na interface de Estilos Globais do WordPress 6.6 permite efeitos visuais mais sofisticados. Esse recurso possibilita que os designers criem estilos de sombra exclusivos que podem ser aplicados em seus temas, aprimorando a profundidade e a dimensão de seus designs.
Tente fazer o seguinte:
- Crie e edite sombras personalizadas
- Aplique sombras globalmente ou a elementos específicos
- Aprimore a profundidade visual e a dimensão dos designs
Veja também : Edição completa de sites no WordPress: Guia completo para iniciantes
Predefinições de proporção de aspecto personalizadas: proporções perfeitas
O WordPress 6.6 permite que os desenvolvedores de temas definam predefinições de proporção personalizadas por meio do arquivo theme.json. Esse recurso garante proporções de imagem consistentes em todo o tema, contribuindo para uma aparência mais refinada e profissional dos sites.
Agora você pode fazer o seguinte:
- Defina proporções personalizadas no arquivo theme.json
- Garantir proporções de imagem consistentes
- Aprimorar a coerência visual geral dos temas
Veja também: Os melhores temas do WordPress para seus sites pessoais
Palavras finais: O futuro chegou
À medida que aguardamos o lançamento do WordPress 6.6, fica claro que esta atualização representa mais do que apenas melhorias incrementais; trata-se de uma evolução substancial, concebida para capacitar tanto desenvolvedores quanto usuários.
Com avanços em ferramentas de design, experiência do usuário e recursos técnicos, o WordPress 6.6 prepara o terreno para uma jornada de desenvolvimento web mais fluida e criativa. Prepare-se para explorar novas possibilidades e elevar o nível do seu site com esses recursos inovadores.
