Revisão do tema Twenty Twenty-Four: todos os recursos, todos os fatos

É aquela época do ano novamente em que somos apresentados a um novo tema WordPress padrão para cravar nossos dentes coletivos. Twenty Twenty-Four já foi lançado e oferece novos recursos, opções de personalização e detalhes dignos de uma revisão completa do tema.

Neste post, veremos tudo o que o novo tema padrão tem a oferecer. Examinaremos o que há de novo, o que foi herdado do Twenty Twenty-Three, bem como os prós e os contras do tema. Dessa forma, você pode decidir se é uma opção para um projeto de site presente ou futuro.

Filosofia de Conceito e Design

Twenty Twenty-Four vem com WordPress 6.4 e anuncia uma mudança significativa na conceituação dos temas WordPress. Pretende ser universalmente adaptável e adequado para qualquer tipo de site e tópico. Para isso, oferece menos um único tema coerente e mais uma grande coleção de padrões de design e estética que você pode combinar de acordo com suas necessidades.

Partida dos temas padrão anteriores do WordPress

No passado, os temas padrão do WordPress geralmente tinham um design mais específico ou focado. Por exemplo, em Twenty Nineteen, o foco estava principalmente na tipografia e o tema funcionava tanto para blogs quanto como modelo para um site de negócios estático.

Da mesma forma, Twenty Twenty, com foco na legibilidade e clareza, era perfeito para escritores e editores. Forneceu uma excelente estrutura para conteúdo textual e grandes recursos visuais. Por outro lado, faltava-lhe a versatilidade necessária para portfólios ou sites multimédia.

Twenty Twenty-One abraçou o minimalismo e era voltado principalmente para blogueiros e pequenas empresas. Sua simplicidade era ideal para sites focados em conteúdo e um layout limpo e direto. No entanto, a paleta de cores suaves padrão não era adequada para nenhum tipo de site.

Esses temas, embora eficazes em seus escopos específicos, eram um tanto limitados em sua usabilidade para uma gama mais ampla de tipos de sites. Cada um tinha uma filosofia de design distinta que, embora atraente, não se traduzia necessariamente em outros tipos de sites.

Twenty Twenty-Four tem um escopo mais amplo

O Twenty Twenty-Four, por outro lado, atende a uma gama mais ampla de casos de uso. Destina-se especificamente a três grupos principais de utilizadores: empresários e proprietários de pequenas empresas, fotógrafos e artistas, bem como escritores e bloggers. Essa abordagem de três focos vem com modelos e padrões versáteis o suficiente para atender às diversas necessidades profissionais e pessoais do site.

Comparar Twenty Twenty-Four com seu antecessor direto, Twenty Twenty-Three, revela uma clara evolução na filosofia de design. Enquanto Twenty Twenty-Three era uma versão mínima de Twenty Twenty-Two, concentrando-se principalmente em variações de estilo enviadas pela comunidade, Twenty Twenty-Four destaca os recursos de design mais recentes do WordPress.

Sua abordagem tem menos a ver com promover um único design abrangente. O foco é mais fornecer uma estrutura invisível que permita aos usuários dar vida às suas visões criativas.

Opções de personalização e flexibilidade

Twenty Twenty-Four traz uma rica paleta de opções de personalização para a mesa. Ele vem com sete variações distintas de estilo global, oferecendo a você a liberdade de escolher e alternar entre diferentes estéticas de design.

Padrão

O estilo padrão do Twenty Twenty-Four vem em um esquema de cores claras com uma cor de fundo não muito branca, detalhes em cinza escuro e uma elegância simples. Ele usa duas famílias de fontes, Cardo para títulos e Inter para corpo de texto. Também oferece dez cores, doze gradientes e cinco duotônicos como parte de suas opções.

Brasa

A variação Ember apresenta uma aparência nova e dinâmica do novo tema padrão. Ele adiciona uma sobreposição laranja brilhante às imagens e muda para Jost e Instrument Sans, ambas fontes sem serifa, enquanto usa cores de fundo suaves para compensar os salpicos de cores vivas.

Fóssil

Em seguida, temos Fóssil. Ele vira a tipografia original de cabeça para baixo usando a fonte serifada para o corpo do texto e usando a fonte sem serifa para os títulos. Em termos de cores, combina tons terrosos (oferecendo cinco diferentes) e usa botões arredondados para um visual mais orgânico. Eu poderia vê-lo como uma ótima opção para um site relacionado ao bem-estar.

Gelo

Essa variação de estilo se alinha ao design do tema padrão e usa a mesma paleta de cores. No entanto, ele apresenta uma fonte de sistema para títulos e a fonte Inter para o corpo do texto. Juntos, eles criam uma estética limpa e nítida que ecoa o cenário original do tema com uma gama sólida de opções de cores e gradientes.

Redemoinho

