Revisão do Tema Vinte e Vinte e Três: Flexível e Orientada para a Comunidade

Publicados: 2023-01-19

Todos os anos, o WordPress lança um novo tema para servir como tema padrão – aquele que vem com cada nova instalação do WordPress. À medida que entramos em 2023, o WordPress lançou sua mais recente oferta de tema para o mundo, Twenty Twenty-Three, que analisaremos aqui.

O cofundador do WordPress, Matt Mullenweg, apresentou o Twenty Twenty Three em seu endereço State of the Word. Este tema pretende ser rápido, leve e acessível, com foco na simplicidade e fácil personalização. Em outras palavras, é a tela em branco perfeita para o seu próximo projeto WordPress. Mas o que o diferencia dos anos anteriores? Um foco intenso no envolvimento da comunidade.

Por esse e outros motivos, vamos examinar mais de perto alguns dos principais recursos desse tema em nossa análise do Twenty Twenty-Three.

análise do tema vinte e vinte e três

Um foco na comunidade

Desde o início, a forte comunidade sempre foi um grande trunfo para o projeto WordPress. Essa é uma das coisas que o torna tão especial. E com Twenty Twenty-Three, eles estão dobrando esse compromisso.

vinte e vinte e três discussão comunitária temática

Este tema é o resultado de meses de feedback e colaboração da comunidade WordPress. Na verdade, eles até realizaram uma série de workshops para coletar informações sobre o que as pessoas queriam ver no novo tema padrão.

O resultado final é algo que parece ter sido feito pela comunidade, para a comunidade. É um belo exemplo do que pode ser realizado quando todos trabalhamos juntos.

Simplicidade domina o design

Quando se trata do design do Twenty Twenty-Three, a simplicidade é o nome do jogo.

A equipe por trás disso se concentrou em duas coisas: velocidade e acessibilidade. Como resultado, eles criaram um design limpo e minimalista que elimina tudo o que é supérfluo. E como é essencialmente uma versão simplificada do tema Twenty Twenty-Two, já é familiar e fácil de usar.

Esse foco na simplicidade se estende ao design de front-end e back-end. O objetivo era tornar o mais fácil possível para qualquer pessoa começar a usar o WordPress, quer esteja construindo seu primeiro site ou o centésimo.

A esse respeito, achamos que eles conseguiram. Twenty Twenty-Three é bonito e organizado, fácil de usar e agradável aos olhos. Mas estamos nos adiantando. Vamos dar uma olhada mais de perto na simplicidade em ação.

Layouts de Barebones voltados para flexibilidade

Uma das coisas que você notará imediatamente ao revisar o Twenty Twenty-Three é que não há muitos layouts pré-construídos para escolher. Na verdade, há praticamente apenas um. Abra qualquer um dos modelos, você verá uma tela em branco e um punhado de blocos para trabalhar. A partir daí, cabe a você construir o layout que deseja.

vinte e vinte e três exemplo de layout

O foco na simplicidade significa que cada layout é fácil de entender e personalizar. E como todos são baseados em um sistema de grade, eles também são simples de mudar na hora.

Se você deseja adicionar uma nova coluna ou mover um elemento, basta arrastá-lo e soltá-lo no lugar. Não há necessidade de se preocupar com códigos confusos ou quebra de coisas - tudo é flexível e fácil de mudar.

Isso pode soar como uma receita para o desastre, especialmente se você estiver acostumado a projetos mais complexos, mas na verdade é bastante libertador. Dá a você a liberdade de criar qualquer tipo de layout que você possa imaginar, sem ser limitado por escolhas pré-existentes.

Opções de layout

Embora haja apenas um layout padrão, o Twenty Twenty-Three inclui as opções usuais para ajustá-lo. Acesse-os clicando em Layouts no menu Estilos no lado direito da tela.

menu de vinte e três estilos globais

A partir daí, você pode selecionar larguras diferentes para a área de conteúdo principal e criar diferentes opções de espaçamento, preenchimento e espaçamento de bloco.

tema vinte e vinte e três: revisão das opções de layout

Configurações de cores

Além das opções de layout, Twenty Twenty-Three também inclui funcionalidade para ajustar as cores do tema. Você também os encontra no menu Estilos em Cores .

