Instrução: Criar e usar a criança -Theme para WordPress

Pascal Prohl Última atualização em 23.10.2020
7 min.
criança theme criado
Última atualização em 23.10.2020

O mercado de WordPress -Themes é grande - você encontrará um Theme adequado para quase todos os projetos. Mas e se você quiser fazer mudanças no design? Afinal de contas, você quer se destacar da multidão. Se pequenas mudanças de cor podem ser implementadas com apenas algumas linhas de código CSS dentro do customizador, a situação é diferente para modificações mais complexas. Isto normalmente requer uma profunda intervenção nos arquivos Theme para alcançar os resultados desejados. Para que isso não acabe em caos, você deve sempre usar uma Criança -Theme nestes casos. O que é uma criança assimTheme e que vantagens traz com ela, você aprenderá neste artigo.

O que é uma criança -Theme?

O manual oficial Theme explica o que é uma criançaTheme . Por conseguinte, trata-se de um Theme, que permite ajustes individuais à empresa-mãeTheme e simplifica o seu tratamento. O pai -Theme é exatamente o que você sabe como normal WordPress -Theme (assim por exemplo Avada).

Como encontrar o WordPress -Theme para suas necessidades entre as muitas ofertas, você pode ler neste post de blog.

Agora para a importante diferença: A criança -Theme herda o design básico e a funcionalidade dos pais - Themes. Ajustes que são implementados na criançaTheme sobrescreve a funcionalidade do paiThemes.

Na prática, o paiTheme permanece intocado mesmo com extensas modificações. As alterações só são feitas em arquivos com o mesmo nome na criança -Themes . Isto resulta em inúmeras vantagens que tornam a utilização da Child-Themes tão atractiva.

Quando é que uma criança -Theme faz sentido?

As crianças -Themes são indispensáveis se você quiser fazer ajustes no seu WordPress -Theme e não perdê-los. Você mesmo descobrirá as razões o mais tardar quando tiver feito alterações em arquivos Theme e depois importará atualizações de Themes . Porque se um Theme é atualizado, todos os arquivos Theme são sobrescritos e também os ajustes individuais são logicamente perdidos.

Crianças-Themes são particularmente adequadas para iniciantes e recém-chegados ao código. Eles podem usar a funcionalidade de um Themes existente como base para implementar seus próprios desejos com a ajuda de uma criançaThemes . Aqui, não é necessário desenvolver um completo WordPress -Theme a partir do zero, o que também representa uma vantagem de tempo.

Em geral pode ser dito que você deve ter alguns conhecimentos básicos na área de WordPress e desenvolvimento web, para que uma criança -Theme não só lhe traz uma vantagem, mas você também pode usá-lo com segurança.

Para quem é uma criança -Theme não é adequado?

A criançaThemes é normalmente mais adequada para usuários que fazem grandes mudanças em seu Themes . Se você tem pouca experiência em desenvolvimento web e suas mudanças estão limitadas a algumas linhas de código CSS, uma criançaTheme não é absolutamente necessária. Você também pode facilmente fazer essas alterações no customizador de WordPress .

Além disso, as alterações que podem ser feitas através das opções do WP Themes instalado não devem ser feitas através de uma criança. Theme implemento. Estas podem ser simples mudanças de cor, imagens de cabeçalho ou outras opções de layout para as quais o desenvolvedor já tenha fornecido. Uma criança. Theme normalmente só iria atrasar o seu WordPress site desnecessariamente. Também a visão geral se perde tão depressa.

Se as suas alterações dentro de uma Criança -Themes excederem um certo limite, talvez seja melhor criar um Theme separado - a propósito, isto também é recomendado pelo WordPress -Codex. Porquê? Se você alterar muitas funcionalidades e arquivos, podem ocorrer problemas ao atualizar o paiThemes .

Onde posso conseguir isso Theme?

