{"id":70059,"date":"2024-10-21T09:44:17","date_gmt":"2024-10-21T12:44:17","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=70059&#038;preview=true&#038;preview_id=70059"},"modified":"2024-10-28T11:25:58","modified_gmt":"2024-10-28T14:25:58","slug":"tema-twenty-twenty-five","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/","title":{"rendered":"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress"},"content":{"rendered":"<p>Baseado na ideia de que coisas simples devem ser intuitivas enquanto coisas complexas devem ser poss\u00edveis, o <a href=\"https:\/\/make.wordpress.org\/core\/2024\/08\/15\/introducing-twenty-twenty-five\/\">Twenty Twenty-Five<\/a> \u00e9 um tema padr\u00e3o do WordPress flex\u00edvel e facilmente extens\u00edvel, projetado para ajudar as pessoas a contar hist\u00f3rias, gra\u00e7as aos seus diversos padr\u00f5es e estilos.<\/p>\n<p>O Twenty Twenty-Five ser\u00e1 lan\u00e7ado junto com o WordPress 6.7. Ele vem com um amplo conjunto de imagens inspiradoras do <a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a>, o reposit\u00f3rio gratuito de imagens compartilhadas pela e para a comunidade WordPress. Essas imagens est\u00e3o incorporadas nos padr\u00f5es de blocos do Twenty Twenty-Five, prontas para serem usadas para contar hist\u00f3rias que evocam &#8220;ideias de imperman\u00eancia, a passagem do tempo e a evolu\u00e7\u00e3o cont\u00ednua.&#8221;<\/p>\n<p>A fun\u00e7\u00e3o central dos padr\u00f5es no Twenty Twenty-Five \u00e9 uma evid\u00eancia de como o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/conceitos-basicos-temas-wordpress\/\">desenvolvimento de temas em blocos<\/a> est\u00e1 se concentrando cada vez mais na interface do editor do site e menos na escrita de c\u00f3digos PHP e JavaScript.<\/p>\n<p>Agora, at\u00e9 mesmo usu\u00e1rios sem habilidades avan\u00e7adas de codifica\u00e7\u00e3o podem criar um tema. Voc\u00ea s\u00f3 precisa ter uma boa no\u00e7\u00e3o de como o <code>theme.json<\/code> funciona e de como <a href=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/\">criar padr\u00f5es de blocos<\/a>.<\/p>\n<p>Os templates e partes de template que voc\u00ea ver\u00e1 no Twenty Twenty-Five s\u00e3o cole\u00e7\u00f5es de blocos aninhados, padr\u00f5es e partes de template que comp\u00f5em os elementos estruturais de cada tipo de layout.<\/p>\n<p>O Twenty Twenty-Five \u00e9 um excelente exemplo da filosofia de democratiza\u00e7\u00e3o do design, e este artigo mostrar\u00e1 a voc\u00ea sua estrutura em detalhes.<\/p>\n<p>O Twenty Twenty-Five \u00e9 um excelente exemplo para voc\u00ea aprender tudo sobre os temas de blocos do WordPress e, se tiver lido nossa <a href=\"https:\/\/kinqsta.com\/pt\/blog\/theme-json\/\">introdu\u00e7\u00e3o ao <code>theme.json<\/code><\/a>, poder\u00e1 criar seus pr\u00f3prios temas do WordPress e compartilh\u00e1-los com todo o ecossistema.<\/p>\n<p>Mas vamos direto ao ponto e come\u00e7aremos nossa jornada pelo Twenty Twenty-Five, o pr\u00f3ximo tema padr\u00e3o do WordPress.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Padr\u00f5es e partes de templates<\/h2>\n<p>O Twenty Twenty-Five fornece v\u00e1rios padr\u00f5es de blocos e partes de templates que ajudam os usu\u00e1rios do WordPress a criar seus artigos e p\u00e1ginas em minutos. Esses padr\u00f5es e partes de templates foram projetados para v\u00e1rias finalidades, como landing page, produtos e servi\u00e7os, eventos, call to action (CTA), p\u00e1ginas sobre e muito mais.<\/p>\n<p>Na pasta do tema, voc\u00ea encontrar\u00e1 os arquivos correspondentes nos diret\u00f3rios <code>parts<\/code> e <code>patterns<\/code>. Ao abrir qualquer arquivo de parte de template, voc\u00ea ver\u00e1 que cada parte de template inclui apenas um link para um padr\u00e3o de bloco. Aqui est\u00e1 o c\u00f3digo da parte do template <code>header.html<\/code>:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/header\"} \/--&gt;<\/code><\/pre>\n<p>As partes de template tamb\u00e9m precisam ser registradas, por isso, voc\u00ea as encontrar\u00e1 listadas no <code>theme.json<\/code> do Twenty Twenty-Five, sob a propriedade <code>templateParts<\/code>.<\/p>\n<pre><code class=\"language-json\">{\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"area\": \"header\",\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer-newsletter\",\n\t\t\t\"title\": \"Footer Newsletter\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"right-aligned-sidebar\",\n\t\t\t\"title\": \"Right Aligned Sidebar\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"sidebar\",\n\t\t\t\"title\": \"Sidebar\"\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>A propriedade <code>area<\/code> determina a se\u00e7\u00e3o da p\u00e1gina em que uma parte de template se encaixa e a categoria correspondente, <code>name<\/code> \u00e9 o slug da parte de template e <code>title<\/code> \u00e9 a string de texto usada para criar uma etiqueta que identifica a parte de template na tela.<\/p>\n<figure id=\"attachment_185723\" aria-describedby=\"caption-attachment-185723\" style=\"width: 2060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185723 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-template-parts.jpg\" alt=\"Partes de template Twenty Twenty-Five no WordPress 6.7\" width=\"2060\" height=\"1244\"><figcaption id=\"caption-attachment-185723\" class=\"wp-caption-text\">Partes de template Twenty Twenty-Five no WordPress 6.7<\/figcaption><\/figure>\n<p>A pasta <code>patterns<\/code> do tema Twenty Twenty-Five inclui um bom n\u00famero de arquivos <code>.php<\/code>. Voc\u00ea pode abrir qualquer um desses arquivos e verificar o c\u00f3digo para saber como o padr\u00e3o de bloco \u00e9 criado.<\/p>\n<p>Esses padr\u00f5es fornecem excelentes exemplos de recursos avan\u00e7ados do WordPress recentemente adicionados ao n\u00facleo. Por exemplo, o arquivo <code>copyright.php<\/code> inclui o seguinte c\u00f3digo:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:paragraph {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"twentytwentyfive\/copyright\"\n\t\t\t}\n\t\t}\n\t},\n\t\"className\":\"copyright\",\n\t\"textColor\":\"primary\",\n\t\"fontSize\":\"small\"\n} --&gt;\n&lt;p class=\"copyright has-primary-color has-text-color has-small-font-size\"&gt;&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Voc\u00ea pode ver rapidamente que esse padr\u00e3o usa o recurso <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings<\/a> introduzido no WordPress 6.5 para gerar dinamicamente o conte\u00fado do texto Copyright.<\/p>\n<p>Aqui, o atributo <code>content<\/code> do padr\u00e3o Copyright est\u00e1 conectado a uma fonte definida no tema Twenty Twenty-Five.<\/p>\n<figure id=\"attachment_185724\" aria-describedby=\"caption-attachment-185724\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185724 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-copyright-pattern.png\" alt=\"Padr\u00e3o Copyright do Twenty Twenty-Five.\" width=\"2134\" height=\"796\"><figcaption id=\"caption-attachment-185724\" class=\"wp-caption-text\">Padr\u00e3o Copyright do Twenty Twenty-Five.<\/figcaption><\/figure>\n<p>Se voc\u00ea estiver se perguntando onde essa string de texto est\u00e1 definida, verifique o arquivo <code>functions.php<\/code> do Twenty Twenty-Five e encontre o seguinte c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">\/**\n * Register block binding sources.\n *\/\nif ( ! function_exists( 'twentytwentyfive_register_block_bindings' ) ) :\n\t\/**\n\t * Register the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return void\n\t *\/\n\tfunction twentytwentyfive_register_block_bindings() {\n\t\tregister_block_bindings_source(\n\t\t\t'twentytwentyfive\/copyright',\n\t\t\tarray(\n\t\t\t\t'label'\t\t\t\t\t=&gt; _x( '&copy; YEAR', 'Label for the copyright placeholder in the editor', 'twentytwentyfive' ),\n\t\t\t\t'get_value_callback'\t=&gt; 'twentytwentyfive_copyright_binding',\n\t\t\t)\n\t\t);\n\t}\nendif;\nadd_action( 'init', 'twentytwentyfive_register_block_bindings' );<\/code><\/pre>\n<p><code>'&copy; YEAR'<\/code> gera a string de texto exibida na p\u00e1gina, enquanto o callback <code>twentytwentyfive_copyright_binding<\/code> fornece a string de texto formatada:<\/p>\n<pre><code class=\"language-php\">\/**\n * Register block binding callback function for the copyright.\n *\/\nif ( ! function_exists( 'twentytwentyfive_copyright_binding' ) ) :\n\t\/**\n\t * Callback function for the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return string Copyright text.\n\t *\/\n\tfunction twentytwentyfive_copyright_binding() {\n\t\t$copyright_text = sprintf(\n\t\t\t\/* translators: 1: Copyright symbol or word, 2: Year *\/\n\t\t\tesc_html__( '%1$s %2$s', 'twentytwentyfive' ),\n\t\t\t'&copy;',\n\t\t\twp_date( 'Y' ),\n\t\t);\n\n\t\treturn $copyright_text;\n\t}\nendif;<\/code><\/pre>\n<p>Se tudo isso parece um pouco complicado, pense em como \u00e9 f\u00e1cil para o usu\u00e1rio criar layouts complexos simplesmente usando os elementos dispon\u00edveis.<\/p>\n<p>Pense tamb\u00e9m em como \u00e9 f\u00e1cil para um desenvolvedor criar templates e padr\u00f5es de blocos gerando seu c\u00f3digo diretamente no editor do site. E a integra\u00e7\u00e3o com a API Block Bindings abre as portas para infinitas possibilidades de integra\u00e7\u00e3o com fontes de dados externas.<\/p>\n<p>O Twenty Twenty-Five oferece outros bons exemplos de uso de padr\u00f5es de blocos. Por exemplo, voc\u00ea pode criar layouts avan\u00e7ados simplesmente juntando padr\u00f5es existentes em outros padr\u00f5es.<\/p>\n<p>Ao procurar padr\u00f5es no Editor de Sites, voc\u00ea pode ver v\u00e1rios layouts de p\u00e1gina de destino na categoria de padr\u00e3o <strong>Pages<\/strong>.<\/p>\n<figure id=\"attachment_185726\" aria-describedby=\"caption-attachment-185726\" style=\"width: 2188px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185726 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-pages-patterns.jpg\" alt=\"Padr\u00f5es de p\u00e1ginas do Twenty Twenty-Five.\" width=\"2188\" height=\"1438\"><figcaption id=\"caption-attachment-185726\" class=\"wp-caption-text\">Padr\u00f5es de p\u00e1ginas do Twenty Twenty-Five.<\/figcaption><\/figure>\n<p>Esses padr\u00f5es s\u00e3o layouts pr\u00e9-criados e est\u00e3o prontos para voc\u00ea usar em suas p\u00e1ginas. Quando voc\u00ea cria uma nova p\u00e1gina, o editor exibe uma sobreposi\u00e7\u00e3o na qual voc\u00ea pode escolher um padr\u00e3o de bloco. Talvez voc\u00ea queira come\u00e7ar com um padr\u00e3o de Landing page e personaliz\u00e1-lo de acordo com suas necessidades.<\/p>\n<figure id=\"attachment_185727\" aria-describedby=\"caption-attachment-185727\" style=\"width: 2196px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185727 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-choose-a-pattern.jpg\" alt=\"Escolha um template para a sua p\u00e1gina.\" width=\"2196\" height=\"1448\"><figcaption id=\"caption-attachment-185727\" class=\"wp-caption-text\">Escolha um template para a sua p\u00e1gina.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode alterar o template de p\u00e1gina padr\u00e3o e usar aquele que melhor se adapta ao seu projeto.<\/p>\n<figure id=\"attachment_185729\" aria-describedby=\"caption-attachment-185729\" style=\"width: 2192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185729 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-choose-a-template.jpg\" alt=\"Escolha um modelo para sua p\u00e1gina\" width=\"2192\" height=\"1448\"><figcaption id=\"caption-attachment-185729\" class=\"wp-caption-text\">Escolha um modelo para sua p\u00e1gina<\/figcaption><\/figure>\n<p>Agora vamos nos aprofundar no c\u00f3digo da <strong>Landing page para Livro<\/strong>. V\u00e1 at\u00e9 a pasta <code>patterns<\/code> do Twenty Twenty-Five e abra <code>page-landing-book.php<\/code>. Voc\u00ea dever\u00e1 ver o seguinte c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Landing page for Book\n * Slug: twentytwentyfive\/page-landing-book\n * Categories: twentytwentyfive_page, featured\n * Keywords: starter\n * Block Types: core\/post-content\n * Post Types: page, wp_template\n * Viewport width: 1400\n * Description: A landing page for the book with a hero section, pre-order links, locations, FAQs and newsletter signup.\n *\n * @package WordPress\n * @subpackage Twenty_Twenty_Five\n * @since Twenty Twenty-Five 1.0\n *\/\n\n?&gt;\n\n&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/hero-book\"} \/--&gt;\n&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/cta-book-links\"} \/--&gt;\n&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/banner-about-book\"} \/--&gt;\n&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/cta-book-locations\"} \/--&gt;\n&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/text-faqs\"} \/--&gt;\n&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/newsletter-sign-up\"} \/--&gt;<\/code><\/pre>\n<p>Voc\u00ea ver\u00e1 o seguinte c\u00f3digo: \u00c9 apenas uma cole\u00e7\u00e3o de padr\u00f5es de blocos. Isso deve demonstrar como \u00e9 f\u00e1cil criar layouts complexos tanto para desenvolvedores quanto para usu\u00e1rios. Os desenvolvedores podem criar partes de templates complexos e padr\u00f5es de blocos simplesmente aninhando padr\u00f5es pr\u00e9-constru\u00eddos em outros padr\u00f5es com apenas alguns cliques. Criar uma Landing page nunca foi t\u00e3o f\u00e1cil.<\/p>\n<h2>Estilos<\/h2>\n<p>O Twenty Twenty-Five apresenta um conjunto variado de fontes compat\u00edveis com v\u00e1rios idiomas e um bom n\u00famero de paletas de cores predefinidas agrupadas como varia\u00e7\u00f5es de estilo.<\/p>\n<h3>Fontes<\/h3>\n<p>O Twenty Twenty-Five inclui 9 fontes com muitas variantes. Voc\u00ea pode selecionar as fontes que deseja usar em seu site na interface de estilos globais, em <strong>Tipografia<\/strong>.<\/p>\n<figure id=\"attachment_186051\" aria-describedby=\"caption-attachment-186051\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186051 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-fonts.jpg\" alt=\"Fontes do tema Twenty Twenty-Five.\" width=\"1966\" height=\"1400\"><figcaption id=\"caption-attachment-186051\" class=\"wp-caption-text\">Fontes do tema Twenty Twenty-Five.<\/figcaption><\/figure>\n<p>Essas fam\u00edlias de fontes s\u00e3o armazenadas na pasta Twenty Twenty-Five <code>assets\/fonts<\/code> e registradas em <code>theme.json<\/code>.<\/p>\n<p>O fragmento abaixo registra cinco variantes da fam\u00edlia de fontes <strong>Fira Code<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Fira Code\",\n\t\t\t\t\t\"slug\": \"fira-code\",\n\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\", monospace\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Light.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"300\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Regular.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"400\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Medium.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"500\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-SemiBold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"600\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Bold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"700\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t...\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>A imagem a seguir mostra as variantes da fonte Fira Code no editor do site.<\/p>\n<figure id=\"attachment_185730\" aria-describedby=\"caption-attachment-185730\" style=\"width: 2488px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185730 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-fira-code.jpg\" alt=\"Variantes da fonte Fira Code\" width=\"2488\" height=\"1396\"><figcaption id=\"caption-attachment-185730\" class=\"wp-caption-text\">Variantes da fonte Fira Code no editor do site<\/figcaption><\/figure>\n<p>O Twenty Twenty-Five tamb\u00e9m vem com 8 tipos de tipografia. Basta selecionar uma delas na se\u00e7\u00e3o <strong>Tipografia<\/strong> da interface de Estilos Globais, e ela ser\u00e1 aplicada em todo o seu site.<\/p>\n<figure id=\"attachment_186052\" aria-describedby=\"caption-attachment-186052\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186052 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-typesets.jpg\" alt=\"Tipos de fontes do Twenty Twenty-Five\" width=\"1966\" height=\"1128\"><figcaption id=\"caption-attachment-186052\" class=\"wp-caption-text\">Tipos de fontes do Twenty Twenty-Five<\/figcaption><\/figure>\n<p>Se voc\u00ea escolher a op\u00e7\u00e3o de tipografia n\u00famero 7, &#8220;Platypi &#038; Literata&#8221;, essas duas fontes ser\u00e3o automaticamente aplicadas a todos os elementos do seu site: Literata ser\u00e1 usada para a maioria dos elementos de texto, enquanto Platypi ser\u00e1 aplicada ao t\u00edtulo do site, cabe\u00e7alhos e blocos de bot\u00e3o.<\/p>\n<p>Essa predefini\u00e7\u00e3o est\u00e1 registrada no arquivo <code>typography-preset-6.json<\/code> em <code>styles\/typography<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"title\": \"Platypi & Literata\",\n\t\"slug\": \"typography-preset-6\",\n\t\"styles\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var:preset|font-family|literata\",\n\t\t\t\"fontSize\": \"var:preset|font-size|large\",\n\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\"fontWeight\": \"300\",\n\t\t\t\"letterSpacing\": \"-0.24px\",\n\t\t\t\"lineHeight\": \"1.3\"\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/site-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.6px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.96px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"button\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>Cores<\/h3>\n<p>O Twenty Twenty-Five fornece uma paleta padr\u00e3o com 8 cores. Essas cores s\u00e3o definidas em <code>theme.json<\/code> da seguinte forma:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\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\": \"#111111\",\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\": \"#FFEE58\",\n\t\t\t\t\t\"name\": \"Accent 1\",\n\t\t\t\t\t\"slug\": \"accent-1\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6CFF4\",\n\t\t\t\t\t\"name\": \"Accent 2\",\n\t\t\t\t\t\"slug\": \"accent-2\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#503AA8\",\n\t\t\t\t\t\"name\": \"Accent 3\",\n\t\t\t\t\t\"slug\": \"accent-3\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#686868\",\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\": \"#FBFAF3\",\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\": \"#11111133\",\n\t\t\t\t\t\"name\": \"Opacity 20%\",\n\t\t\t\t\t\"slug\": \"opacity-20\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t...\n}<\/code><\/pre>\n<figure id=\"attachment_186054\" aria-describedby=\"caption-attachment-186054\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186054 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-default-color-palette.jpg\" alt=\"Paleta de cores padr\u00e3o do Twenty Twenty-Five.\" width=\"1966\" height=\"1280\"><figcaption id=\"caption-attachment-186054\" class=\"wp-caption-text\">Paleta de cores padr\u00e3o do Twenty Twenty-Five.<\/figcaption><\/figure>\n<p>O Twenty Twenty-Five tamb\u00e9m oferece 8 paletas de cores adicionais definidas como varia\u00e7\u00f5es de estilo. Voc\u00ea pode encontr\u00e1-las na pasta <code>styles\/colors<\/code> do tema.<\/p>\n<p>A imagem abaixo mostra a paleta de cores Sunrise.<\/p>\n<figure id=\"attachment_186055\" aria-describedby=\"caption-attachment-186055\" style=\"width: 1964px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186055 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-sunrise-color-palette.jpg\" alt=\"Paleta de cores Sunrise.\" width=\"1964\" height=\"1268\"><figcaption id=\"caption-attachment-186055\" class=\"wp-caption-text\">Paleta de cores Sunrise.<\/figcaption><\/figure>\n<h2>Templates<\/h2>\n<p>O Twenty Twenty-Five tamb\u00e9m oferece um conjunto consider\u00e1vel de templates para voc\u00ea criar qualquer tipo de blog. Voc\u00ea pode criar blogs pessoais com uma quantidade consistente de texto, blogs de fotos e portf\u00f3lios com v\u00e1rias estruturas de layout e blogs mais estruturados destinados a uma variedade de finalidades.<\/p>\n<figure id=\"attachment_185804\" aria-describedby=\"caption-attachment-185804\" style=\"width: 2274px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185804 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-templates.jpg\" alt=\"Templates do Twenty Twenty-Five no editor de sites.\" width=\"2274\" height=\"2172\"><figcaption id=\"caption-attachment-185804\" class=\"wp-caption-text\">Templates do Twenty Twenty-Five no editor de sites.<\/figcaption><\/figure>\n<p>As imagens a seguir mostram <a href=\"https:\/\/www.figma.com\/design\/dzGCSntVch4EQdVERTqyVK\/Twenty-Twenty-Five?node-id=16-14852\" target=\"_blank\" rel=\"noopener noreferrer\">uma pr\u00e9via dos templates de blog do Twenty Twenty-Five da Figma<\/a>. Aqui est\u00e3o alguns dos templates de blogs pessoais.<\/p>\n<figure id=\"attachment_185827\" aria-describedby=\"caption-attachment-185827\" style=\"width: 2090px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185827 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-personal-blog-templates.jpg\" alt=\"Templates de blog pessoal Twenty Twenty-Five da Figma.\" width=\"2090\" height=\"1570\"><figcaption id=\"caption-attachment-185827\" class=\"wp-caption-text\">Templates de blog pessoal Twenty Twenty-Five da Figma.<\/figcaption><\/figure>\n<p>E aqui est\u00e3o alguns dos templates de fotoblog.<\/p>\n<figure id=\"attachment_185826\" aria-describedby=\"caption-attachment-185826\" style=\"width: 1568px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185826 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-photoblog-templates.jpg\" alt=\"Templates de fotoblog do Twenty Twenty-Five no Figma.\" width=\"1568\" height=\"1236\"><figcaption id=\"caption-attachment-185826\" class=\"wp-caption-text\">Templates de fotoblog do Twenty Twenty-Five no Figma.<\/figcaption><\/figure>\n<p>Os templates Twenty Twenty-Five s\u00e3o minimalistas e projetados para oferecer uma interface simples e clara. Assim como as partes de template, os templates s\u00e3o fortemente baseados em padr\u00f5es de blocos. Para ter uma ideia, abra um dos arquivos <code>.html<\/code> que voc\u00ea pode encontrar na pasta <code>templates<\/code> do tema Twenty Twenty-Five e verifique o c\u00f3digo. Abaixo est\u00e1 o c\u00f3digo-fonte do arquivo <code>archive.html<\/code>:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:template-part {\"slug\":\"header\",\"area\":\"header\",\"tagName\":\"header\"} \/--&gt;\n\n&lt;!-- wp:group {\"tagName\":\"main\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"var:preset|spacing|60\"}}},\"layout\":{\"type\":\"constrained\"}} --&gt;\n&lt;main class=\"wp-block-group\" style=\"margin-top:var(--wp--preset--spacing--60)\"&gt;\n\t&lt;!-- wp:query-title {\"type\":\"archive\"} \/--&gt;\n\t&lt;!-- wp:term-description \/--&gt;\n\t&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/posts-personal-blog\"} \/--&gt;\n\t&lt;!-- wp:pattern {\"slug\":\"twentytwentyfive\/more-posts\"} \/--&gt;\n&lt;\/main&gt;\n&lt;!-- \/wp:group --&gt;\n\n&lt;!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\"} \/--&gt;<\/code><\/pre>\n<p>O conte\u00fado da p\u00e1gina de arquivo \u00e9 gerado pelos blocos <strong>Query title<\/strong> e <strong>Term description<\/strong> e pelos padr\u00f5es <strong>List of posts<\/strong>, <strong>1 coluna<\/strong> (<code>posts-personal-blog<\/code>) e <strong>Mais posts<\/strong> (<code>more-posts<\/code>).<\/p>\n<p>Com base nesse c\u00f3digo, voc\u00ea pode facilmente criar um template personalizado para o seu site. Como exemplo, se voc\u00ea quiser substituir a lista de posts por um layout de fotoblog, pode fazer isso facilmente alterando o padr\u00e3o usado neste template.<\/p>\n<p>No Editor de sites, navegue at\u00e9 a se\u00e7\u00e3o <strong>Templates<\/strong> e clique em <strong>Add New template<\/strong>. Voc\u00ea ser\u00e1 solicitado a selecionar o tipo de conte\u00fado ao qual o seu template deve ser aplicado. Neste exemplo, selecionamos <strong>Category Archives<\/strong>.<\/p>\n<figure id=\"attachment_185825\" aria-describedby=\"caption-attachment-185825\" style=\"width: 2194px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185825 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-add-template.jpg\" alt=\"Adicionar template no WordPress 6.7.\" width=\"2194\" height=\"1314\"><figcaption id=\"caption-attachment-185825\" class=\"wp-caption-text\">Adicionar template no WordPress 6.7.<\/figcaption><\/figure>\n<p>Em seguida, voc\u00ea deve decidir se o template ser\u00e1 usado para todas as categorias ou para uma categoria espec\u00edfica. Por fim, voc\u00ea ver\u00e1 um ou mais templates para come\u00e7ar e fazer suas edi\u00e7\u00f5es.<\/p>\n<p>Mas voc\u00ea tamb\u00e9m pode criar tudo do zero. Neste exemplo, estamos fazendo uma pequena altera\u00e7\u00e3o no c\u00f3digo do arquivo <code>archive.html<\/code> e usando o padr\u00e3o <code>twentytwentyfive\/photo-blog-posts<\/code> em vez de <code>twentytwentyfive\/posts-personal-blog<\/code>. A p\u00e1gina de arquivo de categoria do WordPress agora exibe uma galeria de fotos.<\/p>\n<figure id=\"attachment_185803\" aria-describedby=\"caption-attachment-185803\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185803 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/09\/ttf-custom-category-archive.jpg\" alt=\"Um arquivo de categoria personalizado no Twenty Twenty-Five.\" width=\"1406\" height=\"1608\"><figcaption id=\"caption-attachment-185803\" class=\"wp-caption-text\">Um arquivo de categoria personalizado no Twenty Twenty-Five.<\/figcaption><\/figure>\n<h2>Resumo<\/h2>\n<p>O Twenty Twenty-Five, o pr\u00f3ximo tema padr\u00e3o a ser lan\u00e7ado com o WordPress 6.7, foi projetado com uma filosofia de simplicidade para os usu\u00e1rios e flexibilidade para os desenvolvedores. Gra\u00e7as aos seus padr\u00f5es e estilos de blocos diversos e vers\u00e1teis, esse tema tem como objetivo ajudar os usu\u00e1rios a contar hist\u00f3rias interessantes. Ele inclui muitas imagens inspiradoras do Openverse que s\u00e3o perfeitamente integradas aos padr\u00f5es de blocos do tema.<\/p>\n<p>A estrutura do tema gira em torno de cole\u00e7\u00f5es de blocos, padr\u00f5es e partes de templates aninhados, o que torna mais f\u00e1cil do que nunca projetar layouts complexos sem conhecimento avan\u00e7ado de codifica\u00e7\u00e3o.<\/p>\n<p>O Twenty Twenty-Five \u00e9 mais um passo para democratizar o design. Seja voc\u00ea um desenvolvedor experiente ou um iniciante, o Twenty Twenty-Five fornece uma base s\u00f3lida para explorar temas de blocos e, com o conhecimento certo, voc\u00ea pode at\u00e9 criar seu pr\u00f3prio tema para compartilhar com a comunidade WordPress.<\/p>\n<p>\u00c9 a sua vez. Voc\u00ea j\u00e1 testou o Twenty Twenty-Five em um ambiente de desenvolvimento? Compartilhe suas impress\u00f5es conosco nos coment\u00e1rios abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Baseado na ideia de que coisas simples devem ser intuitivas enquanto coisas complexas devem ser poss\u00edveis, o Twenty Twenty-Five \u00e9 um tema padr\u00e3o do WordPress flex\u00edvel &#8230;<\/p>\n","protected":false},"author":36,"featured_media":70060,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1036],"class_list":["post-70059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-temas-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five<\/title>\n<meta name=\"description\" content=\"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress\" \/>\n<meta property=\"og:description\" content=\"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-21T12:44:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T14:25:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1471\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress\",\"datePublished\":\"2024-10-21T12:44:17+00:00\",\"dateModified\":\"2024-10-28T14:25:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\"},\"wordCount\":1967,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\",\"name\":\"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png\",\"datePublished\":\"2024-10-21T12:44:17+00:00\",\"dateModified\":\"2024-10-28T14:25:58+00:00\",\"description\":\"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png\",\"width\":1471,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five","description":"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/","og_locale":"pt_PT","og_type":"article","og_title":"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress","og_description":"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.","og_url":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2024-10-21T12:44:17+00:00","article_modified_time":"2024-10-28T14:25:58+00:00","og_image":[{"width":1471,"height":735,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five-1024x512.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress","datePublished":"2024-10-21T12:44:17+00:00","dateModified":"2024-10-28T14:25:58+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/"},"wordCount":1967,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/","url":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/","name":"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png","datePublished":"2024-10-21T12:44:17+00:00","dateModified":"2024-10-28T14:25:58+00:00","description":"O Twenty Twenty-Five \u00e9 um tema de blog vers\u00e1til que se baseia em templates e padr\u00f5es. Explore as principais funcionalidades do novo tema padr\u00e3o do WordPress.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/10\/twenty-twenty-five.png","width":1471,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-twenty-five\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Tudo o Que os Desenvolvedores Precisam Saber Sobre o Twenty Twenty-Five, O Novo e Poderoso Tema Padr\u00e3o do WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/70059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=70059"}],"version-history":[{"count":8,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/70059\/revisions"}],"predecessor-version":[{"id":70107,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/70059\/revisions\/70107"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/translations\/es"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70059\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/70060"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=70059"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=70059"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=70059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}