Twenty Twenty-One

Por the WordPress team
Selecionar este design

Como o nome sugere, o Twenty Twenty-One (que significa “dois mil e vinte e um” em inglês) é o tema padrão do WordPress para 2021! Esse tema é uma tela em branco para você expor suas ideias usando o melhor pincel, o editor de blocos.

Com novos padrões de bloco, que permitem criar um lindo layout em questão de segundos, as cores suaves e o design atraente e atemporal desse tema farão com que seu trabalho se destaque.
O Twenty Twenty-One é ideal para portfólios, sites de negócios ou blogs pessoais.

Três dispositivos diferentes exibindo o tema Twenty Twenty-One

Em uma tela de laptop de 1440 px, a largura da coluna principal tem até 610 px. A largura de bloco “Amplo” tem até 1240 px e a “Largura total” estende toda a largura da tela. Especificações rápidas (todas as medidas em pixels):

  1. Em uma tela de laptop de 1440 px, a largura da coluna principal tem até 610 px com o layout de uma coluna.
  2. Há uma área de widget no rodapé com uma largura de 1040 px.
  3. O tamanho recomendado da imagem destacada é 2000 px de largura por 1200 px de altura.

Padrões

O Twenty Twenty-One vem com suporte para vários dos incríveis padrões de bloco. Personalize os padrões como preferir usando os textos, imagens e cores que melhor se adequarem à sua história ou marca.

Suporte total para o editor de blocos

O editor de blocos no Twenty Twenty-One

O editor de blocos no Twenty Twenty-One

O Twenty Twenty-One foi criado para aproveitar ao máximo todas as funcionalidades do editor de blocos e inclui estilos completos para ele, de forma que o que você vê no editor é igual ao resultado final. O tema também conta com um conjunto completo de cores personalizadas e opções de tipografia, além de suporte para blocos amplos ou com largura total.

Cores de fundo personalizadas

O Twenty Twenty-One oferece uma gama de paletas de cores pré-selecionadas em tons pastéis, que estão de acordo com os padrões de contraste AAA. Você também pode escolher a cor de fundo do tema, e serão definidas automaticamente cores de texto acessíveis!

Um arco-íris de tons pastéis

Para alterar a cor de fundo, acesse Personalizador → Cores.

Altere a cor de fundo do site usando o Personalizador

Edição da cor de fundo usando o Personalizador

As cores dos elementos do seu site são calculadas automaticamente com base nas cores de fundo escolhidas. Isso garante que o contraste de cores seja sempre alto o suficiente para ser acessível a todos os visitantes.

Modo escuro

O Twenty Twenty-One é o primeiro tema padrão compatível com o modo escuro. Ative ou desative o suporte ao modo escuro no painel Personalizador > Cores e modo escuro.

O Personalizador mostrando a configuração para ativar ou desativar o modo escuro

Widgets

O Twenty TwentyOne é compatível com widgets abaixo do conteúdo do site, no rodapé.

Como adicionar conteúdo à sua página inicial

O Twenty Twenty-One é compatível com o editor de blocos. Escolha qualquer um dos blocos disponíveis para criar uma ampla variedade de conteúdo para o seu site. Veja como construímos a página inicial no site de demonstração, bloco por bloco:

O Twenty Twenty-One aceita um logotipo de site, que funciona muito bem como um avatar para um blog pessoal ou para o logotipo ou ícone da sua empresa. Para modificá-lo em seu site, faça o seguinte:

  1. Abra Meu site → Personalizar e clique na seção Identidade do site.
  2. Clique no botão Adicionar logotipo para abrir o gerenciador de mídia.
  3. Faça upload de uma nova imagem ou selecione uma que já esteja na sua biblioteca de mídia.
  4. Clique em Definir logotipo e o seu logotipo aparecerá na visualização.
  5. Clique no botão Publicar, na parte superior, para salvar suas alterações.

Adicionar ícones de redes sociais

O Twenty TwentyOne inclui a opção de definir um menu secundário logo acima do rodapé. Esse é um bom lugar para adicionar links para seus perfis em redes sociais, que serão exibidos como logotipos:

Ícones de rede social

Para isso, primeiro você precisa criar um menu com links para redes sociais. https://youtu.be/3rTooGV_mlg Em seguida, indique onde o menu deve ser inserido:

  1. Vá para Personalizar → Menu.
  2. Selecione o painel Localizações de menu.
  3. Atribua o menu que você criou ao local de links para redes sociais.
  4. Clique no botão Publicar, na parte superior, para salvar suas alterações.

O menu de ícones de redes sociais do Twenty Twenty inclui ícones para:

  • Behance
  • CodePen
  • DeviantArt
  • Docker Hub
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Medium
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • VK
  • WordPress
  • Yelp
  • YouTube

Este tema está disponível para download pra ser usado na instalação do seu site WordPress auto-hospedado.

Fazer download
Você tem alguma dúvida sobre este tema?Escolha esse tema e inicie um site conosco. Nós podemos ajudar!