{"id":54222,"date":"2016-07-15T14:02:53","date_gmt":"2016-07-15T21:02:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=54222"},"modified":"2025-05-26T13:13:29","modified_gmt":"2025-05-26T20:13:29","slug":"por-que-voce-precisa-de-um-tema-filho","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/","title":{"rendered":"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio"},"content":{"rendered":"\n<p><i><\/i>Imagine o seguinte: voc\u00ea encontrou o tema perfeito para o seu blog <a href=\"\/hosting\/wordpress\/\">WordPress<\/a>. Bem, quase perfeito. Depois de ajustar a fonte do menu de Times New Roman para Open Sans e mudar a cor de fundo da barra lateral de verde para azul celeste, ele se encaixa exatamente na sua vis\u00e3o. At\u00e9 que duas semanas depois, o criador do tema lan\u00e7a uma nova vers\u00e3o com uma atualiza\u00e7\u00e3o de seguran\u00e7a essencial. Voc\u00ea atualiza seu tema apenas para notar que \u2014 puf! \u2014 suas altera\u00e7\u00f5es personalizadas desapareceram todas.<\/p>\n\n\n\n<p>Felizmente, voc\u00ea n\u00e3o precisa gastar seus dias reimplementando suas mudan\u00e7as e temendo novas atualiza\u00e7\u00f5es. Existe uma maneira mais f\u00e1cil de <a href=\"https:\/\/www.dreamhost.com\/blog\/17-expert-blogging-tips-for-2017\/\">personalizar seu blog<\/a> enquanto mant\u00e9m a maior parte da apar\u00eancia e sensa\u00e7\u00e3o que voc\u00ea ama: voc\u00ea pode criar um tema &#8220;filho&#8221;, que herda a funcionalidade do tema &#8220;pai&#8221; enquanto adiciona aquelas modifica\u00e7\u00f5es de estilo que s\u00e3o \u00fanicas para voc\u00ea. Mesmo que voc\u00ea atualize o tema pai, o tema filho mant\u00e9m suas mudan\u00e7as pelo tempo que voc\u00ea desejar.<\/p>\n\n\n\n<p>\u00c9 necess\u00e1rio apenas um arquivo .css para transformar um <a href=\"https:\/\/www.dreamhost.com\/blog\/guidelines-for-choosing-a-wordpress-theme\/\">tema WordPress<\/a> comum em um tema filho personalizado, e precisa de menos c\u00f3digo do que voc\u00ea imagina. A seguir, um guia passo a passo para criar um tema filho a partir de qualquer tema WordPress regular que voc\u00ea j\u00e1 tenha em mente.<\/p>\n\n\n\n<p>Nota: Este \u00e9 um tutorial intermedi\u00e1rio que assume que voc\u00ea j\u00e1 sabe um pouco sobre HTML e CSS. N\u00e3o \u00e9 necess\u00e1rio ser um mestre, mas estaremos editando o c\u00f3digo de um tema. Se voc\u00ea ainda n\u00e3o se sente confort\u00e1vel com isso, talvez queira explorar o <a href=\"http:\/\/www.w3schools.com\/css\/\">tutorial gratuito de CSS da W3Schools<\/a> ou inscrever-se no <a href=\"https:\/\/www.codecademy.com\/learn\/web\">curso gratuito de HTML\/CSS da Codecademy<\/a>.<\/p>\n\n\n\n<p><span style=\"font-weight: 400\"><\/span><\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      WordPress + DreamHost\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nossas atualiza\u00e7\u00f5es autom\u00e1ticas e defesas de seguran\u00e7a robustas tiram o gerenciamento do servidor de suas m\u00e3os para que voc\u00ea possa se concentrar em criar um \u00f3timo site.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pt\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Confira os Planos                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<h2 id=\"h-1-begin-with-a-parent-theme-and-plan-your-changes\" class=\"wp-block-heading\">1. Comece com um Tema Principal e Planeje Suas Altera\u00e7\u00f5es<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png\" alt=\"Tema TwentySixteen do WordPress\" class=\"wp-image-12960 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Este \u00e9 o <a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\">Twenty Sixteen<\/a>, o tema que o WordPress.org criou e lan\u00e7ou para este ano. Se voc\u00ea est\u00e1 procurando um tema base no qual fazer altera\u00e7\u00f5es, definitivamente considere verificar os lan\u00e7amentos anuais deles, como Twenty Fifteen, Twenty Fourteen e assim por diante.<\/p>\n\n\n\n<p>Gosto em grande parte, mas quero fazer algumas altera\u00e7\u00f5es. Aquela borda preta \u00e9 muito intensa para mim, e gostaria que fosse azul. Tamb\u00e9m gostaria de <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\">alterar a fonte<\/a>.<\/p>\n\n\n\n<p>Primeiro, eu abro as Ferramentas de Desenvolvedor do Chrome indo em Visualizar \u2192 Desenvolvedor \u2192 Ferramentas para Desenvolvedores no menu do navegador Chrome. (Se voc\u00ea preferir o Firefox, pode ir em Ferramentas \u2192 Desenvolvedor Web \u2192 Inspetor no menu do Firefox.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png\" alt=\"Ferramentas de Desenvolvedor WordPress\" class=\"wp-image-12956 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>As Ferramentas para Desenvolvedores permitem que eu inspecione o tema e veja de onde v\u00eam as \u201cregras\u201d. Manipulando a classe CSS certa, posso descobrir o que precisarei colocar no meu tema filho para fazer minhas altera\u00e7\u00f5es. Por exemplo, voc\u00ea pode ver que ao editar a cor de fundo para #0099ff, eu posso mudar a borda de preto para azul. Claro, as Ferramentas para Desenvolvedores s\u00e3o apenas para brincar temporariamente, e quando eu atualizar esta p\u00e1gina, a borda voltar\u00e1 a ser preta.<\/p>\n\n\n\n<h2 id=\"h-2-create-your-child-theme-folder-and-files\" class=\"wp-block-heading\">2. Crie a Pasta e os Arquivos do Seu Tema Filho<\/h2>\n\n\n\n<p>\u00c9 importante nomear seu tema filho cuidadosamente, come\u00e7ando pelo nome da pasta onde voc\u00ea o coloca. Dessa forma, o WordPress sabe como identific\u00e1-lo automaticamente. Adicionar \u201c-child\u201d ao final do nome do tema original \u00e9 a melhor pr\u00e1tica. Ent\u00e3o, no meu caso, j\u00e1 que o Twenty Sixteen est\u00e1 dentro de uma pasta chamada \u201ctwentysixteen\u201d, eu nomeio minha pasta \u201ctwentysixteen-child\u201d.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"746\" height=\"272\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders.png\" alt=\"Pastas de Temas do WordPress\" class=\"wp-image-12958 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders.png.webp 746w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders-300x109.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-600x219.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-730x266.png.webp 730w\" data-sizes=\"(max-width: 746px) 100vw, 746px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 746px; --smush-placeholder-aspect-ratio: 746\/272;\" \/><\/figure><\/div>\n\n\n<p>O primeiro arquivo que preciso criar \u00e9 <b>style.css<\/b>, um arquivo css que inclui informa\u00e7\u00f5es relevantes sobre meu tema e o estilo personalizado que desejo adicionar \u00e0 sua apar\u00eancia.<\/p>\n\n\n\n<p><code>\/*<br>\nNome do Tema: Twenty Sixteen Child<br>\nURI do Tema: http:\/\/example.com\/twentysixteen-child\/<br>\nDescri\u00e7\u00e3o: Meu primeiro tema filho, baseado no Twenty Sixteen<br>\nAutor: Lauren Orsini<br>\nURI do Autor: http:\/\/lorsini.com<br>\nTemplate: twentysixteen<br>\nVers\u00e3o: 1.0.0<br>\nTags: duas-colunas, azul, barra-lateral-direita<br>\nDom\u00ednio de Texto: twentysixteen-child<br>\n*\/<\/code><\/p>\n\n\n\n<p>Come\u00e7o preenchendo os detalhes necess\u00e1rios. Apenas \u201cNome do Tema\u201d e \u201cTemplate\u201d s\u00e3o obrigat\u00f3rios. O WordPress precisa saber o nome do tema, e tamb\u00e9m precisa saber qual tema ele deve considerar como tema pai, neste caso, Twenty Sixteen. O restante voc\u00ea pode preencher com suas informa\u00e7\u00f5es personalizadas ou deixar em branco. Na verdade, essa estrutura tornou-se padr\u00e3o para pessoas interessadas em publicar seus temas no WordPress.org. Se voc\u00ea est\u00e1 apenas construindo seu tema filho para uso pessoal, tudo o que voc\u00ea precisa \u00e9 o nome do tema, descri\u00e7\u00e3o, autor, template e vers\u00e3o.<\/p>\n\n\n\n<p>Agora, preciso adicionar os estilos que quero alterar. Quero mudar a borda preta para azul e quero mudar a fonte do cabe\u00e7alho para Georgia. A fonte do cabe\u00e7alho \u00e9 exibida em tr\u00eas lugares no tema\u2014t\u00edtulo do site, t\u00edtulo da entrada e t\u00edtulo do widget, ent\u00e3o preciso garantir que inclua todas as tr\u00eas classes CSS no meu estilo para afetar todas as tr\u00eas localiza\u00e7\u00f5es.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png\" alt=\"Tema do WordPress\" class=\"wp-image-12959 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-300x165.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-768x422.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-600x330.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-1200x659.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-730x401.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-784x431.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-877x482.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style.png.webp 1438w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/563;\" \/><\/figure><\/div>\n\n\n<p>Depois de terminar isso, meu tema filho est\u00e1 funcional. Eu poderia instal\u00e1-lo nesta etapa, mas ele teria apenas dois estilos, e o resto seria padr\u00e3o. N\u00e3o \u00e9 isso que eu quero; eu quero que o tema herde os estilos do Twenty Sixteen. Ent\u00e3o, preciso de um segundo arquivo, intitulado <b>functions.php<\/b>.<\/p>\n\n\n\n<p>Simplemente copie e cole o seguinte c\u00f3digo no arquivo functions.php:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;amp;amp;amp;amp;amp;amp;lt;?php\nadd_action( &amp;amp;#039;wp_enqueue_scripts&amp;amp;#039;, &amp;amp;#039;my_theme_enqueue_styles&amp;amp;#039; );\nfunction my_theme_enqueue_styles() {\n    wp_enqueue_style( &amp;amp;#039;parent-style&amp;amp;#039;, get_template_directory_uri() . &amp;amp;#039;\/style.css&amp;amp;#039; );\n}\n<\/pre><\/pre>\n\n\n\n<p>Esta \u00e9 uma fun\u00e7\u00e3o que adicionar\u00e1 \u00e0 fila os arquivos style.css dos temas principais e secund\u00e1rios. Adicionar \u00e0 fila significa incluir na lista de itens similares a serem processados pelo navegador. Essa fun\u00e7\u00e3o garante que ambos os conjuntos de estilos sejam carregados na ordem correta na tela do visualizador.<\/p>\n\n\n\n<p>Um passo final e opcional \u00e9 criar uma imagem de 880&#215;660 (recomenda-se o tipo de arquivo PNG) a partir de uma captura de tela do seu tema filho. Dessa forma, se voc\u00ea tiver muitos temas instalados, poder\u00e1 ver como este se parece \u00e0 primeira vista.<\/p>\n\n\n\n<p><span style=\"font-weight: 400\"><\/span><\/p>\n\n\n\n<h2 id=\"h-3-upload-your-child-theme-to-wordpress\" class=\"wp-block-heading\">3. Fa\u00e7a o upload do seu Tema Filho para o WordPress<\/h2>\n\n\n\n<p>Agora eu tenho uma pasta, com o t\u00edtulo twentysixteen-child, que cont\u00e9m dois arquivos \u2014 style.css e functions.php. \u00c9 hora de comprimir essa pasta em um arquivo zip e fazer o upload para o meu site.<\/p>\n\n\n\n<p>Navegue at\u00e9 Apar\u00eancia \u2192 Temas e selecione &#8220;Adicionar Novo&#8221;, que permitir\u00e1 que voc\u00ea fa\u00e7a o upload de um arquivo zip. O WordPress primeiro verificar\u00e1 se o tema principal est\u00e1 instalado e, se estiver, voc\u00ea deve ser autorizado a fazer o upload do seu tema. Se o tema principal n\u00e3o for encontrado, n\u00e3o funcionar\u00e1.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png\" alt=\"Tema Carregado do WordPress\" class=\"wp-image-12961 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Agora, voc\u00ea deve ser capaz de ver seu tema na lista de temas carregados. Veja como o meu aparece quando eu clico nele. Note que eu n\u00e3o adicionei uma imagem de pr\u00e9-visualiza\u00e7\u00e3o ao meu tema, mas mesmo assim funcionou. Mas veja como ele inclui todas as informa\u00e7\u00f5es que eu coloquei no passo 2?<\/p>\n\n\n\n<p><span style=\"font-weight: 400\"><\/span><\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Preciso de um Tema Filho?\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Se voc\u00ea precisa de ajuda para encontrar um p\u00fablico-alvo, escolher o tema WordPress certo ou definir os valores da sua marca, podemos ajudar! Inscreva-se em nosso boletim mensal para nunca perder um artigo.\n    <\/p>\n\n            <a\n            href=\"http:\/\/messages.dreamhost.com\/public\/webform\/render_form\/0d5r88n319d4z8oihazkjsxjn2xwo\/0eb6cc6c0d15e420a3ff54f02356d3eb\/addcontact\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Inscreva-se Agora                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<p>Ative o seu tema e, se tudo correr bem, voc\u00ea dever\u00e1 conseguir ver suas altera\u00e7\u00f5es ao vivo. Ta da! Eu tenho a nova cor da borda e as fontes do cabe\u00e7alho que eu queria. Melhor ainda, mesmo que o WordPress atualize o tema Twenty Sixteen, minhas mudan\u00e7as n\u00e3o ser\u00e3o alteradas.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png\" alt=\"Website Finalizado do WordPress\" class=\"wp-image-12957 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Espero que este tutorial tenha ajudado voc\u00ea a ver como pode ser f\u00e1cil e \u00fatil ter um <a href=\"https:\/\/www.dreamhost.com\/blog\/manage-wordpress-themes-command-line-wp-cli\/\">tema filho no seu blog WordPress<\/a>. \u00c9 uma \u00f3tima maneira de proteger seu tema para o futuro, garantindo que ele continue bonito e personalizado, n\u00e3o importa o que aconte\u00e7a.<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Imagine isso: voc\u00ea encontrou o tema perfeito para o seu blog WordPress. Bem, quase perfeito. Depois de ajustar a fonte do menu de Times New Roman para Open Sans e mudar a cor de fundo da barra lateral de verde para azul celeste, ele se encaixa exatamente na sua vis\u00e3o. At\u00e9 duas semanas depois, quando o criador do tema lan\u00e7a uma nova vers\u00e3o [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":12957,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-1-begin-with-a-parent-theme-and-plan-your-changes\",\"1. Comece com um Tema Principal e Planeje Suas Altera\u00e7\u00f5es\"],[\"h-2-create-your-child-theme-folder-and-files\",\"2. Crie a Pasta e os Arquivos do Seu Tema Filho\"],[\"h-3-upload-your-child-theme-to-wordpress\",\"3. Fa\u00e7a o upload do seu Tema Filho para o WordPress\"]]","hide_toc":false,"footnotes":""},"categories":[14411,14391,14409],"tags":[],"class_list":["post-54222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decodificando-wordpress-pt","category-tutoriais-pt","category-wordpress-pt"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio\" \/>\n<meta property=\"og:description\" content=\"Imagine isso: voc\u00ea encontrou o tema perfeito para o seu blog WordPress. Bem, quase perfeito. Depois de ajustar a fonte do menu de Times New Roman para Open Sans e mudar a cor de fundo da barra lateral de verde para azul celeste, ele se encaixa exatamente na sua vis\u00e3o. At\u00e9 duas semanas depois, quando o criador do tema lan\u00e7a uma nova vers\u00e3o [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-15T21:02:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T20:13:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2698\" \/>\n\t<meta property=\"og:image:height\" content=\"1690\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio - DreamHost Blog","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:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/","og_locale":"en_US","og_type":"article","og_title":"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio","og_description":"Imagine isso: voc\u00ea encontrou o tema perfeito para o seu blog WordPress. Bem, quase perfeito. Depois de ajustar a fonte do menu de Times New Roman para Open Sans e mudar a cor de fundo da barra lateral de verde para azul celeste, ele se encaixa exatamente na sua vis\u00e3o. At\u00e9 duas semanas depois, quando o criador do tema lan\u00e7a uma nova vers\u00e3o [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2016-07-15T21:02:53+00:00","article_modified_time":"2025-05-26T20:13:29+00:00","og_image":[{"width":2698,"height":1690,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","type":"image\/png"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-05-26T20:13:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/"},"wordCount":1212,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","articleSection":["Decodificando WordPress","Tutoriais","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/","name":"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-05-26T20:13:29+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","width":2698,"height":1690,"caption":"WordPress Finished Website"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/por-que-voce-precisa-de-um-tema-filho\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Por Que Voc\u00ea Precisa de um Tema Filho e Como Criar o Seu Pr\u00f3prio"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"pt","translations":{"pt":54222,"de":54193,"en":12955,"uk":54225,"es":54253,"pl":54256,"ru":54259,"it":68295,"fr":70185,"nl":70209},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=54222"}],"version-history":[{"count":7,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54222\/revisions"}],"predecessor-version":[{"id":72972,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54222\/revisions\/72972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/12957"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=54222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=54222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=54222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}