Como modificar o tema WordPress usando o tema infantil?

Publicados: 2014-12-10

Existem vários temas WordPress gratuitos e pagos disponíveis. Mas e se você quiser personalizar o tema comprado de acordo com suas necessidades e preferências? Existem tantos exemplos de pequenas coisas que todos queremos mudar. Nesse caso, é necessário modificar o tema do WordPress .

Uma cor aqui, um tamanho de fonte ali, talvez uma chamada à ação diferente nos botões. Existem vários motivos pelos quais o proprietário do site gostaria de fazer alterações em seu tema “pai”. O problema é que as alterações do tema modificado serão perdidas assim que você atualizar o tema do WordPress.

A criação de um “tema filho” resolve isso , fornecendo todas as funcionalidades do tema escolhido, permitindo que você o atualize sem medo de perder quaisquer alterações. Neste caso, é necessário um conhecimento básico de CSS / HTML. Ou copie / cole trechos de código de outras fontes.

Um grande número de usuários do WordPress modifica o tema do WordPress sem o uso do tema filho . Isso pode ser devido à falta de compreensão sobre o que é um tema infantil, ou devido à dificuldade percebida em criá-lo.

Índice

Quais são os prós e contras do uso do tema infantil?

Vantagens e desvantagens são genéricas e baseadas em casos de uso comuns. Pode ser diferente com base em seus requisitos . Algumas vantagens podem ser desvantagens em seu cenário.

É recomendável avaliar cuidadosamente os prós e os contras no contexto dos requisitos do seu site. Você realmente precisa de um tema infantil? Se suas alterações forem mínimas, você poderá usar os plug-ins ou apenas usar as opções do tema.

Se suas alterações forem extensas e distribuídas por um grande número de arquivos, será melhor criar seu próprio tema. Este é o tema principal certo? Escolher o tema pai certo é crucial.

Ele deve fornecer a maioria das funções necessárias fora da caixa, caso contrário, você estará personalizando e substituindo muito. Você também deve se certificar de que o tema tem potencial para durar um longo período de tempo ou pelo menos o tempo que você planeja usá-lo. Ele também deve fornecer atualizações periódicas, especialmente atualizações de segurança.

PRÓS

1. Atualizações seguras

Um tema filho herda automaticamente os recursos, estilos e modelos do tema pai. Isso permite que você faça alterações em seu site usando temas filho, sem nunca modificar o tema pai. Quando uma nova versão do tema pai chega, você pode atualizá-la com segurança, pois todas as suas modificações são salvas no tema filho.

2. Fácil de estender

Um tema filho construído em uma estrutura de tema poderosa permite uma grande flexibilidade sem escrever muito código. Você pode modificar seletivamente apenas os arquivos de modelo e funções de que precisa, sem passar por outros arquivos de modelo. Você pode adicionar novas funcionalidades e muito mais.

3. Fallback Safe

Ao criar um tema completo, você precisa pensar em todos os cenários possíveis e no código para eles. No entanto, quando você está trabalhando em um tema filho e se esquece de codificar algo, sempre há a funcionalidade do tema pai disponível como opção de fallback.

CONTRAS

1. Mudanças não intencionais

Se você estender qualquer um dos recursos personalizados no tema filho, existe a possibilidade de que suas alterações sejam interrompidas em uma atualização do tema pai. Às vezes, os temas não foram projetados e implementados com temas filhos em consideração, o que torna mais difícil sua extensão.

2. Falta de atualizações

Escolher o tema certo para estender é crucial. É bem possível que o desenvolvimento ativo do tema pai cesse e o tema seja abandonado. Também é possível que o tema pai não seja atualizado regularmente com as versões mais recentes do WordPress e atualizações de segurança.

3. Curva de Aprendizagem

Caso o tema não siga os padrões e práticas de codificação comuns, pode aumentar o tempo de aprendizado.

Como modificar o tema WordPress usando o tema infantil?

Os temas filho são temas separados que dependem de um tema pai para a maior parte de sua funcionalidade. Se você estiver usando um tema filho, o WordPress verificará o tema filho primeiro para ver se existe uma funcionalidade específica.

Caso contrário, ele usará o tema pai. Isso é ótimo porque permite que você modifique apenas o que você precisa . Temas filhos sempre devem ser usados se você planeja modificar até mesmo um único personagem em seu tema.

