Por que você nunca deve personalizar o WordPress no tema pai existente? O que acontece com suas personalizações quando o tema que você está usando é atualizado?

A resposta é que eles estão perdidos, e seu trabalho duro para criar seu site de acordo com suas diretrizes e preferências de marca e mensagens também será perdido.

Um tema filho permite criar uma folha de estilo CSS separada^{(child theme enables you to create a separate CSS stylesheet)} e adicionar funcionalidades adicionais que não serão perdidas ou afetadas quando o tema pai for atualizado.

Isso pode ser feito manualmente ou instalando um plug-in de criador de tema filho. Vamos começar com o processo manual.

Criar um novo diretório^{(Create a New Directory)}

Comece^(Start) criando um novo diretório para seu tema filho. Você pode usar um cliente FTP^{(FTP client)} ou acessar seu diretório wp-content/themes existente através do seu cPanel.

Para usar o cPanel, acesse o painel de controle da sua hospedagem. Selecione o gerenciador de arquivos^{(file manager)} e navegue até o diretório onde o WordPress está instalado.

Isso geralmente está em um diretório chamado public_html . Localize e abra a pasta wp-content . Clique em criar nova pasta^{(create new folder)} e insira um nome para o seu tema filho. Certifique-se de dar um nome que você reconhecerá mais tarde. Um bom exemplo é nameofparenttheme-child .

Não inclua espaços no nome do arquivo para evitar erros.

Devido ao manuseio interno, o nome da pasta deve incluir o nome do tema pai (tema 'slug') conforme mostrado no exemplo abaixo.

Criar uma folha de estilo CSS^{(Create a CSS Stylesheet)}

As folhas de estilo são usadas em temas do WordPress por dois motivos.

• É a localização dos estilos que afetam a aparência do seu site.
• A folha de estilo principal de um tema é onde o WordPress procura informações sobre o tema.

Você pode não querer adicionar novos estilos ao tema filho. No entanto, a folha de estilo ainda precisa existir para definir detalhes como o nome do tema e o nome do tema pai.

Portanto, você precisa criar uma nova folha de estilo para seu tema filho. Então, seu próximo passo é criar um arquivo de texto para a folha de estilo CSS que definirá as regras que controlam a aparência do seu tema filho.

O arquivo CSS^(CSS) do tema filho terá precedência sobre o tema pai.

Você precisa incluir as seguintes informações em seu arquivo de texto:

• O nome do seu tema.
• O nome do diretório do tema pai.
• Título e descrição que faz sentido.

Certifique-se de incluir na folha de estilo o seguinte comentário de cabeçalho na parte superior do arquivo. O WordPress^(WordPress) lerá essas informações e saberá que um tema filho está sendo usado.

Você deseja prestar muita atenção à tag do modelo. Ele informa ao WordPress qual é o tema pai do seu filho. Observe que a pasta onde seu tema pai está localizado diferencia maiúsculas de minúsculas.

Tecnicamente, agora você pode ativar seu tema filho. No entanto, se você quiser criar um tema filho mais complexo, precisará adicionar funções PHP personalizadas .

Crie um arquivo functions.php no tema filho (no mesmo diretório que o arquivo style.css que você criou). ^(style.css)É aqui que coisas como formatos de postagem adicionais devem ser adicionados.

Assim como no seu arquivo CSS , as alterações ou adições ao seu arquivo PHP serão automaticamente mescladas ou substituídas pelas funções do pai.

Para coisas como formatos de postagem que são adicionados com um add_theme_support() , eles agem como substituições em vez de mesclagens.

Ao usar add_theme_support() , você precisa executar algumas etapas adicionais para garantir que o tema filho substitua o pai.

Isso pode ficar complicado, então consulte a postagem do atual líder da equipe de revisão de temas do WordPress,^{(WordPress Theme Review Team)} William Patton, sobre o uso de formatos de postagem do WordPress^{( post on using WordPress post formats)} . 

Adicione estilos e scripts para substituir a funcionalidade do tema pai^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Sua próxima etapa é garantir que seu tema filho herde os recursos e estilos do tema pai ou reflita os novos que você deseja usar.

Os estilos são usados ​​para alterar a aparência do seu site. Os scripts^(Scripts) melhoram a funcionalidade. A forma como os estilos e scripts são adicionados ao seu site WordPress é tão essencial quanto o conteúdo dos arquivos.

A funcionalidade de enfileiramento do WordPress é como fazer isso.

O enfileiramento refere-se à maneira como os estilos e scripts são adicionados aos sites do WordPress para que possam afetar o que os usuários veem quando visitam seu site.

O uso de vários plugins para obter o mesmo resultado geralmente leva a problemas de compatibilidade e sites quebrados.

