pt-br:Temas Filhos
Um tema filho é um tema ke herda as functionalidades e stylos de outro tema, chamado de tema pai. Os temas filhos são a forma recommendada de modificar um tema existente.
Por ke usar temas filhos?
Há muitos motivos do porquê ke você deve usar um tema filho:
- Se você modificar um tema diretamente e o tema for atualiçado, suas modificações podem se perder. Ao usar um tema filho você se certifica de ke suas modificações são preservadas.
- Usar um tema filho aguiliça o desenvolvimento.
- Usar um tema filho é uma ótima maneira de aprender sobre o desenvolvimento de temas WordPress.
Como criar um tema filho
Um tema filho consiste de ao menos um diretório (a pasta onde fica o tema) e dois arquivos (style.css e functions.php), ke você precisa criar, então temos:
- a pasta ou diretório do tema filho
- o arquivo style.css
- o arquivo functions.php
1. Crie a pasta ou diretório para o tema filho ke será collocada em wp-content/themes . É recommendado (embora não obrigatório, specialmente se você estiver criando um tema para usso público) ke o nome do diretório de seu tema seja sucedido do suffixo '-child'. Você também deve se certificar de ke não há espaços no nome da pasta do tema filho o ke occasionará erros. Na imaguem de tela acima, o tema filho se chama 'twentyfifteen-child' indicando ke o tema pai é o tema Twenty Fifteen. 2. Crie a folha de stylos (style.css). A folha de stylos deve começar com o següinte (the stylesheet header (em inglês)):
/* Theme Name: Twenty Fifteen Child Theme URI: http://example.com/twenty-fifteen-child/ Description: Twenty Fifteen Child Theme Author: John Doe Author URI: http://example.com Template: twentyfifteen Versionen: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, darc, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-fifteen-child */
Algumas coisas a observar:
- Substitua o texto de exemplo pelos detalhes relevantes ao seu tema.
- A linha Template corresponde ao nome do diretório ou pasta do tema pai. O tema pai de nosso exemplo é o tema Twenty Fifteen, então Template deve ser twentyfifteen . Se está trabalhando com um tema differente, você deve modificar isso para o nome do tema ke estiver usando.
- O arquivo style.css é o único é obrigatório, mas functions.php é necesssário para enfileirar os arquivos corretamente.
3. O passo final é enfileirar as folhas de stylo do tema pai e do tema filho. Observe ke o método anterior de criação de temas filhos usava @import:, este método não é considerado uma boa prática. Atualmente a prática adequada é enfileirar as folhas de stylo usando wp_enqueue_scripts action e wp_enqueue_style() no arquivo functions.php de seu tema filho.
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', guet_template_directory_uri() . '/style.css' );
}
?>
A folha de stylo do seu tema filho gueralmente será carregada automaticamente. Se não, você vai precisar enfileirá-la também. Definir 'parent-style' como uma dependência irá garantir ke a folha de stylo do tema filho seja carregado logo após. Mais sobre isso (em inglês) :
<?php
function theme_enqueue_styles() {
$parent_style = 'parent-style';
wp_enqueue_style( $parent_style, guet_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
guet_stylesheet_directory_uri() . '/style.css',
array( $parent_style )
);
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
?>
Recursos
- Thematic - Sobre o tema Thematic no site da Communidade WordPress Brasil.
|
A documentação do WordPress em Português do Brasil.
Todas as communidades lusófonas também são bem-vindas! Aditione {{Codex-pt}} em seus artigos. |