Para criar um tema filho para o seu tema, você precisará seguir as seguintes etapas:

  1. Crie um diretório de tema em sua instalação do WordPress
  2. Crie uma folha de estilo com informações sobre o tema do seu filho
  3. Puxe os estilos do seu tema pai

Depois que essas etapas forem concluídas, você pode ativar o tema filho e seu site terá a mesma aparência de antes, mas usará o tema filho.

1. Primeiro você precisa abrir /wp-content/themes/ em sua pasta de instalação do WordPress e criar uma nova pasta para seu tema filho. Você pode nomear essa pasta como quiser. Para este exemplo, vou criar um tema filho para o tema padrão Twenty Fourteen e nomeá-lo como twentyfourteen-child

criando-wordpress-child-theme

2. A próxima etapa é criar um arquivo de folha de estilo. Deve ser denominado style.css . Ele pode ser criado no Bloco de notas e carregado na pasta de tema filho ou usando as ferramentas fornecidas no Gerenciador de arquivos cPanel.

Copie e cole o seguinte código no arquivo que você acabou de criar:

how-to-create-wordpress-child-theme

/ *

Nome do tema: Twenty Fourteen Child

URI do tema:

Descrição: Meu primeiro tema filho, baseado em Vinte e Quatorze

Autor: Seu nome

URI do autor: http://yourwebsite.com

Modelo: vinte e quatro

Versão: 1.0.0

Tags: preto, verde, branco, claro, escuro, duas colunas, três colunas, barra lateral esquerda, barra lateral direita, layout fixo, layout responsivo, plano de fundo personalizado, cabeçalho personalizado, menu personalizado, editor estilo, imagens em destaque, cabeçalho flexível, modelo de largura total, microformatos, pós-formatos, suporte à linguagem rtl, postagem fixa, opções de tema, pronto para tradução, pronto para acessibilidade, layout responsivo, infinito rolar, pós-controle deslizante, design, comida, diário, revista, notícias, fotografia, portfólio, limpo, contemporâneo, escuro, elegante, moderno, profissional, sofisticado

Domínio de texto: vinte e quatorze filhos

* /

@import url ( "../twentyfourteen/style.css" );

A última linha neste código importa a folha de estilo do tema pai para o tema filho. Este é o requisito mínimo para criar um tema filho. Agora você pode ir para Aparência »Temas, onde verá o Tema infantil.

Você precisa clicar no botão ativar para começar a usar o tema filho no local.

Como tudo o que fizemos foi importar o CSS do tema original, o tema será exatamente igual ao original . Para modificar o CSS do seu tema , você pode adicionar quaisquer alterações ao arquivo CSS do seu tema filho abaixo da linha @import. Todas as novas informações CSS são adicionadas após o CSS do tema original ser carregado.

Editando o arquivo Functions.php

Functions.php é onde as funções principais de um tema são normalmente armazenadas. As funções de um tema pai são sempre carregadas com o tema filho. Se você precisar adicionar mais funções personalizadas ao seu tema, poderá fazê-lo criando um novo arquivo functions.php dentro da pasta do tema filho.

NOTA : A criação de functions.php não é necessária. É usado caso você queira adicionar mais funções personalizadas.

criando pastas-tema-filho

As novas funções serão carregadas antes das funções do tema pai. O arquivo functions.php do seu tema filho deve começar com uma tag de abertura php e terminar com uma tag de fechamento php. No meio, você pode adicionar o código php desejado.

<? php

Seu código vai aqui!

?>

Editando outros arquivos de modelo

Além das modificações de CSS e funções, você também pode fazer mudanças estruturais em seu tema ajustando os arquivos de modelo php. Isso deve ser feito com cuidado. Ao editar os arquivos PHP, você pode ajustar qualquer parte do tema.

Ao contrário da edição do functions.php, onde as funções do tema original são importadas automaticamente, os arquivos PHP são editados substituindo o arquivo inteiramente por um novo.

O arquivo original do tema é ignorado e o novo é usado em seu lugar. A primeira coisa que precisamos fazer é replicar o arquivo antigo antes de começar a modificá-lo. Para fazer isso, simplesmente copie e cole o arquivo original do tema na pasta do tema filho, garantindo que o nome e o local do arquivo sejam exatamente os mesmos.

Por exemplo, se quisermos modificar o exampletheme / includes / navigation.php , então devemos copiar e colar esse arquivo para o exampletheme-child / includes / navigation.php . Ou se você achar tudo isso confuso, não se preocupe, existe um plugin para a criação de tema filho.