Apenas um punhado de usuários do WordPress usa um tema filho e isso ocorre porque muitos dos usuários não sabem o que é um tema filho ou Criando Tema Filho^{(Creating Child Theme)} no WordPress . Bem^(Well) , a maioria das pessoas que usam o WordPress tendem a editar ou personalizar seu tema, mas toda essa personalização é perdida quando você atualiza seu tema e é aí que entra o uso do tema filho. Quando você usa um tema filho, toda a sua personalização será salva e você poderá atualizar facilmente o tema pai.

Criando tema filho no WordPress

Criando um tema filho a partir de um tema pai não modificado^{(Creating a Child Theme from an Unmodified Parent Theme)}

Para criar um tema filho no WordPress você precisa fazer login no seu cPanel e navegar até public_html e depois wp-content/themes onde você deve criar uma nova pasta para o seu tema filho (exemplo /Twentysixteen-child/). Certifique-se de não ter espaços no nome do diretório do tema filho, o que pode resultar em erros.

Recomendado:^{(Recommended:)} você também pode usar o plug-in One-Click Child Theme^{(One-Click Child Theme plugin)} para criar um tema filho (apenas a partir de um tema pai não modificado).

Agora você precisa criar um arquivo style.css para seu tema filho (dentro do diretório do tema filho que você acabou de criar). Depois de criar o arquivo, basta copiar e colar o seguinte código ( altere^(Change) os detalhes abaixo de acordo com as especificações do seu tema):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Nota: ^(Note: ) A linha Template ( Template : Twentysixteen) deve ser alterada de acordo com o nome atual do diretório do tema (o tema pai cujo filho estamos criando). O tema pai em nosso exemplo é o tema Twenty Sixteen , então o Template será vinte e dezesseis.

Anteriormente @import era usado para carregar a folha de estilo do pai para o tema filho, mas agora não é um bom método, pois aumenta a quantidade de tempo para carregar a folha de estilo. Em vez de usar @import, é melhor usar funções PHP no arquivo functions.php do seu tema filho para carregar a folha de estilo.

Para usar o arquivo functions.php você precisa criar um no diretório do seu tema filho. Use o seguinte código em seu arquivo functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

O código acima só funciona se o seu tema pai usar apenas um arquivo .css para armazenar todo o código CSS .

Se o seu tema filho style.css contiver realmente código CSS (como normalmente faz), você precisará enfileirar também:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

É hora de ativar seu tema filho, faça login no seu painel de administração e vá para Appearance > Themes e ative seu tema filho na lista de temas disponíveis.

Observação:^(Note:) talvez seja necessário salvar novamente seu menu ( Appearance > Menus ) e opções de tema (incluindo imagens de fundo e de cabeçalho) após ativar o tema filho.

Agora, sempre que você quiser fazer alterações em seu style.css ou functions.php, você pode facilmente fazer isso no seu tema filho sem afetar a pasta do tema pai.

Criando Tema Filho^{(Child Theme)} no WordPress a partir do seu tema pai, mas a maioria de vocês já personalizou seu tema, então o método acima não irá ajudá-lo em nada. Nesse caso, confira como atualizar um tema WordPress sem perder a personalização.

Se espero que este artigo tenha sido útil para você, mas se você ainda tiver alguma dúvida sobre este guia, sinta-se à vontade para perguntar nos comentários.

Creating Child Theme in WordPress

Only a handful of WordPress users useѕ a child theme and that’s because many of the users don’t know what is a child theme or Creating Chіld Theme in WordPress. Well, most оf the people using WordPress tend to edit or customize their theme but all thаt customization is lost whеn yoυ update your theme and that’s where the use of child theme comes. When you use a child theme then all your customization will be saved and you can easilу update the parent theme.

Creating Child Theme in WordPress

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Related posts

• Como criar um tema filho do WordPress

• Como configurar seu próprio site semelhante ao Twitter usando o tema P2 do WordPress

• Como mover WordPress site de um host para outro

• Como instalar e WordPress configuração no Microsoft Azure

• Como correr blazingly rápido WordPress em Microsoft Azure

• Como construir um blog Wix tão bom quanto o WordPress

• Wix vs WordPress: Qual é o melhor para criar seu site?

• Como acelerar qualquer site WordPress usando .HTACCESS

• WordPress mostra HTTP Error ao enviar imagens

• 7 dicas do WordPress para um site compatível com dispositivos móveis

• WordPress Jetpack: O que é e vale a pena instalar?

• Como fazer backup do seu site WordPress

• O melhor formato de escrita de blog para obter seus pontos

• Tutorial WordPress Gutenberg: Como usar o novo editor

• 9 Plugins obrigatórios para novas instalações do WordPress

• O que é AMP para WordPress e como instalá-lo

• Como remover malware do seu site WordPress

• Como alterar seu URL de login do WordPress para melhor segurança

• Como usar o Lumen5 para transformar sua postagem de blog em um vídeo

• Resenha do livro: Construa seu próprio site: um guia em quadrinhos para HTML, CSS e Wordpress