Como criar um tema infantil para WordPress em 4 etapas fáceis

Temas filhos - como o nome sugere - é um tema que deriva funcionalidades de um tema pai. Editar seu tema WordPress diretamente não é recomendado em alguns casos, como quando o tema pode ser atualizado. Se uma nova atualização de um tema for aplicada, você pode perder a personalização que fez.

Para manter as personalizações e também continuar recebendo as atualizações dos temas, é recomendável criar um tema filho em WordPress do tema pai que deseja usar. Criar um tema filho tem outra vantagem, ou seja, seu tema pai permanece intacto e livre de qualquer edição.

Os temas filho existem em uma pasta diferente de um tema pai, e o tema filho depende das funcionalidades do tema pai, a menos que seja modificado. Se você estiver usando um tema filho em seu site, o núcleo do WordPress verificará os arquivos do tema filho primeiro. Se não for modificado, o WordPress executará os arquivos do tema pai.

Para entender completamente o conceito de temas filhos no WordPress, vamos criar um tema filho do tema padrão do WordPress Twenty Fifteen e fazer algumas modificações para ter uma ideia por trás dos temas filhos.

Para criar um tema filho do WordPress, seguiremos estas etapas:

• Crie uma pasta e nomeie-a vintefifteen-child. Anexar -child é considerado uma boa prática.
• Crie style.css com informações do tema filho e arquivo functions.php
• Importe o modelo Twenty Fifteen em style.css
• Enfileirar folhas de estilo por meio de um arquivo functions.php
• Edite arquivos de modelo como single.php

Etapa 1: crie uma pasta de tema filho e adicione style.css

O primeiro passo é criar uma nova pasta para o nosso tema filho. Chame-o de vinte e quinze filhos para lembrar facilmente onde reside o nosso tema infantil.

Para fazer isso, conecte-se ao seu servidor usando um cliente FTP como o FileZilla e navegue até / public_html / wp_content / themes e crie uma nova pasta chamada Twentyfifteen-child

Neste novo diretório, crie um arquivo style.css e cole as seguintes informações nele.

 / *
Nome do tema: Twenty Fifteen Child
URI do tema: https://wordpress.org/themes/twentyfifteen/
Autor: a equipe do WordPress
URI do autor: https://wordpress.org/
Modelo: vinte e quinze
Descrição: Tema infantil dos vinte e quinze anos
Versão: 1.3
Licença: GNU General Public License v2 ou posterior
URI de licença: http://www.gnu.org/licenses/gpl-2.0.html
Tags: preto, azul, cinza, rosa, roxo, branco, amarelo, escuro, claro, duas colunas, barra lateral esquerda, layout fixo, layout responsivo, pronto para acessibilidade, plano de fundo personalizado, cores personalizadas, personalizado cabeçalho, menu personalizado, estilo do editor, imagens em destaque, microformatos, pós-formatos, suporte para linguagem rtl, postagem fixa, comentários encadeados, pronto para tradução
Domínio de texto: vinte e quinze filhos
Este tema, como o WordPress, é licenciado sob a GPL.
Use-o para fazer algo legal, se divertir e compartilhar o que você aprendeu com outras pessoas.
* /

As linhas mais importantes que você deve editar são “Nome do tema” , “Domínio do texto” e “Modelo” . Uma vez que o nome do tema não pode ser o mesmo que Twenty Fifteen, e no modelo, dizemos ao WordPress que este tema é o tema filho de Twenty Fifteen, devemos chamar os arquivos das pastas Twenty Fifteen se eles não existirem no twenty-child pasta. Além disso, o domínio de texto deve ser diferente e exclusivo de cada tema que você tem com a instalação do WordPress.

Agora, se navegarmos até nosso painel de administração do WordPress → Aparência → Tema , veremos que Twenty Fifteen Child apareceu. Podemos aplicar esse tema em nosso site.

Como style.css está presente no diretório do tema filho. O WordPress carregará esse style.css e não o style.css do tema pai. Todos os outros arquivos como index.php , page.php , functions.php serão carregados do tema pai.

Como não temos nenhum estilo definido no style.css do tema filho, teremos que importar os estilos. A melhor prática recomendada no códice do WordPress é enfileirar as folhas de estilo usando o arquivo functions.php.

Etapa 2: enfileirar folhas de estilo usando functions.php

Ao contrário de outros arquivos, a teoria por trás do arquivo functions.php em temas filho do WordPress é: O WordPress primeiro carrega o functions.php do tema filho e inicializa as funções nele, depois também executará o functions.php do tema pai.

Como mencionei antes, a melhor maneira de importar folhas de estilo é enfileirá-las por meio do arquivo functions.php .

Crie o arquivo functions.php em seu diretório de tema filho e adicione o código a seguir.

 <? php
add_action ('wp_enqueue_scripts', 'enqueue_parent_styles');
function enqueue_parent_styles () {
wp_enqueue_style ('estilo-pai', get_template_directory_uri (). '/ style.css');
}

Isso chamará a folha de estilo “ style.css ” do arquivo de temas pai. Se quiser editar qualquer coisa nas folhas de estilo, você pode adicionar essas regras no style.css do tema filho.

Etapa 3: edite o arquivo style.css do tema filho

Nos temas filho do WordPress, você pode editar facilmente as folhas de estilo definindo regras no style.css na pasta do tema filho. Por exemplo, se quisermos alterar a cor da âncora, tudo o que precisamos fazer é adicionar o seguinte código no style.css do nosso tema filho

 uma {
cor: # D54E21;
decoração de texto: nenhum;
}

O que acontece aqui é que a regra style.css do tema filho para “a” substitui o style.css do tema pai, o resto permanece intacto.

Etapa 4: edite um arquivo de modelo de single.php

Podemos editar facilmente arquivos de modelo individuais nos temas filhos. Por exemplo, se quisermos editar single.php, precisamos copiar esse arquivo da pasta do tema pai e colá-lo na pasta do tema filho.

Digamos que queremos remover a seção de comentários das páginas de postagem única. Depois de copiar o arquivo em nossa pasta de tema filho, podemos editá-lo e remover a seção de comentários a seguir.

 // Se os comentários estão abertos ou temos pelo menos um comentário, carregue o modelo de comentário.
if (comments_open () || get_comments_number ()):
comments_template ();
fim se;

O que acontece aqui é que o WordPress verifica a pasta do tema filho para single.php , se existir no diretório, ele irá carregá-lo de lá, caso contrário, ele voltará para a pasta do tema pai.

Assim, podemos editar qualquer arquivo de modelo individual em nossos temas. Essa abordagem é geralmente boa porque mantém nosso tema pai intacto e atualiza o tema pai sem perder nossa personalização.