Aqui, você pode selecionar diferentes matizes para o plano de fundo, texto, links, cabeçalhos e botões para alterar a aparência do seu site. Os estilos de cores padrão do tema incluem tons de branco, verde e preto. Mas você pode definitivamente personalizar isso ao seu gosto com as configurações usuais.

vinte e vinte três opções de cores

Tipografia

Em seguida, vamos revisar as opções de tipografia que o tema Twenty Twenty-Three inclui pronto para uso. Naturalmente, você os encontra clicando em Tipografia no lado direito da tela.

revisão da opção de tipografia de vinte e três temas

Twenty Twenty-Three vem com um punhado de famílias de fontes, bem como alguns pesos e estilos de fonte diferentes. Os tipos de letra suportados incluem:

  • DM Sans — Uma fonte direta sem serifa que funcionaria muito bem para o corpo do texto.
  • Inter — Outra fonte sem serifa com curvas mais suaves. Também é uma opção adequada para o corpo do texto.
  • IBM Plex Mono — Uma fonte sem serifa com espaçamento mono com estilo de máquina de escrever. Poderia ir bem para títulos ou corpo de texto.
  • Source Serif Pro — Uma fonte com serifa delicada que ficaria fantástica como citações ou títulos.
  • Fonte do sistema — A opção de fallback caso seu navegador não suporte uma das opções de fonte acima.

A tipografia no tema Twenty Twenty-Three concentra-se fortemente no conceito de tipografia fluida. Essa é uma maneira sofisticada de dizer que o tamanho da fonte se ajustará automaticamente para melhor se adequar ao dispositivo em que está sendo visualizado.

especificações de tipografia fluida

Esse é um ótimo recurso, pois garante que seu conteúdo seja sempre fácil de ler, independentemente do dispositivo que alguém esteja usando. E você pode usá-lo para estabelecer um valor mínimo e máximo de tamanho de fonte para o seu site, se desejar fornecer alguns parâmetros.

Além da tipografia fluida, o Twenty Twenty-Three também inclui suporte para espaçamento fluido. Isso significa que a distância entre as linhas do texto também será ajustada automaticamente para melhor se adequar ao dispositivo do usuário.

Recursos como esses são essenciais em uma época em que a visualização móvel está em alta. É simplesmente imperdoável que um site não tenha uma boa aparência em um dispositivo móvel nos dias de hoje.

Variações de estilo

Além das opções individuais de tipografia e estilo, o Twenty Twenty-Three também inclui algumas variações de estilo. As são o verdadeiro destaque do tema e foram criadas com a contribuição de membros da comunidade.

a comunidade contribuiu com variações de estilo para o tema vinte e vinte e três

Você os encontra no menu Estilos globais em Estilos de navegação . Vamos examiná-los bem rápido.

Tom

revisão do pitch, uma variação de estilo do tema vinte e vinte e três

Esta é essencialmente uma versão escura do tema padrão.

Canário

canary vinte e vinte e três variação de estilo de tema

Essa variação de estilo apresenta um esquema de cores amarelo por padrão e utiliza um tamanho de tipo único e colunas estreitas.

Elétrico

revisão de elétrico, uma variação de estilo de vinte e vinte e três temas

Aqui está outra opção interessante que apresenta um fundo cinza com um texto em negrito.

Peregrinação

peregrinação vinte vinte e três variação de estilo de tema

Outra reviravolta sombria no tema base.

calêndula

calêndula vinte e vinte e três variação de estilo de tema

Marigold oferece uma paleta de cores mais suave e um layout direto.

Bloquear

revisão de block out, uma variação de estilo de tema de vinte e vinte e três

Fazendo jus ao seu nome, este tema aplica um efeito duotônico às suas imagens, bloqueando uma parte delas.

Sussurrar

variação de estilo do tema do sussurro vinte e vinte e três

Essa variação de estilo inclui uma borda ao redor da página e alguns estilos exclusivos para botões e links.

Sorvete

revisão de sorvete, uma variação de estilo de vinte e vinte e três temas

O sorvete é brilhante e colorido - e conta com um fundo gradiente, o que significa que está na moda.

Beringela

berinjela vinte vinte e três variação de estilo de tema

Se você está procurando algo mais escuro, Aubergine pode ser uma boa opção. Seu fundo de cores divididas é definitivamente atraente.

Uvas

uvas vinte vinte e três variação de estilo de tema

