Usualmente, é quase impossível encontrar o tema perfeito; há sempre algumas modificações que precisam ser feitas. Então, por que não apenas tomar um tema WordPress padrão agradável, como Vinte e quinze, e torná-lo seu próprio para que ele parece e funciona da maneira que você quer? Criar um tema infantil irá poupar-lhe muito tempo e dores de cabeça ao longo da estrada (confie em mim).posso falar em primeira mão., Eu “herdei” um site WordPress onde o desenvolvedor tinha acabado de hackear o tema pai, e ainda me lembro o quão frustrante era que eu não poderia realmente atualizar o tema com medo de que as personalizações que deu ao site a sua funcionalidade. Eu não sabia o que era o código original e o que era personalizado, então lá ele sentou, sem possibilidade de atualizações.a história tem um final feliz. Eu era mais novo para WordPress na época, então ele me ensinou cedo que alterar um tema pai não era uma boa idéia., Quando o site foi finalmente redesenhado, o primeiro item de negócio foi tomar as personalizações e colocá-los em um tema infantil.
um tema-filho permite-lhe trabalhar num local separado sem que o seu trabalho seja substituído por uma futura actualização do tema-pai. Tecnicamente falando, quando você cria um tema filho, você cria um conjunto separado de arquivos que você pode usar para personalizar o tema sem afetar o tema pai original. Se você fizer alterações nos arquivos de um tema pai, essas alterações serão substituídas quando você atualizar o tema seguinte., Isso é muito importante porque as atualizações podem incluir modificações de recursos, correções de bugs e medidas de segurança importantes. É crucial manter o tema pai atualizado e usar um tema criança para qualquer personalização.
noções básicas de temas-filhos
temas-filhos são temas separados que você cria que dependem de um tema-pai para a sua funcionalidade básica. Quando você usa um tema infantil, WordPress sabe para referenciá-lo e procurar qualquer funcionalidade que está incluída., Isso é ótimo porque permite que você modifique apenas as partes do tema pais que você precisa mudar, tornando esta uma maneira muito eficiente de adicionar personalizações ao seu site WordPress.
para cavar um pouco mais fundo, Aqui está como os temas infantis funcionam em um nível de arquivo. WordPress verifica para ver se um arquivo necessário está incluído no tema criança. Se estiver incluído, o ficheiro de tema infantil é carregado. Se não existir um no tema-filho, o ficheiro no tema-pai é carregado. A única exceção a isso são as funções.php file, no qual as versões pai e filho são carregadas., Normalmente, há informações cruciais nas funções.ficheiro php. Se o WordPress só carregou a versão tema criança (a menos que você copiou tudo sobre), o site não funcionaria direito. Felizmente, o WordPress carrega ambos os arquivos, então você não tem que se preocupar com a cópia de todas as funções.ficheiro php no tema do seu filho.
lembre-se, você pode sempre desligar o tema do seu filho e voltar para o original, se necessário. É uma rua de Sentido Único, porém; você não pode desligar o pai e confiar no tema criança.
Se você está adicionando personalizações a um tema WordPress, é melhor usar um tema infantil., Pronto para criar o seu próprio? Agora vamos passar pelo processo, passo a passo.
criar um tema-filho
não é tão complexo como pode parecer criar um. Na verdade, tecnicamente tudo o que você precisa são apenas dois arquivos:a style.css e a functions.php file. A maioria dos temas infantis tem mais do que isso, mas tecnicamente falando, esses são os únicos necessários dois.
para criar um tema infantil, você precisa ter WordPress instalado junto com um tema pai que você gostaria de usar.lembre-se: nunca deve fazer alterações num local ao vivo., O nosso aplicativo de desenvolvimento local gratuito, Local, irá ajudá-lo a simplificar o seu fluxo de trabalho e experimentar com segurança o seu site. Tenta hoje!
crie uma pasta de temas
Primeiro, vá para a sua pasta de temas e crie uma pasta para o seu novo tema. Dá-lhe um nome reconhecível. Por este exemplo, vou nomear meu tema child-example assim é fácil de encontrar.
Make the child theme stylesheet
O próximo passo crucial é criar a ‘stylesheet’ do child theme., Crie um ficheiro style.css. Tenha em mente, ele tem que ser chamado style.css para que as coisas funcionem corretamente.
em seguida, você terá que incluir algumas informações sobre o seu tema.
Copie e cole isso no style.css file:
Isto pode parecer muito, mas há realmente apenas dois, que são necessárias, que são Theme Name e Template. OTheme Name diz ao WordPress o nome do tema infantil., OTemplate diz ao WordPress que tema deve considerar como o tema pai, o que é muito importante.
a Maioria dos outros são bastante auto-explicativo, mas há alguns que talvez precise de um pouco mais de esclarecimento. The Text DomainandTags could be a little confusion. O Text Domain é usado para traduzir cadeias de caracteres para fins de internacionalização., Isto é único para o seu tema e deve ser usado sempre que você usar funções de tradução. Há muito mais informações no Codex e pode ser encontrado no tópico de i18n para Desenvolvedores WordPress. A seçãoTags é uma lista de tags que são específicas do tema WordPress. Para este exemplo, eu olhei para os vinte e quinze pais style.css, pegou as tags de lá, e colocá-los no tema infantil.
Utilize os estilos pais
lembra-se de como o WordPress olha para os arquivos tema filhos primeiro?, Neste momento, o tema infantil funciona, mas não parece muito polido, porque você ainda não fez qualquer estilo. Se você ativá-lo e recarregar a página, ele vai parecer um pouco confuso. Ele provavelmente vai ser algo como:
Vamos corrigir isso para ela cai de volta no tema pai e haverá pelo menos um pouco aplicada. Você ainda vai usar o tema do seu filho para o seu estilo personalizado, mas primeiro, vamos obter o estilo pai para mostrar.,
para se certificar de que carrega a ‘stylesheet’ do ficheiro-pai, teremos de a colocar no tema-filho. Irá precisar de um ficheiro functions.php no tema-filho para colocar o seguinte excerto.
Fazer uma personalização CSS
Agora que o pai estilos estão mostrando, vamos mudar um pouco de CSS para o seu filho e tema de personalização. Para este exemplo, styling um elemento de fundo para o conteúdo da página é uma boa maneira de ver o tema criança em ação., Foi estilizado branco no tema pai CSS, mas vamos mudá-lo para azul em seu tema filho. Lembre-se, os estilos pais são carregados primeiro, e suas personalizações serão carregadas depois de modo que esses serão o que veremos.
Se você é um usuário Chrome, as ferramentas de desenvolvimento são muito úteis para ver o estilo e experimentar no navegador. Go to View > Developer > View Source and select page elements. Os estilos serão mostrados à direita. Inspecionei o artigo que tinha uma classe .hentry com fundo branco., Colei um valor hex para testá-lo primeiro no navegador.
Para fazer essa alteração, abra o arquivo html com o tema criança e adicionar as informações de CSS.
Como você pode ver, as mudanças de estilo pode ser facilmente feito no tema filho.,
Modificar seu tema filho funcionalidade do
Ajustar o estilo é muito fácil, mas o que sobre outras coisas, como rodapé, cabeçalho, sidebar, etc.? Digamos que há algumas modificações a fazer no rodapé. Copiar e colar o rodapé do tema pai para a criança. O arquivo footer.php pode ser aberto no editor de texto de sua escolha e modificado. Eu decidi remover a linha “orgulhosamente alimentado por WordPress”, então eu excluí isso do arquivo no meu tema infantil., Este é agora o arquivo que o WordPress vai carregar primeiro, de modo que a linha de texto não vai mostrar.
criar um tema infantil é um bom hábito de entrar ao criar temas WordPress. Com apenas alguns passos simples, eles são fáceis de criar e manter. Manter personalizações separadas dos temas-mãe é bom para ambos os propósitos de organização e manter tudo atualizado, o que irá salvar uma grande dor de cabeça no caminho.