Utilizadores de muitos best-sellers como Enfold, Avada and Co. podem ficar felizes. Isto porque muitos provedores Theme já oferecem modelos prontos para download para criançasThemes para os seus próprios modelos WordPress . Avada, por exemplo, já inclui uma criança adequadaTheme. Os utilizadores do popular Themes Divi, por outro lado, ainda têm de o fazer eles próprios - apesar dos inúmeros pedidos dos utilizadores - ou utilizar uma criança pré-fabricadaTheme da comunidade. 

Portanto, antes de começar a trabalhar por conta própria, você deve sempre verificar primeiro com o provedor para ver se eles já cuidaram disso para você. Afinal, eles podem garantir melhor que a criançaTheme com o modelo WP associado funcione sem falhas.

Crie a criança -Theme você mesmo

Se o seu provedor não fornecer uma criançaTheme para download, isto não é um grande problema. Criar um Themes é relativamente fácil e requer apenas algum tempo, habilidades básicas de desenvolvimento web e acesso S/FTP ou acesso SSH ao seu website. O uso de um editor de código também é recomendado.

No final, três arquivos simples garantirão que você possa usar as vantagens de uma criançaThemes . Basta seguir as instruções abaixo:

Passo 1: Criar pasta

Se você obteve acesso ao seu site via FTP, você deve primeiro navegar para a pasta Theme(/wp-content/themes /) da sua instalação WordPress . Aqui você só tem que criar a pasta do seu filhoThemes . 

criança theme pasta criada
Neste exemplo criei a pasta para a Criança -Theme do site WordPress -Themes TwentyFifteen.

Você pode escolher o nome livremente, mas para uma melhor visão geral é recomendado simplesmente adicionar um "-child" ao nome da pasta dos paisThemes . Se você criar uma criançaTheme para o WordPress -Theme TwentyFifteen, o nome da pasta apropriada seria twentyfifteen-child.

Passo 2: Criar style.css

No passo seguinte é necessária uma folha de estilo chamada style.css, que encontra seu lugar diretamente na pasta criada anteriormente.

Este arquivo deve ser preenchido com o seguinte conteúdo:

/*
 Theme  Nome: Twenty Fifteen Criança
 Theme  URI: http://example.com/twenty-fifteen-child/
Descrição: Twenty Fifteen Criança Theme
Autor: John Doe
Autor URI: http://example.com
Modelo: vinte e cinco
Versão: 1.0.0
Licença: GNU General Public License v2 ou posterior
Licença URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: claro, escuro, duas colunas, barra lateral direita, prontas para acessibilidade
Domínio Texto: twentyfifteenchild
*/

O cabeçalho da folha de estilo contém várias informações sobre a criançaTheme. Com excepção de duas linhas, esta informação não é obrigatória.

Theme -Nome e Modelo devem ser preenchidos para que a Criança-Theme possa trabalhar. O modelo garante que WordPress possa reconhecer a ligação entre a criança e os paisTheme . A informação armazenada (no exemplo: vinte e cinco) na criança -Theme deve, portanto, corresponder à informação da folha de estilo do pai Themes .

Passo 3: Criar functions.php

Na terceira etapa você tem que criar as funções.php do seu filhoThemes . O conteúdo deste arquivo garante que a folha de estilo do paiThemes seja carregada.

Copie o seguinte conteúdo para o arquivo PHP chamado functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
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')
      );
    }

Ao utilizar a Child-Themes para personalização, você também adicionará extensões de funções a este arquivo mais tarde.

Passo 4: Imagem para a sua Criança.Theme

O quarto passo não é obrigatório. Se você quiser o Theme-visualize dentro da sua WordPress instalação uma imagem de tela da criança theme é exibido, você pode armazenar o material de imagem adequado para ele.

pasta acabada
É assim que deve ser a pasta terminada da Criança -Themes - incluindo a captura de tela no final.

WordPress utiliza automaticamente um arquivo chamado screenshot.png, que está localizado na pasta principal da criançaThemes . Você pode deixar sua criatividade correr solta aqui, o WordPress codex recomenda um tamanho de 1200px em largura e 900px em altura.