O Wp_enqueue^(Wp_enqueue) não apenas melhora o desempenho do seu site reduzindo a sobrecarga do plug-in, mas também aprimora a experiência do usuário.

Como usar 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

Para gerar os estilos para seu tema filho, você precisará usar uma função chamada wp_enqueue_style() .

Esta função leva alguns bits de informação, mas o mais importante é o nome (ou 'handle') e a localização do arquivo.

Dentro do arquivo functions.php adicione o seguinte código.

Este código adiciona a folha de estilo do diretório pai e também adiciona a folha de estilo para o filho que criamos anteriormente. Observe que o texto do estilo pai^{(parent-style)} deve corresponder ao nome do tema pai com -style adicionado ao final.

Ative seu tema filho^{(Activate Your Child Theme)}

Se você criou os arquivos para o seu tema filho no servidor dentro da pasta wp-content/themes/yourthemename , ele estará disponível no painel do WordPress para você ativar.

• Faça login no seu painel.
• Vá para Appearance > Themes .
• Seu tema filho deve ser listado.
• Selecione Visualizar^(Preview) para ver a aparência do site com o novo tema filho.
• Quando estiver satisfeito com a aparência, clique em Ativar^{(Activate )} para ativá-lo.

Se você criou seu tema filho em outro lugar que não seja o servidor na pasta wp-content/themes/yourthemename , você deve compactar sua nova pasta de tema filho.

• Faça login no seu painel do WordPress.
• Vá para Appearance > Themes .
• Clique em Adicionar novo^{(Add new)} .
• Escolha Carregar Tema^{(Upload Theme)} .
• Arraste^(Drag) o arquivo compactado para a nova caixa que aparece ou clique no seletor de arquivos e navegue até ele em seu computador.
• Depois de carregado, você pode visualizá-lo e ativá-lo.

Adicionar arquivos de modelo^{(Add Template Files)}

Para substituir outros modelos, você pode copiá-los do tema pai para o tema filho. Quaisquer arquivos de modelo que tenham o mesmo nome no filho e no pai atuam como substituições. Em seguida, ajuste o conteúdo dos modelos conforme necessário.

Para adicionar novos templates^{(To add new templates)} , basta criar um novo arquivo com o nome correto e adicionar seu próprio conteúdo. A seção acima explica o processo manual.

Agora vamos ver como criar temas filhos com um plugin do WordPress .

Use um plug-in do WordPress^{(Use a WordPress Plugin)}

Faça login^(Log) no seu painel do WordPress . Clique^(Click) em Plugins > Add New . Procure por tema filho.^{(child theme.)}

O primeiro plugin que você verá é o Child Theme Configurator . Esta é uma boa escolha, como visto na captura de tela acima, porque:

• É compatível com a versão atual do WP.
• Tem muitas instalações.
• Foi atualizado recentemente.

Clique em Install now > Activate . A próxima etapa é navegar até Ferramentas^(Tools) e selecionar temas filho.^{(child themes.)}

Encontre^(Find) e selecione seu tema pai no menu suspenso. Escolha analisar^(analyze) para ter certeza de que seu tema pode ser usado como um tema filho.

Abaixo^(Below) está um tutorial passo a passo sobre como configurar o Child Theme Configurator . Se você decidir usar um plug-in diferente do WordPress , também poderá encontrar facilmente um tutorial sobre como configurá-lo.

Como você já sabe, os temas filho são temas distintos que dependem de seu tema pai para algumas de suas funcionalidades.

Quando você usa um tema filho, o WordPress procurará o filho antes do pai e seguirá o estilo e a funcionalidade do filho, se existir.

Economize muito tempo, problemas e dores de cabeça futuras quando o tema pai for atualizado, criando um filho que não será afetado pela atualização.

How To Create a WordPress Child Theme

Why should you never customize WordPress in thе exіsting parent thеmе? What happens to your customizations when the theme you are using is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Criando Child Theme em 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

• Squarespace vs WordPress: qual é a melhor plataforma de site?

• Must Have WordPress Yoast SEO Settings 2021

• Como instalar um site de teste do WordPress no seu computador

• Como acelerar qualquer site WordPress usando .HTACCESS

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

• Como usar o WP Super Cache no blog WordPress

• Tutorial WordPress Gutenberg: Como usar o novo editor

• 10 plugins essenciais do WordPress para um site de pequenas empresas

• Protect e WordPress website seguras contra hackers

• Como fazer um WordPress Site Secure

• Como acelerar um site WordPress em 11 etapas

• Como remover malware do seu site WordPress

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

• Mostre o trecho na página inicial de WordPress blog

• Como encontrar seu login de administrador do WordPress