O novo tema Twenty Twenty no WordPress 5.3

Algumas semanas atrás, a nova versão do WordPress foi lançada. O WordPress 5.3 é caracterizado, principalmente, por todas as melhorias de UX e UI que inclui no editor de blocos e por seu novo tema padrão.

Twenty Twenty foi projetado com o editor de blocos do WordPress em mente. No post de hoje, gostaria de apresentar brevemente o novo tema, compartilhar com vocês algumas das coisas que o tornam especial e ensinar como configurá-lo e adaptá-lo às suas necessidades.

Vinte e vinte em um relance

A cada nova atualização do WordPress , o editor de blocos dá um salto qualitativo (não esqueça que o próprio editor está em desenvolvimento muito ativo e disponível como plugin). O objetivo final do Gutenberg é se tornar um construtor de páginas completo e fácil de usar, que permite aos usuários projetar e estruturar seus sites como desejarem.

A responsabilidade de um tema WordPress é adicionar alguma personalidade à estrutura e design criados pelo usuário no editor de blocos. Conforme definido pelo criador do tema:

Twenty Twenty é projetado com flexibilidade em seu núcleo. Se você quiser usá-lo para uma organização ou empresa, poderá combinar colunas, grupos e mídia com alinhamentos amplos e completos para criar layouts dinâmicos para exibir seus serviços ou produtos. Se você quiser usá-lo para um blog tradicional, a coluna de conteúdo centralizado também o torna perfeito para isso.

Anders Noren

Um fato interessante sobre o novo tema padrão do WordPress é que, ao contrário de seus antecessores, ele não foi criado do zero – é baseado em um tema que já existia no repositório do WordPress.org: Chaplin .

Outra característica que distingue o Twenty Twenty é a tipografia que o acompanha, Inter, desenhada por Rasmus Andersson. É uma fonte gratuita e aberta criada para facilitar a leitura de texto, principalmente quando o tamanho da fonte é muito pequeno.

Como instalar o novo tema Twenty Twenty

Como já mencionei, este tema é o novo tema padrão no WordPress 5.3. Portanto, se você estiver criando uma nova instalação do WordPress e usar sua versão mais recente, o tema já estará lá.

Mas também é possível instalá-lo em versões anteriores do WordPress . Basta acessar Aparência » Temas » Adicionar novo e procurar o tema “Vinte e vinte”:

Lembre-se de que o tema foi projetado com o Gutenberg em mente, então recomendo que você o use apenas se criar seu conteúdo com o editor de blocos.

Como personalizar vinte e vinte

O tema é facilmente personalizável a partir do personalizador de temas integrado do WordPress. Clique em Aparência » Personalizar e você verá todas as opções disponíveis:

Tenho certeza que você já está familiarizado com a maioria das configurações disponíveis, então vamos dar uma olhada mais de perto naquelas que eu acho que são as mais interessantes. Uma das primeiras coisas que eu pessoalmente ajustaria no Twenty Twenty é sua paleta de cores, porque não gosto do tom sépia que ele usa por padrão. Em vez disso, eu usaria algo mais branco:

Pós Aparência

Por padrão, a aparência dos posts do blog é sóbria e elegante. Como você pode ver na captura de tela a seguir, o título aparece ao lado de algumas meta-informações (autor, data de publicação, categoria), todas mostradas com destaque e de maneira muito clara:

E logo após o título vem a imagem em destaque, que mais ou menos combina com o conteúdo.

Se você não usa imagens em destaque (ou as usa apenas de vez em quando), essa visualização padrão é provavelmente a melhor. Mas se você usar imagens em destaque em todos os seus posts, eu recomendo que você altere os templates dos seus posts para Full Width Template :

Com este template, a imagem em destaque se torna ainda mais relevante e é mesclada com o título e os metadados do post. Como você pode ver, a imagem terá a primeira dobra completamente:

que é um recurso que acho bem legal (não é surpresa aqui, pois é bem próximo do que estamos usando em nosso próprio site, certo? ?)

Menus

Outra coisa que gosto no tema é que ele permite criar vários menus, dependendo do estilo que você mais gosta. Por um lado, podemos escolher entre duas opções de menu para a área de trabalho:

• Menu horizontal . É o menu mostrado em todas as capturas de tela anteriores. As opções estão sempre visíveis na barra superior do seu site.

• Menu estendido . É um “menu oculto”. Para revelá-lo, basta clicar no ícone de reticências (ao lado do menu anterior) e o menu estendido deslizará do canto direito:

Outro feito bem legal é o menu social. Com ele, podemos adicionar links para nossas redes sociais e o tema mostrará automaticamente cada perfil como um botão com o ícone da rede social em questão:

Isso não é algo novo para este tema (está disponível há algum tempo, agora, em todos os temas Twenty-something), mas eu ainda o amo de qualquer maneira.

Widgets e pesquisa

Por fim, também vale a pena mencionar as áreas de widgets que o tema inclui. Infelizmente, as opções que temos aqui são bastante limitadas: você só pode adicionar widgets no rodapé. Então, se você quiser ter uma barra lateral em seu blog ou algo parecido, temo que você tenha que criar um tema filho e adaptar os templates às suas necessidades.

Em relação aos recursos de pesquisa integrados do WordPress, o tema inclui um formulário rápido para pesquisar coisas em seu blog. Há um botão no menu com um ícone de pesquisa. Clique nele e a caixa de pesquisa aparecerá na parte superior da tela via JavaScript:

Resumo

O tema Twenty Twenty é o próximo passo da série Twenty que vem com cada nova versão do WordPress. Eu não diria que é um tema revolucionário, mas na minha opinião é um tema muito elegante que se integra perfeitamente aos novos recursos e capacidades do WordPress. Se você está pensando em atualizar para um novo tema e não sabe qual usar, dê uma chance ao Twenty Twenty. É rápido e fica muito bonito.

Imagem em destaque por Ankhesenamun 96 no Unsplash.