<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>wordpress avançado &#8211; Turbosite &#8211; Blog</title>
	<atom:link href="https://www.turbosite.com.br/blog/tag/wordpress-avancado/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.turbosite.com.br/blog</link>
	<description></description>
	<lastBuildDate>Fri, 05 Sep 2014 18:19:20 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://www.turbosite.com.br/blog/wp-content/uploads/2026/09/cropped-logo_turbo_vermelha-32x32.png</url>
	<title>wordpress avançado &#8211; Turbosite &#8211; Blog</title>
	<link>https://www.turbosite.com.br/blog</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Criando um tema filho (Child Theme) para WordPress</title>
		<link>https://www.turbosite.com.br/blog/criando-um-tema-filho-child-theme-para-wordpress/</link>
		
		<dc:creator><![CDATA[turboajuda]]></dc:creator>
		<pubDate>Fri, 05 Sep 2014 18:19:20 +0000</pubDate>
				<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[child theme wordpress]]></category>
		<category><![CDATA[como criar child theme]]></category>
		<category><![CDATA[Destaque]]></category>
		<category><![CDATA[wordpress avançado]]></category>
		<guid isPermaLink="false">http://blog.turbosite.com.br/?p=3485</guid>

					<description><![CDATA[Trabalhando com Temas Filhos (theme-child) com Wordpress, modifique um tema sem ter que alterar seus arquivos, assim você mantém o tema Original e terá o seu personalizado.]]></description>
										<content:encoded><![CDATA[<p>Saiba como criar temas filhos (child-theme) para o WordPress, um recurso importantíssimo que pode evitar dores e cabeça e reprogramação.</p>
<p>O processo de criação é bem simples e vamos explorá-lo nas linhas abaixo, vamos lá.</p>
<h3>Imaginem duas situações:</h3>
<ol>
<li>Você está criando um site em <a title="Wordpress" href="http://wordpress.org/" target="_blank">WordPress</a> e  utilizando um dos milhares de temas pagos ou gratuitos (muito cuidado com temas pagos-gratuitos, se é que me entende&#8230;). Até aí tudo bem, certo? Você mexe no <em>style.css</em>,<em> functions.php</em> e até no <em>index.php</em> e outros arquivos de páginas. O site está rodando do jeito que você quer: perfeito! Aí seu cliente clica em &#8220;atualizar&#8221; e BOOM! perdeu tudo. Todo o seu trabalho foi apagado!!</li>
<li>Você tem uma rede de sites/blogs numa instalação <a href="http://codex.wordpress.org/Create_A_Network" target="_blank">Multisite</a> e não quer todos os blogs iguais: vai criar um tema para cada site? Nossa&#8230; podem ser o que? 1000 temas?</li>
</ol>
<h3>Solução</h3>
<p>Há várias soluções para esses problemas, mas entre elas a mais <del>anti-gambiarra</del> elegante é a utilização de um recurso do WordPress muito legal chamado <a href="https://codex.wordpress.org/Child_Themes" target="_blank">Child Theme</a> ou Tema Filho.</p>
<p>Um Child Theme (prefiro usar os termos em inglês para me acostumar na consulta do Codex) é um tema derivado. Ele &#8220;sobrescreve&#8221; um outro tema, ou seja, você não vai ativar o pai, mas sim o filho, no menu<strong> Aparência &gt;&gt; Temas</strong>.</p>
<p>&nbsp;</p>
<h3>Vamos praticar:</h3>
<p><strong>1º Passo:  </strong>Crie uma pasta no seu diretório de temas para guardar seu Child Theme, o Codex do WordPress e eu =D, aconselhamos que o nome seja <strong>nomedotema-child</strong>.</p>
<p>Por exemplo:</p>
<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-3486" src="https://www.turbosite.com.br/blog/wp-content/uploads/2014/09/temas-child-dica-turbosite.png" alt="temas-child-dica-turbosite" width="558" height="260" srcset="https://www.turbosite.com.br/blog/wp-content/uploads/2014/09/temas-child-dica-turbosite.png 558w, https://www.turbosite.com.br/blog/wp-content/uploads/2014/09/temas-child-dica-turbosite-300x140.png 300w" sizes="(max-width: 558px) 100vw, 558px" /></p>
<p><em>Vamos criar um Child Theme para o tema padrão do WP: Twenty Fourteen.</em></p>
<p><strong>2º Passo: </strong>Quais são os arquivos básicos de um tema? O <em>styles.css</em> e o <em>index.php</em>! Como um Child Theme utiliza os arquivos do Tema Pai, o <em>index.php</em> é dispensável, então o 2º passo é criar o único arquivo obrigatório: o <strong>style.css:</strong></p>
<p>&nbsp;</p>
<div>
<div id="highlighter_428502" class="syntaxhighlighter  css">
<pre class="lang:css decode:true">/*
Theme Name: Twenty Fourteen Child
Theme URI: http://wordpress.org/themes/fourteen
Description: Esse é um Child Theme!
Author: Mário Valney
Author URI: http://mariovalney.com
Template: twentyfourteen
Version: 1.0.0
*/</pre>
<p>Se você já criou um tema ou já fuçou algum tema, sabe que esse comentário no início do arquivo <em>style.css</em> é obrigatório e responsável pelas informações do tema. A única diferença desse para o do Tema Pai é a linha &#8220;Template&#8221;.  É nessa linha que escrevemos o nome do tema o qual o Child Theme será subordinado (é o mesmo nome na linha &#8220;Text Domain&#8221; do Tema Pai).</p>
<p>&nbsp;</p>
</div>
</div>
<p><strong>3ª Passo: </strong>Agora você só precisa ativar o Tema Filho e ser feliz =D</p>
<h3>Como modificar seu tema</h3>
<p>Agora que você já criou e ativou o seu Child Theme, vai perceber que o seu site perdeu o estilo (com perdão do trocadilho). Isso acontece, porque todos os arquivos do Tema Pai, com exceção do <em>functions.php</em>, são sobrescritos, se houver um arquivo de mesmo nome no Tema Filho.<br />
Como existe um <em>style.css</em> no Child Theme, o original é descartado, por isso, se quisermos utilizá-lo, devemos acrescentar uma linha:</p>
<div>
<div id="highlighter_149919" class="syntaxhighlighter  css">
<pre class="lang:css decode:true ">@import url("../twentyfourteen/style.css");</pre>
<p>Isso irá importar o arquivo do Tema Pai e assim o site vai voltar exatamente ao que é, se o Tema Pai estiver ativado.</p>
</div>
</div>
<p>Para todos os outros arquivos, basta criar um arquivo de mesmo nome e ele será chamado no lugar do correspondente no Tema Pai.</p>
<p>&nbsp;</p>
<h3>Quando usar?</h3>
<p>Se os motivos de criar um Child Theme, no lugar de modificar os arquivos de um Tema, não ficaram claros, aqui vai uma lista:</p>
<ul>
<li>Se você modificar um Tema e ele for atualizado, você perde todas as modificações. Usando um Child Theme o Tema Pai pode ser atualizado sem problemas (isso é um ganho de segurança e de possíveis melhorias).</li>
<li>Agiliza seu tempo de desenvolvimento.</li>
<li>Não há modo melhor de iniciar no estudo da criação de Temas para WordPress.</li>
</ul>
<p>Voltando aos problemas do início do artigo, recomendei o uso desse recurso para a rede de sites, pois assim será possível criar um Tema Pai para a rede e um Tema Filho para cada blog/site. Afinal, criar uma pasta e um <em>style.css</em>, é o mínimo de trabalho que se espera ao querer que cada site seja diferente, né?</p>
<p>Além disso, você poderá mudar as funcionalidades de todos os sites ao mesmo tempo, alterando o Tema Pai. Ou mudar algo em algum site, alterando apenas o Tema Filho correspondente.</p>
<p>E é isso! Espero que tenham gostado e que achem útil. Afinal, ignorar recursos como este é querer não ser um Ninja do WordPress.</p>
<p>Compartilhem com seus amigos e façam seus comentários a baixo.</p>
<p>Via: <a href="http://mariovalney.com/como-criar-um-tema-filho-child-theme-para-wordpress/" target="_blank">MarioValney</a></p>
<hr />
<p>Acompanhe o blog da <a href="https://www.turbosite.com.br" target="_blank">Turbosite</a>, todos os dias dicas e novidades para vocês! </p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