Passo 5: Activar a criança -Theme

É isso - a Criança -Theme só precisa de ser activada. Isto é feito da mesma forma que você já ativou o paiTheme . Basta ir para a visão geral Theme da sua instalação WordPress e selecionar a criançaTheme que aparece.

É possível que, após a ativação, certas configurações que você fez anteriormente noTheme pai desapareçam ou não sejam mais definidas como antes. Isto é normal. A melhor coisa a fazer é instalar e ativar a criançaTheme antes de fazer as primeiras alterações no seu Theme . 

Alternativa: Criar Criança-Theme com Plugin

imagem da tela plugin
WordPress -Plugins como este torna a criação de uma criançaThemes mais conveniente, mas não essencial.

Também é possível criar a Criança apropriada -Theme através do site WordPress -Plugin . Um dos mais populares Plugins é, neste caso, o Configurador Child-Theme . Isto oferece não só a criação de uma Criança -Themes, mas também outras opções de configuração.

Uma vez que a criação de um tal Themes é muito simples, mesmo para utilizadores menos experientes, um tal Plugin não é de forma alguma necessário. No que diz respeito ao desempenho do seu site WordPress , eu até aconselho a não instalar demasiados, desnecessários Plugins.

Trabalhar com a Criança-Theme

É muito fácil trabalhar com o auto-criado Child-Theme. Uma vez ativado, o design da tela dos Pais aparecerá em seu WordPress site.Themes. Isto é lógico, afinal de contas é exactamente assim que a criança. Themes:

Cada arquivo que você cria dentro de seu filhoThemes substitui o arquivo com o mesmo nome em seu paiTheme. Apenas as funções.php e a folha de estilos são uma exceção. Não só o nome, mas também a estrutura da pasta deve ser exatamente a mesma.

Por exemplo, se você quiser modificar o rodapé(footer.php) do paiThemes , você adiciona uma cópia deste arquivo diretamente na pasta da criançaThemes . Este arquivo sobrescreve o arquivo com o mesmo nome no arquivo paiTheme. As alterações que você fizer aqui serão visíveis no seu site.

Caso especial: O functions.php não sobregrava, mas é carregado antes do arquivo com o mesmo nome do paiThemes . Se você quiser sobrescrever as funções individuais do PHP dos paisThemes , você pode fazer isso dentro do functions.php da criançaThemes . Esta possibilidade é apenas para utilizadores experientes. Este manual detalhado irá ajudá-lo com isto.

Conclusão: Praticidade, característica indispensável!

Criar uma criançaTheme é relativamente simples. Também o uso de um tal Themes prova não ser particularmente difícil na vida quotidiana. É exatamente por isso que uma criançaTheme é recomendada para todos os usuários WordPress que queiram fazer alterações em seu Theme "adequadamente". As vantagens compensam claramente as desvantagens.

Não há quase nenhuma desvantagem. Embora uma possível desvantagem de desempenho seja frequentemente citada pela Child-Themes , esta é - se é que é mínima - apenas. Child-Themes permanecem relativamente estreitos, uma vez que estes contêm na sua maioria apenas o código das modificações.

No entanto, você deve sempre saber exatamente o que está fazendo ao usar a Child-Themes . Aqui, também, você pode garantir rapidamente que seu site WordPress fique inutilizável e só cuspa erros. Um backupWordPress é indispensável para tais modificações - em caso de dúvida, você deve sempre consultar um profissional com a experiência adequada.

Imagem contribuída: Anthony Robert | Unsplash

Em 2010 Pascal entrou em contato com o WordPress. O que começou com um simples blog de passatempo, rapidamente se transformou na sua profissão. Quando WordPress e SEO freelancer ele trabalhou em sites de numerosos clientes. Hoje ele está empregado numa agência de marketing online e gere um blogue sobre WordPress .

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.