Maelstrom revoluciona o estilo padrão com uma infinidade de melhorias. Usando uma paleta de cores azul e branco, tem uma abordagem tipográfica semelhante à variação Fossil. A única diferença é que ele usa Jost para cópia do corpo. O resultado é um design que parece elevado, mas moderno.

hortelã

O estilo Mint apresenta um toque refrescante ao incorporar mudanças na paleta de cores e nas famílias de fontes. Ele apresenta Instrument Sans para títulos e Jost para o corpo. Isso resulta em uma estética visual distinta e contemporânea que o diferencia de outras variações. Também deixa você com fome de sorvete de menta.

Ônix

Onyx, a versão escura do estilo padrão, apresenta uma paleta de cores mais elegante (com dez cores impressionantes), bem como combinações de gradiente e duotônico. Atende usuários que buscam uma presença online refinada e sofisticada, com seu esquema de cores elegante e elementos visualmente cativantes.

Ferrugem

Finalmente, a variação do estilo Rust adiciona um esquema de cores arenosas de apenas três tons, mantendo o design original. É uma ótima variação de tema para adicionar uma coloração mais viva, mantendo a natureza discreta de Twenty Twenty-Four.

Vinte e vinte e quatro: modelos de página disponíveis

Twenty Twenty-Four vem equipado com um conjunto abrangente de modelos de página integrados, cada um projetado para acomodar diferentes aspectos do design e funcionalidade do site. Esses modelos são:

1. Postagens individuais — um modelo padrão para postagens individuais de blog.
2. Página com barra lateral – semelhante ao modelo de postagens únicas, mas inclui uma barra lateral, oferecendo espaço adicional para widgets ou informações extras.
3. Resultados da pesquisa — Este modelo é responsável pela exibição do conteúdo pesquisado.
4. Páginas — Um modelo básico para páginas padrão.
5. Página com barra lateral — Uma variação do modelo de página que inclui uma barra lateral.
6. Página com imagem larga — Este modelo oferece uma imagem mais ampla na parte superior com o título e o conteúdo em duas colunas abaixo.
7. Página sem título – Um layout de página sem título de página, oferecendo uma aparência mais limpa para certos tipos de conteúdo.
8. Índice — O modelo padrão para a página inicial ou blog principal. Ele também funciona como modelo substituto para todas as páginas de acordo com a hierarquia do modelo.
9. Home — Projetado especificamente para a página inicial, este modelo pode ser personalizado para criar uma primeira impressão única. É também o exemplo de página inicial que você viu nesta análise do tema Twenty Twenty-Four.
10. Arquivo — Este modelo organiza e exibe perfeitamente o conteúdo em todas as páginas de arquivo, como categorias e tags.
11. Página: 404 — Um modelo para a página de erro 404, permitindo um design personalizado em vez de uma mensagem de erro genérica

Padrões e peças de modelo

Um dos destaques do Twenty Twenty-Four é sua coleção de quase 40 padrões de design, que você pode encontrar em Padrões no Editor do Site. Esses são blocos pré-projetados que você pode personalizar facilmente para criar páginas ou postagens sem precisar fazer isso do zero.

Os padrões vêm em dois sabores: padrões de seção e padrões de página inteira. A primeira variedade inclui itens como banners, frases de chamariz, diferentes maneiras de exibir postagens de blog e galerias de mídia.

Além disso, o tema também vem com oito padrões de página completos. Eles variam desde o padrão inicial comercial que é visível na página inicial padrão do Twenty Twenty-Four em uma visão geral do projeto até uma página sobre e muito mais.

Além desses modelos, Twenty Twenty-Four também inclui partes de modelos, porém são em número reduzido. Há exatamente um cabeçalho e duas partes gerais do modelo. Oficialmente, também existe apenas um para o rodapé, no entanto, você pode encontrar três designs de rodapé adicionais entre os padrões.

No entanto, com esses modelos, peças de modelo e padrões, Twenty Twenty-Four simplifica o fluxo de trabalho de edição. O tema permite construir sites inteiros com o mínimo de customização se desejar, graças à sua ampla gama de templates e à flexibilidade oferecida por seus padrões e peças.

Essa abordagem não apenas torna mais fácil para iniciantes criar sites com aparência profissional, mas também oferece aos designers experientes uma base sólida para construir e personalizar.

Tipografia e Estética

Como vimos anteriormente nas variações de estilo, o tema Twenty Twenty-Four gosta de brincar muito com a tipografia. Um dos pilares centrais aqui, responsável pelo visual sofisticado do estilo padrão, é a fonte Cardo. É uma fonte serifada Old Style que adiciona um pouco de refinamento à aparência do site.

Esta escolha de fonte reflete uma tendência de design contemporâneo que prioriza a sofisticação estética, mantendo um toque clássico. Isso o torna particularmente adequado para sites que buscam uma aparência elegante e sofisticada.

