{"id":53725,"date":"2022-10-04T06:59:35","date_gmt":"2022-10-04T09:59:35","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=53725&preview=true&preview_id=53725"},"modified":"2023-08-22T06:00:40","modified_gmt":"2023-08-22T09:00:40","slug":"tema-twenty-twenty-three","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-three\/","title":{"rendered":"Twenty Twenty-Three: Um Novo Tema WordPress Predefinido com a Contribui\u00e7\u00e3o da Comunidade"},"content":{"rendered":"

Twenty Twenty-Three \u00e9 o nov\u00edssimo tema padr\u00e3o do WordPress sendo lan\u00e7ado com WordPress 6.1<\/a>.<\/p>\n

\u00c9 um tema minimalista<\/a>, sem imagens ou funcionalidades adicionais. Ele d\u00e1 o seu melhor como tema inicial para construir templates e varia\u00e7\u00f5es de estilo e tamb\u00e9m testar todas as funcionalidades introduzidas com as \u00faltimas vers\u00f5es do WordPress. O tema pode ser visto como um verdadeiro ambiente de desenvolvimento e teste, embora o estilo minimalista, a capacidade de resposta e a leveza o tornem uma boa op\u00e7\u00e3o para a cria\u00e7\u00e3o de blogs e sites adequados para uma grande variedade de prop\u00f3sitos.<\/p>\n

Em sua introdu\u00e7\u00e3o ao tema Twenty Twenty-Two<\/a>, Kjell Reigstad escreveu sobre o futuro dos temas padr\u00e3o<\/a>:<\/p>\n

Inova\u00e7\u00f5es como theme.json, modelos de blocos e padr\u00f5es de blocos est\u00e3o tornando o desenvolvimento de temas muito mais simples, e est\u00e3o fornecendo novas maneiras para os usu\u00e1rios customizarem seus sites. H\u00e1 raz\u00f5es para acreditar que a comunidade pode alavancar tudo isso para construir temas mais frequentes e diversificados e solu\u00e7\u00f5es de customiza\u00e7\u00e3o para nossos usu\u00e1rios nos pr\u00f3ximos anos.<\/p><\/blockquote>\n

E Channing Ritter fez a seguinte proposta<\/a>:<\/p>\n

E se, ao inv\u00e9s de enfatizarmos o tema em si, n\u00f3s destacamos um conjunto de varia\u00e7\u00f5es de estilo com opini\u00f5es criadas por membros da comunidade? Poder\u00edamos usar Twenty Twenty-Two como base para um novo tema que \u00e9 despojado e m\u00ednimo – uma tela em branco para deixar brilhar uma gama diversificada de varia\u00e7\u00f5es de estilo.<\/p><\/blockquote>\n

E \u00e9 isso que est\u00e1 acontecendo com o novo tema padr\u00e3o do Twenty Twenty-Three. A comunidade foi chamada para participar ativamente no projeto do tema padr\u00e3o do WordPress, e gostamos disso porque ele faz do novo tema o resultado de um trabalho genuinamente participativo.<\/p>\n

\"Twenty
Twenty Twenty-Three<\/figcaption><\/figure>\n\n

Mas antes de descobrir as varia\u00e7\u00f5es de estilo que v\u00eam em conjunto com o novo tema padr\u00e3o do WordPress, vamos descobrir as funcionalidades b\u00e1sicas do Twenty Twenty-Three e para que ele pode ser adequado.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Layouts e estilos de p\u00e1gina<\/h2>\n

Como mencionado acima, Twenty Twenty-Three \u00e9 uma vers\u00e3o despojada de Twenty Twenty-Two. O que \u00e9 marcante no novo tema padr\u00e3o \u00e9 sua simplicidade e leveza. O Twenty Twenty-Three \u00e9 flex\u00edvel e perfeitamente adequado aos mais recentes recursos de edi\u00e7\u00e3o do site do Gutenberg, tais como edi\u00e7\u00e3o de modelos, varia\u00e7\u00f5es de Estilos Globais<\/a>, Tipografia de Fluidos<\/a> e padr\u00f5es de blocos<\/a>.<\/p>\n

Portanto, n\u00e3o ser\u00e1 surpresa que nas telas mostradas neste artigo, voc\u00ea ver\u00e1 p\u00e1ginas m\u00ednimas sem sinos e apitos, mas perfeitamente adequadas para personaliza\u00e7\u00e3o e testes.<\/p>\n

Para lhe dar um exemplo disso, a imagem abaixo mostra p\u00e1ginas com e sem imagens em destaque.<\/p>\n

\"Visualiza\u00e7\u00e3o
Visualiza\u00e7\u00e3o de um \u00fanico artigo com e sem imagem no Twenty Twenty-Three<\/figcaption><\/figure>\n

A imagem a seguir compara a p\u00e1gina inicial com uma p\u00e1gina de arquivo.<\/p>\n

\"P\u00e1gina
P\u00e1gina inicial comparada com a p\u00e1gina de arquivo no Twenty Twenty-Three.<\/figcaption><\/figure>\n

Mesmo que o novo tema seja uma vers\u00e3o simplificada do Twenty Twenty-Two, comparado com o tema padr\u00e3o anterior, Twenty Twenty-Three apresenta algumas diferen\u00e7as-chave.<\/p>\n

Primeiro, o tamanho dos cabe\u00e7alhos foi reduzido e a fonte serif padr\u00e3o foi substitu\u00edda por uma fonte sans serif do sistema.<\/p>\n

\"Tamanhos
Tamanhos de cabe\u00e7alho do Twenty Twenty-Three<\/figcaption><\/figure>\n

Al\u00e9m disso, uma paleta de cores diferentes foi aplicada. Voc\u00ea pode ver a nova defini\u00e7\u00e3o da paleta Twenty Twenty-Three no seguinte c\u00f3digo do theme.json:<\/em><\/p>\n

{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#9DFF20\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#345C00\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\",\n\t\t\t\t\t\"slug\": \"tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t}\n}<\/code><\/pre>\n
\"Cores
Cores padr\u00e3o do Twenty Twenty-Three.<\/figcaption><\/figure>\n
Mas a principal caracter\u00edstica do novo tema padr\u00e3o \u00e9 seu conjunto de varia\u00e7\u00f5es de estilo. Twenty Twenty-Three vem com dez varia\u00e7\u00f5es globais de estilo, cada uma delas mostrando uma combina\u00e7\u00e3o diferente de cores, fam\u00edlia de fontes e tamanhos de fontes.<\/p>\n
\"Estilos
Estilos globais Twenty Twenty-Three<\/figcaption><\/figure>\n
Voc\u00ea encontrar\u00e1 os arquivos JSON correspondentes na pasta Twenty Twenty-Three styles<\/em>.<\/p>\n
Visualiza\u00e7\u00f5es completas dos modelos de p\u00e1gina, estilos e varia\u00e7\u00f5es de estilo de Twenty Twenty-Three est\u00e3o dispon\u00edveis na Figma<\/a>.<\/p>\n
\"Visualiza\u00e7\u00e3o
Visualiza\u00e7\u00e3o das varia\u00e7\u00f5es de estilo do Twenty Twenty-Three na Figma.<\/figcaption><\/figure>\n
Tipografias do Twenty Twenty-Three<\/h2>\n
Em um tema m\u00ednimo como Twenty Twenty-Three, a tipografia desempenha um papel fundamental para tornar o texto leg\u00edvel, o site atraente, oferecendo aos visitantes uma experi\u00eancia de navega\u00e7\u00e3o gratificante, independentemente do dispositivo e do tamanho da tela.<\/p>\n
Para este prop\u00f3sito, Twenty Twenty-Three vem com um novo conjunto de fam\u00edlias de fontes e usa a tipografia fluida introduzida com o WordPress 6.1.<\/p>\n
Tipografias<\/h3>\n
Twenty Twenty-Three apresenta um novo conjunto de fontes usadas em varia\u00e7\u00f5es de estilo e caracterizadas pela simplicidade e variedade:<\/p>\n