E, por último, há o Grapes, que é uma opção moderada que serviria bem a um site com muito texto. Você pode ver todas as variações de estilo em ação no Figma - bem como obter uma cópia do tema base.

Como criar sua própria variação de estilo

Você também pode usar o plug-in Create Block Theme para criar suas próprias variações de estilo. Depois de baixar o plug-in, use o WordPress Site Editor para criar um layout personalizado, alterar cores, tipos de letra e fazer qualquer outra alteração que desejar.

Então, quando terminar, tudo que você precisa fazer é criar uma variação de estilo de suas seleções de configurações. Para fazer isso, vá para Aparência > Criar Tema de Bloco e, na próxima tela, selecione a bolha ao lado de Criar uma variação de estilo .

crie variação de estilo com o plug-in de criação de tema de bloco

Dê um nome a ele e clique em Criar tema para gerar automaticamente um novo arquivo .json em seu site.

Modelos Disponíveis

Embora o Twenty Twenty-Three não inclua muitos layouts pré-construídos, ele vem com um punhado de modelos para ajudá-lo a começar a funcionar. Você os encontra no menu Templates , que pode ser acessado clicando no logo no canto superior esquerdo do Editor do Site.

acessar o menu de modelos no editor do site

A partir daí, você pode selecionar um dos seguintes:

  • 404
  • Arquivo
  • Em branco
  • Blogue (Alternativa)
  • Casa
  • Índice
  • Página
  • Procurar
  • Solteiro

Muitos deles são modelos padrão do WordPress de qualquer maneira. Aqueles que são exclusivos do Twenty Twenty-Three incluem Blank, Blog (Alternative) e aquele para a página de erro 404. Você também pode acessar os arquivos desses modelos na pasta de templates .

Peças do modelo

vinte vinte e três revisão de peças de modelo de tema

Existem quatro peças de modelo disponíveis:

  • Comentários
  • Rodapé
  • Cabeçalho
  • Postar meta

Eles são bastante autoexplicativos e acessíveis por meio do menu Partes do modelo ou na pasta de parts do tema Twenty Twenty-Three.

Usos potenciais para o tema Twenty Twenty-Three

Às vezes é útil colocar um tema WordPress em um contexto de uso para ter uma noção se é ou não uma escolha adequada para suas necessidades. Então, que tipo de sites se beneficiariam com o uso do tema Twenty Twenty-Three?

É um tema bastante versátil, por isso é adequado para vários tipos diferentes de sites. Aqui estão alguns exemplos:

  1. Um site de portfólio para um fotógrafo ou outro tipo de artista visual. O foco do tema em imagens e suas diversas opções de estilo o tornam uma ótima opção para esse tipo de site.
  2. Um blog pessoal. Os layouts simples e a tipografia fácil de ler tornam o Twenty Twenty-Three ideal para sites com muito conteúdo.
  3. Um site corporativo. A aparência limpa e profissional do tema também funcionaria bem para o site de uma empresa.
  4. Uma loja online. A integração com WooCommerce significa que esse tema também pode alimentar uma bela loja online.
  5. Um site de notícias. As várias opções de layout e estilos tornam esse tema uma boa escolha para um site que depende muito de texto.

Como você pode ver, o tema Twenty Twenty-Three é uma opção versátil e flexível para diversos tipos de sites. Portanto, se você está procurando um tema para criar um site bonito e moderno, definitivamente vale a pena considerar este.

Revisão Final do Tema Twenty Twenty-Three: Vale a pena dar uma olhada?

Então, o tema Twenty Twenty-Three está à altura?

Se você está procurando um novo tema WordPress, então a resposta é definitivamente sim. O tema está repleto de recursos e opções, e é tão flexível e personalizável quanto você precisa. Além disso, com foco em imagens e várias opções de estilo, é uma ótima opção para diversos tipos de sites.

Além disso, o fato de que esse tema foi derivado do envolvimento da comunidade dá a você mais motivos para experimentá-lo. Afinal, as ideias dos desenvolvedores que trabalham ativamente no WordPress serviram como base para esse tema simplificado.

Então, se você está procurando um novo tema WordPress, não deixe de conferir o Twenty Twenty-Three. Pode ser exatamente o que você precisa ao entrarmos em 2023 e além.

Qual é a sua avaliação pessoal do tema WordPress Twenty Twenty-Three? Como você se sente sobre as variações de estilo? Adoraríamos ouvir seus comentários abaixo!