{"id":29049,"date":"2019-09-27T03:00:58","date_gmt":"2019-09-27T10:00:58","guid":{"rendered":"https:\/\/kinqsta.com\/?p=55649"},"modified":"2025-02-26T09:47:34","modified_gmt":"2025-02-26T12:47:34","slug":"twenty-twenty-tema","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/","title":{"rendered":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress"},"content":{"rendered":"<p>Twenty Twenty \u00e9 o novo <a href=\"https:\/\/kinqsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\">tema padr\u00e3o do WordPress<\/a> que vem com a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-3\/\">\u00faltima vers\u00e3o do WordPress 5.3<\/a>. Como o seu antecessor <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, Twenty Twenty foi projetado com um foco especial em <a href=\"https:\/\/kinqsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">Gutenberg<\/a>. Mas h\u00e1 uma grande diferen\u00e7a entre os dois: Twenty Twenty n\u00e3o \u00e9 constru\u00eddo a partir do zero; ele \u00e9 projetado sobre um tema existente da comunidade WordPress em vez disso.<\/p>\n<p>Como adoramos tudo no WordPress, demos uma olhada no novo tema Twenty Twenty, espiando os arquivos de function.php, a folha de estilo e os templates.<\/p>\n<p>Mesmo que Twenty Twenty esteja longe de ser um pouco est\u00e1vel &#8211; no momento em que este artigo foi escrito &#8211; com <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">muitas quest\u00f5es<\/a> ainda n\u00e3o corrigidas, hoje vamos compartilhar com voc\u00ea nossos primeiros pensamentos sobre o novo tema padr\u00e3o do WordPress.<\/p>\n<p>Vamos mergulhar no tema Twenty Twenty 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<figure style=\"width: 1800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-1.jpg\" alt=\"Twenty Twenty pr\u00e9-visualiza\u00e7\u00e3o\" width=\"1800\" height=\"1657\"><figcaption class=\"wp-caption-text\">Twenty Twenty pr\u00e9-visualiza\u00e7\u00e3o do tema WordPress (Fonte da imagem: <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2><strong>Introdu\u00e7\u00e3o R\u00e1pida ao Tema Twenty Twenty<\/strong><\/h2>\n<p>Twenty Twenty foram constru\u00eddos sobre&#8230; <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\">Chaplin<\/a>, um tema WordPress gratuito de <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\">Anders Nor\u00e9n<\/a>, que tamb\u00e9m \u00e9 Default Theme Design Lead do WordPress 5.3.<\/p>\n<p>Chaplin est\u00e1 dispon\u00edvel para download no <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\">O reposit\u00f3rio WordPress.org<\/a> e, de acordo com Anders, foi constru\u00eddo com o Block Editor em mente:<\/p>\n<blockquote><p>Chaplin \u00e9 um tema WordPress repleto de recursos que lhe d\u00e1 controle total sobre as <a href=\"https:\/\/kinqsta.com\/pt\/blog\/html-fontes\/\">fontes HTML<\/a> e cores do seu site. Ele \u00e9 constru\u00eddo de raiz com o novo Block Editor em mente e facilita a cria\u00e7\u00e3o de layouts de boa apar\u00eancia em posts e p\u00e1ginas.<\/p><\/blockquote>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/11\/chaplin.jpg\" alt=\"Tema do Chaplin WordPress\" width=\"1800\" height=\"2665\"><figcaption class=\"wp-caption-text\">Tema do Chaplin WordPress<\/figcaption><\/figure>\n<p>A mesma filosofia est\u00e1 por tr\u00e1s da Twenty Twenty: <strong>flexibilidade<\/strong>, <strong>clareza <\/strong>e <strong>legibilidade<\/strong> s\u00e3o as palavras-chave de foco para o novo tema.<\/p>\n<p>Twenty Twenty vem com um layout de coluna \u00fanica e tr\u00eas modelos de post\/p\u00e1gina, com o objetivo de dar Os designers e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/funcoes-usuario-wordpress\/\">administradores\u00a0do WordPress<\/a><strong> t\u00eam a liberdade de criar seus layouts personalizados diretamente no Editor de blocos<\/strong>, aproveitando as vantagens de alinhamentos amplos e completos para elementos de bloco como colunas, imagens e o <a href=\"https:\/\/make.wordpress.org\/core\/2019\/04\/17\/whats-new-in-gutenberg-17th-april\/\">bloco de grupo<\/a> introduzido com Gutenberg 5.5.<\/p>\n<p>Como o Anders explica:<\/p>\n<blockquote><p>Twenty Twenty \u00e9 projetado com flexibilidade em seu n\u00facleo. Se voc\u00ea quiser us\u00e1-lo para uma organiza\u00e7\u00e3o ou uma empresa, voc\u00ea pode combinar colunas, grupos e m\u00eddia com alinhamentos amplos e completos para criar layouts din\u00e2micos para mostrar seus servi\u00e7os ou produtos. Se voc\u00ea quiser us\u00e1-lo para um blog tradicional, a coluna de conte\u00fado centralizado o torna perfeito para isso tamb\u00e9m.<\/p><\/blockquote>\n<p>Al\u00e9m disso, o Twenty Twenty vem com um novo tipo de letra: <a href=\"https:\/\/rsms.me\/inter\/\">Inter<\/a>. \u00c9 um <a href=\"https:\/\/github.com\/rsms\/inter\">fam\u00edlia de fontes livres e de c\u00f3digo aberto<\/a> projetada pela Rasmus Andersson especificamente para leitura de textos em caixas mistas e min\u00fasculas, especialmente com tamanhos de fonte pequenos.<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/inter.jpg\" alt=\"A fam\u00edlia Inter typeface\" width=\"2208\" height=\"1939\"><figcaption class=\"wp-caption-text\">A fam\u00edlia Inter typeface<\/figcaption><\/figure>\n<p>Inter d\u00e1 uma personalidade mais forte aos grandes cabe\u00e7alhos, mas voc\u00ea vai obter o m\u00e1ximo dele quando us\u00e1-lo com tamanhos de texto alternados, como mostrado na pr\u00e9via do tema do post do blog WordPress.org:<\/p>\n<figure style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tipografias-1.jpg\" alt=\"Twenty Twenty tipografias\" width=\"1440\" height=\"2111\"><figcaption class=\"wp-caption-text\">Twenty Twenty tipografias: impacto e legibilidade<\/figcaption><\/figure>\n<p>Mais do que um tema completo, Twenty Twenty \u00e9 um tema que marca um novo e importante passo em dire\u00e7\u00e3o \u00e0 evolu\u00e7\u00e3o futura da interface de edi\u00e7\u00e3o do WordPress. Twenty Twenty dependem essencialmente do Block Editor para edi\u00e7\u00e3o e layout do conte\u00fado, e do Theme Customizer para o cabe\u00e7alho, rodap\u00e9 e customiza\u00e7\u00f5es adicionais.<\/p>\n<p>Com isso dito, est\u00e1 na hora de n\u00f3s <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-instalar-um-tema-do-wordpress\/\">instalar este tema do WordPress<\/a> e execut\u00e1-lo.<\/p>\n<h2 id=\"installing-twenty-twenty\">Como instalar o Twenty Twenty<\/h2>\n<p>O pr\u00f3ximo tema padr\u00e3o seguir\u00e1 o tema <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\">WordPress 5.3 plano de lan\u00e7amento<\/a>. Isso significa que, no momento em que este artigo foi escrito, Twenty Twenty ainda n\u00e3o estava dispon\u00edvel para download no diret\u00f3rio tem\u00e1tico do WordPress.<\/p>\n<p>De qualquer forma, voc\u00ea pode descarregar uma vers\u00e3o em andamento do Twenty Twenty no GitHub e instal\u00e1-la na vers\u00e3o est\u00e1vel atual do WordPress ou obt\u00ea-la com o WordPress 5.3. O reposit\u00f3rio Github ser\u00e1 depreciado assim que o tema for mesclado em <a href=\"https:\/\/kinqsta.com\/pt\/docs\/suporte\/escopo-do-suporte\/escopo-de-suporte-de-wordpress-gerenciado\/\">n\u00facleo<\/a>. Enquanto isso, voc\u00ea pode querer gravar as seguintes datas do calend\u00e1rio de libera\u00e7\u00e3o do WordPress 5.3:<\/p>\n<ul>\n<li>23 de setembro de 2019: Beta 1<\/li>\n<li>30 de setembro de 2019: Beta 2<\/li>\n<li>7 de outubro de 2019: Beta 3<\/li>\n<li>15 de Outubro de 2019: Liberar candidato 1<\/li>\n<li>22 de Outubro de 2019: Liberar candidato 2<\/li>\n<li>29 de Outubro de 2019: Release candidate 3<\/li>\n<li>5 de Novembro de 2019: Release candidate 4 (se necess\u00e1rio)<\/li>\n<li><strong>12 de novembro de 2019: Data prevista para o lan\u00e7amento do WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>Para come\u00e7ar com o Twenty Twenty, siga os passos abaixo:<\/p>\n<ol>\n<li>Obtenha o pacote zip de <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\">GitHub<\/a>.<\/li>\n<li>Carregue o arquivo zip para sua instala\u00e7\u00e3o de desenvolvimento no diret\u00f3rio <a href=\"https:\/\/kinqsta.com\/pt\/blog\/painel-administrativo-wordpress\/\">Painel WordPress<\/a> ou via <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-usar-sftp\/\">SFTP.<\/a><\/li>\n<li>Navegue at\u00e9 <strong>Apar\u00eancia \u2192 Temas<\/strong> e clique no bot\u00e3o<strong> Ativar<\/strong> na imagem de visualiza\u00e7\u00e3o do tema.<\/li>\n<li>V\u00e1 at\u00e9 <strong>Apar\u00eancia \u2192 Personalize<\/strong> para configurar o Twenty Twenty.<\/li>\n<\/ol>\n<p>E \u00e9 tudo! Agora voc\u00ea pode come\u00e7ar a executar seus testes no seu ou no seu<a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\"> site<\/a> ou no seu <a href=\"https:\/\/kinqsta.com\/pt\/blog\/instalar-wordpress-localmente\/\">ambiente local<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty est\u00e3o atualmente em desenvolvimento e <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">muitos problemas<\/a> ainda n\u00e3o foram resolvidos. N\u00e3o devias us\u00e1-lo na produ\u00e7\u00e3o.<\/p>\n<\/aside>\n\n<figure style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-aberto-num-185-1.jpg\" alt=\"Uma quest\u00e3o em aberto no GitHub\" width=\"1524\" height=\"1390\"><figcaption class=\"wp-caption-text\">Uma quest\u00e3o em aberto no GitHub<\/figcaption><\/figure>\n<p>Agora que voc\u00ea est\u00e1 pronto para ir, vamos seguir em frente e mergulhar no tema<strong> Twenty Twenty<\/strong> WordPress.<\/p>\n<h2 id=\"features\">Caracter\u00edsticas do Tema dos Twenty Twenty<\/h2>\n<p>Twenty Twenty n\u00e3o \u00e9 uma pe\u00e7a completa. <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-alterar-tema-wordpress\/\">Tema WordPress<\/a>, mas um tema reduzido e minimalista com o objetivo de dar <a href=\"https:\/\/kinqsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\">desenvolvedores<\/a> e administradores do site a liberdade de construir layouts de conte\u00fado personalizados para seus posts e p\u00e1ginas. Como <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, Twenty Twenty foram constru\u00eddos para Gutenberg e dependem principalmente do ciclo de vida de Gutenberg (mais sobre este t\u00f3pico em <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\">este v\u00eddeo<\/a> de Matt Mullenweg na WCEU 2019).<\/p>\n<p>O tema suporta uma s\u00e9rie de <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\">caracter\u00edsticas do tema<\/a> como largura de conte\u00fado (<code>580<\/code>), links autom\u00e1ticos de alimenta\u00e7\u00e3o, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/regenerar-miniaturas\/\">miniaturas de posts<\/a>, tag de t\u00edtulo e v\u00e1rios elementos <a href=\"https:\/\/kinqsta.com\/pt\/blog\/html-vs-html5\/#what-is-html5\">HTML5<\/a> (formul\u00e1rio de pesquisa, formul\u00e1rio de coment\u00e1rio, lista de coment\u00e1rios, galeria e legenda).<\/p>\n<p>Outras caracter\u00edsticas adicionam op\u00e7\u00f5es ao <a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\">Personalizador Tem\u00e1tico<\/a>. Estes incluem <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\">fundos personalizados<\/a> e <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\">log\u00f3tipo personalizado<\/a>. Os fragmentos de c\u00f3digo abaixo mostram estas funcionalidades activadas no ficheiro de fun\u00e7\u00f5es do tema:<\/p>\n<pre><code class=\"language-php\">\/\/ Custom background color\nadd_theme_support(\n\t'custom-background',\n\tarray(\n\t\t'default-color'\t=&gt; 'F5EFE0'\n\t)\n);<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Custom logo\nadd_theme_support(\n\t'custom-logo',\n\tarray(\n\t\t'height'      =&gt; 240,\n\t\t'width'       =&gt; 320,\n\t\t'flex-height' =&gt; true,\n\t\t'flex-width'  =&gt; true,\n\t\t'header-text' =&gt; array( 'site-title', 'site-description' ),\n\t)\n);<\/code><\/pre>\n<figure id=\"attachment_57626\" aria-describedby=\"caption-attachment-57626\" style=\"width: 2600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57626 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-personalizador-tematico-2.jpg\" alt=\"O Personalizador Tem\u00e1tico em Twenty Twenty\" width=\"2600\" height=\"1380\"><figcaption id=\"caption-attachment-57626\" class=\"wp-caption-text\">O Personalizador Tem\u00e1tico em Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty tamb\u00e9m apoia alguns dos <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">As caracter\u00edsticas espec\u00edficas do Gutenberg<\/a>. Primeiro, o tema suporta <strong>alinhamentos largos e de largura total<\/strong>:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images.\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>A <strong>paleta de cores do editor<\/strong> \u00e9 ativada se o usu\u00e1rio definir uma cor de acento no Customizer (ativado por padr\u00e3o):<\/p>\n<pre><code class=\"language-php\">\/\/ If we have accent colors, add them to the block editor palette\nif ( $editor_color_palette ) {\n\tadd_theme_support( 'editor-color-palette', $editor_color_palette );\n}<\/code><\/pre>\n<figure id=\"attachment_57629\" aria-describedby=\"caption-attachment-57629\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57629 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-personalizador-cores-2.png\" alt=\"Personalizando cores em Twenty Twenty\" width=\"297\" height=\"380\"><figcaption id=\"caption-attachment-57629\" class=\"wp-caption-text\">Personalizando cores em Twenty Twenty<\/figcaption><\/figure>\n<p>O Twenty Twenty theme vem com quatro <strong>tamanhos de fonte de editor<\/strong> dispon\u00edveis no Block Editor:<\/p>\n<pre><code class=\"language-php\">\/\/ Gutenberg Font Sizes\nadd_theme_support( 'editor-font-sizes', array(\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 16,\n\t\t'slug' \t\t=&gt; 'small',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 18,\n\t\t'slug' \t\t=&gt; 'regular',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 24,\n\t\t'slug' \t\t=&gt; 'large',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 32,\n\t\t'slug' \t\t=&gt; 'larger',\n\t),\n) );<\/code><\/pre>\n<p>\u00a0<\/p>\n<figure id=\"attachment_57630\" aria-describedby=\"caption-attachment-57630\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57630 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tamanhos-fonte.png\" alt=\"Tamanhos de fonte no bloco do editor Configura\u00e7\u00f5es de texto\" width=\"280\" height=\"444\"><figcaption id=\"caption-attachment-57630\" class=\"wp-caption-text\">Tamanhos de fonte no bloco do editor Configura\u00e7\u00f5es de texto<\/figcaption><\/figure>\n<p>E \u00e9 tudo. O tema \u00e9 bastante m\u00ednimo tamb\u00e9m em funcionalidade, mas \u00e9 facilmente extens\u00edvel com um tema de filho, e vamos mergulhar nisso em um minuto.<\/p>\n<h2 id=\"appearance\">Como Personalizar a Apar\u00eancia do Twenty Twenty<\/h2>\n<p>Twenty Twenty vem livre de qualquer sino e assobios, mas oferece grande flexibilidade quando usado em conjunto com o Gutenberg (ou com um bom <a href=\"https:\/\/kinqsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\">page builder<\/a>).<\/p>\n<h3>Personaliza\u00e7\u00e3o do Tema Twenty Twenty<\/h3>\n<p>A <strong>Identidade do Site<\/strong> manipula o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ocultar-paginas-e-titulos-de-artigos-no-wordpress\/\">t\u00edtulo<\/a> e o slogan do site, o logotipo e o \u00edcone. Voc\u00ea pode ativar\/desativar todos esses elementos na se\u00e7\u00e3o <strong>Identidade do Site<\/strong> do Personalizador:<\/p>\n<figure id=\"attachment_57631\" aria-describedby=\"caption-attachment-57631\" style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57631 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-identidade-site-2.png\" alt=\"Identidade do site nas configura\u00e7\u00f5es do Customizer\" width=\"464\" height=\"508\"><figcaption id=\"caption-attachment-57631\" class=\"wp-caption-text\">Identidade do site nas configura\u00e7\u00f5es do Customizer<\/figcaption><\/figure>\n<p>A sec\u00e7\u00e3o <strong>Modelo de Capa<\/strong> do Personalizador trata das defini\u00e7\u00f5es de personaliza\u00e7\u00e3o para o modelo de p\u00e1gina do<strong> Modelo de Capa. <\/strong>Pronto, vais encontrar:<\/p>\n<ul>\n<li>Uma op\u00e7\u00e3o para ativar um efeito de paralaxe na <a href=\"https:\/\/kinqsta.com\/pt\/blog\/imagens-fundo-wordpress\/\">imagem de fundo<\/a> (Imagem de fundo fixa).<\/li>\n<li>Selecionadores de cores para definir a cor de fundo personalizada e a cor do texto para a sobreposi\u00e7\u00e3o de imagens em destaque.<\/li>\n<li>Um controle deslizante para controlar a opacidade da sobreposi\u00e7\u00e3o.<\/li>\n<\/ul>\n<figure id=\"attachment_57632\" aria-describedby=\"caption-attachment-57632\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57632 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-modelo-capa-customizador-2.png\" alt=\"A se\u00e7\u00e3o Modelo de capa no customizador\" width=\"298\" height=\"690\" align=\"aligncenter\"><figcaption id=\"caption-attachment-57632\" class=\"wp-caption-text\">A se\u00e7\u00e3o Modelo de capa no customizador<\/figcaption><\/figure>\n<p>A Se\u00e7\u00e3o de <strong>Menus<\/strong> fornece cinco localiza\u00e7\u00f5es de menu. Voc\u00ea pode incluir um menu horizontal regular no cabe\u00e7alho (<strong>Menu Horizontal da \u00c1rea de Trabalho<\/strong>) e\/ou um menu de navega\u00e7\u00e3o altern\u00e1vel (<strong>Menu Expandido da \u00c1rea de Trabalho<\/strong>). O <strong>Menu M\u00f3vel<\/strong> \u00e9 um menu espec\u00edfico para dispositivos m\u00f3veis, e o Menu Rodap\u00e9 e o Menu Social est\u00e3o localizados no rodap\u00e9 da p\u00e1gina.<\/p>\n<figure id=\"attachment_57633\" aria-describedby=\"caption-attachment-57633\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57633 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-localizacoes-menus-2.png\" alt=\"Localiza\u00e7\u00f5es dos menus em Twenty Twenty\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57633\" class=\"wp-caption-text\">Localiza\u00e7\u00f5es dos menus em Twenty Twenty<\/figcaption><\/figure>\n<p>O rodap\u00e9 manipula as localiza\u00e7\u00f5es do Menu Rodap\u00e9 e do Menu Social juntamente com duas \u00e1reas widget. A imagem seguinte mostra o rodap\u00e9 do tema com todos os seus elementos no lugar:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-rodape.png\" alt=\"Rodap\u00e9 do modelo em Twenty Twenty\" width=\"1600\" height=\"1014\"><figcaption class=\"wp-caption-text\">Rodap\u00e9 do modelo em Twenty Twenty<\/figcaption><\/figure>\n<p>Finalmente, a se\u00e7\u00e3o<strong> CSS adicional<\/strong> permite que voc\u00ea inclua seus estilos personalizados.<\/p>\n<h3>Modelos de Postos\/P\u00e1ginas \u00danicos<\/h3>\n<p>Quando se trata de post e layouts de p\u00e1gina, voc\u00ea pode escolher entre tr\u00eas modelos diferentes. Al\u00e9m do modelo padr\u00e3o, o Twenty Twenty fornece um <strong>modelo de capa<\/strong> e um <strong>modelo de largura total<\/strong> com o qual voc\u00ea pode jogar para personalizar a apar\u00eancia do seu conte\u00fado.<\/p>\n<figure id=\"attachment_57634\" aria-describedby=\"caption-attachment-57634\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57634 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-postos-paginas-unicos-2.png\" alt=\"Modelos de Postos\/P\u00e1ginas \u00danicos em Twenty Twenty\" width=\"279\" height=\"223\"><figcaption id=\"caption-attachment-57634\" class=\"wp-caption-text\">Modelos de Postos\/P\u00e1ginas \u00danicos em Twenty Twenty<\/figcaption><\/figure>\n<h3>O Editor de Bloco no Twenty Twenty<\/h3>\n<p>Devido \u00e0 sua abordagem m\u00ednima, a apar\u00eancia do Twenty Twenty depende principalmente do Block Editor. Fazemos os nossos testes no Twenty Twenty com a vers\u00e3o 6.4.0 do Gutenberg. Esta vers\u00e3o fornece um bom n\u00famero de novos recursos, melhorias e corre\u00e7\u00f5es de bugs que melhoraram significativamente a experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<p>Alguns blocos s\u00e3o \u00fateis, especialmente na constru\u00e7\u00e3o de websites de p\u00e1gina \u00fanica. Blocos como <strong>Media &#038; Texto e Capa<\/strong> foram melhorados e agora ficam \u00f3timos quando se trata de apresentar produtos e\/ou produtos profissionais <a href=\"https:\/\/kinqsta.com\/pt\/blog\/site-de-portfolio\/\">portf\u00f3lios<\/a>:<\/p>\n<figure style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/midia-texto.jpg\" alt=\"m\u00eddia e texto\" width=\"2558\" height=\"1296\"><figcaption class=\"wp-caption-text\">Bloco de m\u00eddia e texto (cheio com alinhamento)<\/figcaption><\/figure>\n<p>Ainda assim, como o Gutenberg \u00e9 um projecto de trabalho em curso, poder\u00e1 querer dar uma vista de olhos a alguns dos mais populares plugins que permitem adicionar mais blocos ao editor.<\/p>\n<p>Aqui est\u00e1 uma lista r\u00e1pida de plugins que podem valer a pena tentar:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Blocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coblocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">CoBlocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a><\/li>\n<\/ul>\n<p>O Personalizador de Temas e o Editor de Blocos fazem um excelente trabalho quando se trata de personaliza\u00e7\u00e3o de apar\u00eancia e layout, mas um tema infantil pode lhe dar maior controle sobre a apar\u00eancia e a sensa\u00e7\u00e3o das suas p\u00e1ginas.<\/p>\n<h2 id=\"child-theming\">Como Criar um Tema Filho para o Tema Twenty Twenty<\/h2>\n<p>Construir temas infantis para WordPress pode ser divertido e tamb\u00e9m uma boa maneira de come\u00e7ar uma carreira como profissional. <a href=\"https:\/\/kinqsta.com\/pt\/blog\/salario-de-um-desenvolvedor-wordpress\/\">O desenvolvedor do tema WordPress<\/a> e o Twenty Twenty Twenty podem ser um \u00f3timo tema para pais ao construir temas infantis no WordPress. Ent\u00e3o, porque n\u00e3o tentas? \ud83d\ude09<\/p>\n<p>Se voc\u00ea n\u00e3o sabe por onde come\u00e7ar com temas infantis, n\u00e3o deixe de conferir nosso guia estendido em <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-filho-no-wordpress\/\">Como criar um tema infantil no WordPress<\/a>.<\/p>\n<p>Agora, vamos construir o nosso primeiro tema infantil para o Twenty Twenty!<\/p>\n<p>Criar um novo diret\u00f3rio em <code>wp-content\/themes<\/code> e nome\u00e1-lo algo como <code>twentytwenty-child<\/code> ou o que voc\u00ea gosta.<\/p>\n<p>Navegue at\u00e9 <code>wp-content\/themes\/twentytwenty-child<\/code> e crie um novo arquivo <code>style.css<\/code> com o seguinte cabe\u00e7alho:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: My Twenty Twenty Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwenty\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\n<p>Em seguida, temos de incluir a folha de estilo do tema principal. No mesmo diret\u00f3rio, criar o seguinte arquivo <code>functions.php<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/        \nfunction twentytwenty_styles() {\n\twp_enqueue_style( 'parent', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwenty_styles');<\/code><\/pre>\n<p>Agora v\u00e1 a <strong>Apar\u00eancia \u2192 Temas<\/strong> e ative seu Tema Filho. Agora voc\u00ea pode come\u00e7ar com suas personaliza\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_57636\" aria-describedby=\"caption-attachment-57636\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57636 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-ativar-tema-filho-2.jpg\" alt=\" Ativar o tema filho\" width=\"1680\" height=\"762\"><figcaption id=\"caption-attachment-57636\" class=\"wp-caption-text\">Ativar o tema filho<\/figcaption><\/figure>\n<p>Voc\u00ea pode alterar quase tudo no Twenty Twenty, desde adicionar modelos personalizados at\u00e9 adicionar seus estilos personalizados ou alterar os estilos padr\u00e3o do tema.<\/p>\n<p>Aqui vou mostrar-lhe como criar um novo modelo personalizado para posts e p\u00e1ginas \u00fanicas.<\/p>\n<h3>Adicionando um modelo personalizado de lan\u00e7amento\/p\u00e1gina no Twenty Twenty<\/h3>\n<p>At\u00e9 agora, cri\u00e1mos um tema infantil para o Twenty Twenty e anex\u00e1mos os estilos dos pais \u00e0 folha de estilos do tema infantil. No exemplo abaixo, vamos nos livrar do cabe\u00e7alho e do rodap\u00e9, abrindo espa\u00e7o para o corpo da p\u00e1gina em um arquivo de modelo de post\/p\u00e1gina.<\/p>\n<h3>Passo 1<\/h3>\n<p>Copie e cole os seguintes arquivos do tema pai para o diret\u00f3rio do tema filho:<\/p>\n<ul>\n<li>templates\/template-full-width.php<\/li>\n<li>header.php<\/li>\n<li>footer.php<\/li>\n<\/ul>\n<h3>Passo 2<\/h3>\n<p>Renomeie <code>template-fulll-width.php<\/code> para <code>template-canvas.php<\/code> (ou o que quiser). Abra o arquivo, exclua o conte\u00fado atual e cole o seguinte:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/*\nTemplate Name: Canvas Template\nTemplate Post Type: post, page\n*\/\nget_template_part( 'singular' );<\/code><\/pre>\n<p><strong>O Nome do modelo<\/strong> define o nome do arquivo de modelo como voc\u00ea o ver\u00e1 no Editor de blocos, enquanto o <strong>Tipo de postagem do modelo<\/strong> define os tipos de postagem que suportam esse arquivo de modelo. A fun\u00e7\u00e3o <code>get_template_part<\/code> carrega o arquivo <code>singular.php<\/code> do tema pai (n\u00e3o precisamos de uma c\u00f3pia deste arquivo em nosso tema filho).<\/p>\n<p>V\u00e1 at\u00e9 o painel do WordPress e crie um novo post. Agora voc\u00ea deve encontrar um modelo de p\u00e1gina adicional na se\u00e7\u00e3o<strong> Postar atributos<\/strong>.<\/p>\n<figure id=\"attachment_57637\" aria-describedby=\"caption-attachment-57637\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57637 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-modelo-atributos-postais-2.png\" alt=\"Um novo modelo est\u00e1 dispon\u00edvel em Atributos postais\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-57637\" class=\"wp-caption-text\">Um novo modelo est\u00e1 dispon\u00edvel em Atributos postais<\/figcaption><\/figure>\n<h3>Passo 3<\/h3>\n<p>E agora vem a parte divertida. Abrir <code>header.php<\/code> em seu favorito <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-editores-texto\/\">editor de texto<\/a> e envolva o elemento de <code>header<\/code> dentro do seguinte comando se:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;header id=\"site-header\" class=\"header-footer-group\" role=\"banner\"&gt;\n\t\t...\n\t&lt;\/header&gt;&lt;!-- #site-header --&gt;\n\n\t&lt;?php \n\t\/\/ Output the menu modal\n\tget_template_part( 'template-parts\/modal-menu' );\n}<\/code><\/pre>\n<p>Este c\u00f3digo verifica se <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\">o modelo de p\u00e1gina<\/a> n\u00e3o for <code>templates\/template-canvas.php<\/code>. Se o modelo de p\u00e1gina <strong>for<\/strong> <code>templates\/template-canvas.php<\/code>, ent\u00e3o ele n\u00e3o incluir\u00e1 o cabe\u00e7alho do site e o menu modal.<\/p>\n<p>Da mesma forma, podemos remover o rodap\u00e9 de uma p\u00e1gina de postagem quando o modelo de p\u00e1gina ativo \u00e9 a nossa tela. Basta adicionar a mesma condi\u00e7\u00e3o em <code>footer.php<\/code> como mostrado abaixo:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;footer id=\"site-footer\" role=\"contentinfo\" class=\"header-footer-group\"&gt;\n\t...\n\t&lt;\/footer&gt;&lt;!-- #site-footer --&gt;\n&lt;?php } ?&gt;\n\t&lt;?php wp_footer(); ?&gt;\n\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Voc\u00ea pode <a href=\"https:\/\/github.com\/carlodaniele\/twentytwenty-child\">baixar o c\u00f3digo deste exemplo aqui<\/a>.<\/p>\n<p>Agora crie uma nova mensagem ou p\u00e1gina, selecione o modelo Tela nos <strong>atributos Post\/Page<\/strong> e verifique a p\u00e1gina no site principal.<\/p>\n\n<h2>Resumo<\/h2>\n<p>Twenty Twenty \u00e9 um tema WordPress minimalista, com um layout de coluna \u00fanica. A forma como vamos us\u00e1-lo depende principalmente da evolu\u00e7\u00e3o do Block Editor. Como o Anders expressivamente diz:<\/p>\n<blockquote><p>&#8220;A promessa do Editor de Blocos \u00e9 dar aos usu\u00e1rios a liberdade de projetar e estruturar seus sites como quiserem.<\/p><\/blockquote>\n<p>Seguinte <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, o novo tema padr\u00e3o Twenty Twenty \u00e9 o segundo de uma nova gera\u00e7\u00e3o de temas que visa &#8220;permitir a constru\u00e7\u00e3o de sites sem edi\u00e7\u00e3o manual de c\u00f3digo&#8221;. Os sites WordPress com o tema Twenty Twenty v\u00eam em todas as formas e tamanhos. Para descobrir se um tema est\u00e1 usando o Twenty Twenty, confira nossa ferramenta <a href=\"https:\/\/kinqsta.com\/pt\/ferramentas\/detector-tema-wordpress\/\">pr\u00e1tica de detec\u00e7\u00e3o de temas WordPress<\/a>.<\/p>\n<p>Se pensa que o Gutenberg ainda n\u00e3o \u00e9 completamente fi\u00e1vel para os seus projectos, pode adicionar os blocos que vai precisar com plugins como os listados acima. Ou, simplesmente, voc\u00ea pode abra\u00e7ar um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\">construtor de p\u00e1ginas de terceiros<\/a>.<\/p>\n<p>At\u00e9 voc\u00ea agora: instale o novo tema padr\u00e3o do WordPress, brinque com ele, e deixe-nos saber o que voc\u00ea pensa aqui nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty \u00e9 o novo tema padr\u00e3o do WordPress que vem com a \u00faltima vers\u00e3o do WordPress 5.3. Como o seu antecessor Twenty Nineteen, Twenty Twenty &#8230;<\/p>\n","protected":false},"author":36,"featured_media":29069,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[65,30],"topic":[1036],"class_list":["post-29049","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","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>Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress<\/title>\n<meta name=\"description\" content=\"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!\" \/>\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\/twenty-twenty-tema\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress\" \/>\n<meta property=\"og:description\" content=\"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\" \/>\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=\"2019-09-27T10:00:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T12:47:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\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 WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.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=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress\",\"datePublished\":\"2019-09-27T10:00:58+00:00\",\"dateModified\":\"2025-02-26T12:47:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\"},\"wordCount\":2631,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\",\"name\":\"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png\",\"datePublished\":\"2019-09-27T10:00:58+00:00\",\"dateModified\":\"2025-02-26T12:47:34+00:00\",\"description\":\"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress do WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#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\":\"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo 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":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress","description":"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!","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\/twenty-twenty-tema\/","og_locale":"pt_PT","og_type":"article","og_title":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress","og_description":"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!","og_url":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2019-09-27T10:00:58+00:00","article_modified_time":"2025-02-26T12:47:34+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress","datePublished":"2019-09-27T10:00:58+00:00","dateModified":"2025-02-26T12:47:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/"},"wordCount":2631,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png","keywords":["Gutenberg","WordPress"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/","url":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/","name":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png","datePublished":"2019-09-27T10:00:58+00:00","dateModified":"2025-02-26T12:47:34+00:00","description":"O WordPress 5.3 introduziu o Twenty Twenty, um tema centrado no Block Editor Gutenberg. Aprenda todas as principais caracter\u00edsticas do tema Twenty Twenty!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/09\/twenty-twenty-tema.png","width":1460,"height":730,"caption":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo tema padr\u00e3o do WordPress do WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/#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":"Twenty Twenty: Uma introdu\u00e7\u00e3o ao novo 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\/29049","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=29049"}],"version-history":[{"count":15,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/29049\/revisions"}],"predecessor-version":[{"id":53746,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/29049\/revisions\/53746"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/29049\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/29069"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=29049"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=29049"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=29049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}