Para texto de parágrafo, o estilo padrão Twenty Twenty-Four usa a fonte Inter, garantindo que o texto seja limpo e fácil de ler. Esta escolha melhora a legibilidade geral do site, tornando o conteúdo mais acessível e envolvente para os visitantes. O Inter complementa a elegância do Cardo, equilibrando sofisticação com praticidade e contribuindo para uma interface moderna e amigável.

Além dessas duas fontes, Twenty Twenty-Four também inclui as famílias de fontes Jost e Instrument Sans em algumas de suas variações de estilo. Essas fontes permitem ainda que você escolha a tipografia que melhor se adapta à personalidade e aos objetivos de design do seu site. Além disso, você também pode escolher entre fontes de sistema sem serifa e serifa.

No geral, a paleta de cores padrão do Twenty Twenty-Four é clara, oferecendo uma aparência nova e convidativa assim que sai da caixa. Esta paleta de luz realça o apelo visual do local, criando uma atmosfera acolhedora e moderna.

As variações de estilo cuidadosamente selecionadas mencionadas acima funcionam perfeitamente com os padrões e modelos do tema. Eles oferecem muitas opções para personalizar o design do seu site, garantindo que Twenty Twenty-Four possa se adaptar a uma ampla gama de preferências e necessidades visuais.

Desafios e Limitações

Conforme visto nesta análise, o tema Twenty Twenty-Four traz uma série de recursos e capacidades impressionantes para a mesa. No entanto, é importante reconhecer que nenhum tema está isento de desafios ou limitações. Aqui estão alguns aspectos importantes a serem considerados:

• Complexidade comparativa — Twenty Twenty-Four, com todas as suas opções personalizáveis ​​e recursos avançados, pode apresentar uma curva de aprendizado mais acentuada em comparação com seus antecessores. Isso pode ser particularmente desafiador para iniciantes em WordPress ou para aqueles acostumados com temas mais simples.
• Equilibrando flexibilidade e simplicidade — A flexibilidade do tema, embora seja um ponto forte, também pode criar problemas para alguns. Com mais opções para escolher, algumas pessoas podem achar mais demorado configurar seu site exatamente como desejam – ou simplesmente não é tão óbvio como proceder. É o caso de ter muitas opções.
• Rico em recursos versus velocidade – Embora o tema ofereça uma variedade de recursos e opções de personalização, eles podem impactar potencialmente a velocidade de carregamento e o desempenho geral do site. Isso é especialmente verdadeiro para aqueles que podem não estar familiarizados com a otimização da velocidade do site junto com designs ricos em recursos.
• Abordagem de tamanho único – Embora o tema pretenda ser multifuncional e adaptável a vários nichos, ele pode não atender às necessidades ou preferências específicas de todos os usuários. Certos sites de nicho podem exigir temas mais especializados para transmitir com eficácia sua marca ou mensagem exclusiva.

Desempenho e Otimização

Ao avaliar um tema WordPress, o desempenho é um fator crítico. Um tema que parece ótimo, mas carrega lentamente ou prejudica a eficiência do site, pode impactar negativamente a experiência do usuário e as classificações de SEO.

Com a formação da equipe Core Performance, o projeto WordPress recentemente enfatizou novamente a importância de tornar a velocidade de carregamento um recurso central. Isso também foi levado em consideração durante a produção de Twenty Twenty-Four. Os colaboradores observaram e abordaram questões de desempenho.

Aparentemente com sucesso. Um rápido teste de desempenho em um site temporário não revelou nenhum problema evidente de velocidade. GTmetrix deu-lhe um B em desempenho com um OK Largest Contentful Paint de 1,8 segundos. Para uma página inicial bastante longa e completamente não otimizada, com inúmeras imagens, isso é aceitável.

Claro, esta não é realmente uma amostra representativa, pois a velocidade de carregamento da página depende de vários fatores, mas aponta para uma base sólida para um site com bom desempenho. Também é importante observar que ainda mais melhorias de desempenho e correções são prometidas para a versão 6.5 do WordPress.

Coloque o tema vinte e vinte e quatro à prova

Ao encerrarmos nossa análise do Twenty Twenty-Four, fica claro que este último tema padrão do WordPress é um ousado avanço. Oferece uma mistura de sofisticação e versatilidade e se destaca legitimamente por sua ampla gama de opções de personalização.

O uso cuidadoso de fontes como Cardo e uma paleta de cores flexível aumentam o apelo estético. A infinidade de modelos e partes de modelos incluídos atendem às diversas necessidades do site.

No geral, o tema é uma ótima demonstração dos recursos que o WordPress oferece para design de temas e sites. Ele convida usuários de todos os níveis de habilidade a tirar vantagem deles.

Você está planejando fazer sua própria análise de Twenty Twenty-Four? Compartilhe suas idéias e planos sobre como adotar esse novo tema padrão nos comentários abaixo!