Temas para crianças passo-a-passo para novos e existentes sites WordPress | Christine Maisel | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Temas para crianças passo-a-passo para novos e existentes sites WordPress

teacher avatar Christine Maisel, Designer, SEO & Founder of Portable Entrepreneur

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

12 aulas (45 min)
    • 1. O que é um tema infantil e por que você deve usá-lo

      3:41
    • 2. Quando você deve usar um tema infantil

      2:46
    • 3. O que você precisa para começar

      3:36
    • 4. Como configurar seu tema filho

      7:34
    • 5. Como ativar seu tema filho

      1:41
    • 6. Como adicionar funcionalidades e recursos ao seu tema filho

      3:06
    • 7. Como atrair estilos do seu tema pai para o seu tema filho

      1:53
    • 8. Como personalizar seu tema filho

      4:23
    • 9. Como substituir outros arquivos de tema

      3:06
    • 10. Como criar e adicionar uma imagem para o seu tema filho

      1:33
    • 11. Como criar um tema de criança para um site existente

      3:10
    • 12. Como usar um Plugin para criar um tema infantil

      8:56
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

373

Estudantes

--

Projeto

Sobre este curso

Assista e crie seu próprio tema filho WordPress enquanto você passa neste curso. Este curso é projetado para iniciantes que não estejam familiarizados com temas infantis e precisam entender quando usar um tema infantil e como criar um.

Baixe e use os bônus de curso:

# 1 Baixe 2 temas infantis que você pode modificar e usar

#2 Baixe uma lista de verificação de criação de tema filho para acompanhar cada vez que você criar um tema filho

Dentro vamos cobrir:

  • O que é necessário para criar um tema filho
  • Como encontrar e personalizar código CSS facilmente sem saber CSS
  • Como configurar a estrutura básica de 3 etapas de um tema filho
  • Como ativar um tema filho

Se você já criou um site ou não se sentir confortável em criar um tema infantil do zero, também vamos cobrir:

  • Como criar um tema filho para um site existente
  • Como criar um tema filho facilmente usando plugins

Siga ao longo do curso e crie seu primeiro tema infantil. Fique atento ao conhecimento do que é um tema infantil, quando você deve usá-lo, o que você precisa para criar um tema infantil e como fazê-lo.

Conheça seu professor

Teacher Profile Image

Christine Maisel

Designer, SEO & Founder of Portable Entrepreneur

Professor

Christine is the founder of the Portable Entrepreneur where she directly helps web design and SEO startups through education, coaching and services. 

Christine has been a web designer for nearly 15 years - 10 of which she has been self-employed. Her work has taken her from working for some start-up dot com companies in the early 2000's to working as a contractor for the Office of the Under Secretary of Defense to her own home office.

In her time, she has built 100's of websites and blogs primarily on WordPress and Joomla. Christine has also provided training to individuals and businesses to help them manage their websites on their own with no knowledge of web coding.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. O que é um tema infantil e por que você deve usá-lo: e neste curso, vamos falar sobre o que é um tema filho e por que ele é tão importante para que você entenda por que você deve usar temas filho ao criar novos sites, seja para você pessoalmente ou para um site cliente. E então nós vamos caminhar passo a passo por todo o processo de realmente criar um tema filho para que você possa praticá-lo, e você será capaz de implementar isso por conta própria no futuro. Tenho certeza que você está familiarizado com o que é um tema WordPress, e aqui vamos falar sobre o que um tema infantil é para começar. Você primeiro precisa de uma coisa de pai porque nenhuma criança pode existir, é claro, sem aparente. Então é a mesma coisa aqui. Para ter um tema filho, você deve ter um tema pai, e isso não é nada de especial. É qualquer coisa que você escolher. Então, se você projetou um site WordPress ou você está configurando um site WordPress e você encontrar um tema gratuito ou um tema premium que você quer trabalhar com para ajudá-lo a layout do site e design no caminho, você gostaria que ele dedo do pé. Olhe quando você carregar esse tema não é considerado seu tema pai, e o que vamos fazer é criar um tema filho para esse tema pai que você selecionou. Agora, há muitas vantagens em realmente usar temas filhos para começar. Você não precisa construir um tema do zero. Isso permite que você pegue um tema existente e adicione a ele e melhore nele. E você não precisa descansar começando completamente do zero. Se não gostou, não funcionou como esperava. Então, se você fez alguma coisa personalizada, eles não saem do jeito que você está esperando. Tudo o que você tem que fazer é simplesmente desativar a criança. Parece como você faria com qualquer outro tema. E então você ainda tem esse tema pai existente com o qual você pode trabalhar e que você pode usar agora. Uma das razões mais comuns para usar um tema criança é que, se você estiver familiarizado com a segurança WordPress, é muito, muito importante que você mantenha ambos os seus plugins no seu tema está atualizado. Assim, de tempos em tempos, os programadores enviarão actualizações para adicionar novas funcionalidades aos plugins ou temas ou para corrigir quaisquer lacunas de segurança que possam ter encontrado. E então isso é muito, muito importante que você atualize seus temas. Agora, o que acontece é que se você não usar uma equipe filho e você atualizar seu tema, todas as modificações que você fez nesse tema pai serão perdidas. Então, se você fez algumas modificações, isso vai levar tempo, esforço e dinheiro. Se você está tendo alguém para ajudá-lo, é claro, para refazer essas modificações em um tema filho economiza todo esse tempo e esforço. Além de tudo isso, realmente, se você não está familiarizado com temas WordPress ou você é novo para isso, criar o tema criança é uma ótima maneira de ganhar uma compreensão de como WordPress temas funcionam. Então, mesmo no final deste curso, você tem uma compreensão muito melhor dos temas WordPress em geral. Agora, com temas filhos, você pode personalizar tão pouco ou quanto o tema que você gostaria Teoh. Mas vamos entrar em tudo isso e exatamente como fazer isso, então espero que isso lhe dê uma idéia melhor do quão importante é um tema infantil e quanto tempo e esforço ele poderia realmente te salvar a longo prazo fazendo isso. Então agora vamos entrar em como uma equipe infantil realmente funciona e como vamos configurar isso , então prepare-se para começar a praticar. 2. Quando você deve usar um tema infantil: Então, agora que falamos sobre o quão importante é um tema filho, eu quero ter certeza de que você está ciente de quando usar ou não usar um tema filho para que você possa decidir se um tema filho vai ou não ser importante usar para o site real que você estará criando. Porque se você estava apenas criando pequenas alterações para o tema pai e isso poderia ser apenas mudar as cores do Fonz, por exemplo, essas não são realmente grandes mudanças, e você realmente seria capaz de usar um plug in, como o WP adicionar personalizado CSS Plug in. Ou você pode simplesmente usar a seção CSS personalizada dentro do seu tema. Se ele tem um assim, por exemplo, aqui eu uso o tema divvy e ele tem uma seção CSS personalizada, então eu poderia usar isso. Portanto, cabe a você se você está apenas fazendo algumas dessas pequenas alterações, quer você apenas prefira usar CSS personalizado ou usar um plug in para que essas mudanças não sejam perdidas agora, se você estiver fazendo várias alterações ou se você estiver vai estar fazendo mudanças maiores, então você definitivamente quer usar um tema filho porque você tem muito mais que você pode perder , e você pode não ser capaz de realmente fazer todas essas mudanças apenas usando CSS personalizado E quando você realmente apenas don Não quero arriscar perder o seu trabalho. E essa é uma boa pergunta para se perguntar, em que ponto você se sentiria confortável dizendo OK, se eu perder isso, digamos que a cor da fonte reverte para a cor padrão. Eu ficaria bem, então? Sim. Ok, eu não preciso de um tema infantil, mas quando você começar a fazer mais modificações, você pode se sentir menos confortável perdendo seu trabalho. E esse é um bom momento para começar a usar um tema infantil então sem mim e disse, Vamos ver como uma equipe infantil realmente funciona porque há apenas alguns passos para criá-lo, Então é muito fácil. Ele tem uma estrutura básica, e essa estrutura é simplesmente uma pasta e dois arquivos. Tirando isso, você está tirando do tema pai que já foi criado pelos homens. Então vamos criar essa estrutura básica, e então vamos vincular o tema filho ao tema pai. Então ele pode puxar a partir disso. E é aí que temos o caminho de ambos os temas. E se isso soar esmagador para não se preocupar, este vai ser um processo muito simples. Você vai saber exatamente como isso parece até o final. Então estamos prontos para começar. Agora. Você entende o plano de fundo de um tema filho quando deve usá-lo. Por que é importante. Então vamos em frente e começar a ver exatamente o que você precisa para começar, e então vamos começar a construir nossa primeira equipe infantil juntos. 3. O que você precisa para começar: Tudo bem, espero que esteja pronto para começar. E antes disso, queremos ir em frente e olhar para o que realmente precisamos para começar para que você possa ter isso disponível para você, e então vamos começar a configurar os arquivos e criar nosso primeiro tema filho. Então, a coisa mais importante que você precisa é um tema forte dos pais. E eu digo que isso é tão importante porque nem todos os temas são realmente feitos para ser um tema pai , então alguns vão ser melhor desenhados do que outros iam ser. Então, se você achar que um arquivo pai precisa ser substituído na maior parte ou reescrito muito , então provavelmente não é um bom tema para começar. Agora, muitas pessoas vão perguntar sobre temas gratuitos versus premium, e eu pessoalmente gosto de usar temas premium por várias razões. Uma delas é porque eles vão ser continuamente atualizados na maior parte das vezes, e eles vão adicionar novas funcionalidades. Eles vão adicionar novos recursos. Eles vão corrigir quaisquer lacunas de segurança que eles encontraram, e normalmente quando você tem temas premium, você vai ser capaz de obter um bom suporte, então isso é muito, muito diferente dos temas gratuitos que podem não ser atualizados em tudo que eles pode ficar desatualizado rapidamente. Eles têm brechas de segurança. Você não pode obter qualquer apoio para eles, então isso realmente faz uma grande diferença. Agora, eu sei que pode ser difícil escolher um tema, especialmente se você está tentando encontrar um, que se encaixe exatamente no que você está procurando. Mas lembre-se aqui que nós vamos ser capazes de modificar este tema para que você só queira obter algo que é o mais próximo possível. Você sempre pode encontrar sobre as imagens, o imposto, e você pode realmente personalizá-lo olhar como o seu. Mas sei que pode ser difícil escolher o tema. Então, se você quiser algumas idéias, vou incluir uma lista aqui de diferentes temas bons pais que você pode começar com. E você pode usar isso como ponto de partida para encontrar algo que funcione para você e seu site. Agora, realmente, quando você está olhando para esses temas é enquanto você gostaria da funcionalidade e os recursos gerais do tema pai que você está usando, a maneira como você não precisa criar muito do zero. Você não tem que fazer muitas modificações. Agora vamos precisar tanto ver acesso painel ou acesso FTP. E a razão para isso é que você vai estar criando uma pasta e você também vai estar criando arquivos. Então você vai ter sua pasta principal. Você vai ter uma folha de estilo, que é um arquivo CSS em. Então você vai ter uma função que arquivo PHP. Agora, se isso já soa sobre sua cabeça e você está pronto para parar aqui, não se preocupe. Não vá embora ainda. Os dois arquivos realmente não precisam de muito e eles você não vai precisar saber como codificar . Eu vou te dar o que você precisa, e nós vamos quebrar tudo. Então é simples para você agora. A razão pela qual eu digo é que você vai precisar infiltrar ou acesso FTP é porque este é o lugar onde você será capaz de criar os arquivos nessa pasta que você precisa de um swell. Então, se você precisa de acesso FTP, você pode usar um software livre chamado arquivo Zillah que torna muito, muito fácil fazer upload e download de arquivos do seu host diretamente para o seu computador. área de trabalho. Isso é realmente tudo que você precisa. Você realmente precisa apenas ter um tema pai forte para começar, e você precisa ter a capacidade de carregar e criar seus arquivos e seus primeiros, então vá em frente e prepare-o e vamos começar. 4. Como configurar seu tema filho: Então é assim que sua folha de estilo vai ficar quando você terminar. Agora eu quero percorrer as diferentes partes disso para entendermos o que cada um deles realmente significa e o que é realmente necessário para você incluir, porque eu realmente incluo uma versão mais simples disso. Mas eu quero que você entenda tudo o que você pode ver se você está vindo para outro tema filho que alguém criou ou você está trabalhando no site que já tem um tema filho. Então o primeiro 1 é o nome do tema, e este é um nome que você cria e isso é o que vai realmente aparecer em seu WordPress de volta. Então, normalmente, eu só uso o nome do tema pai seguido por filho. Então, neste caso, eu usaria uma criança divvy. Agora, o tema que você é, Eu ouço aponta para Se você tem, Eu ouço aponta para Se você tem, digamos, uma demonstração do site e você é um desenvolvedor tema e você tem um site dedicado para este tema. Você mostraria que você está todos lá agora quando você navegar para o seu painel WordPress e você clicar em temas e você encontrar o seu tema real. Se você clicar nos detalhes do tema, você notará que há uma descrição. Então, o que você colocar aqui nesta descrição é realmente o que vai aparecer quando você clicar neste botão de detalhes do tema. Agora você tem que colocar o nome de um autor. E claro, será você se estiver criando esse tema infantil. E se você tem seu próprio site, você pode inserir isso aqui sob o seu autor, você ou I. Agora modelo é realmente muito importante porque este é o lugar onde você está indo para colocar o nome real do tema pai. Mas o que é importante é que você quer ter certeza de que você está pegando o nome exatamente como ele aparece em sua pasta de temas WordPress, porque é sensível a maiúsculas e minúsculas. Então certifique-se, por exemplo, se eu olhar para a minha pasta tema aqui, há um D. maiúsculo Então eu preciso ter certeza de que eu uso isso se eu estava usando 2015 é tudo minúsculo. Eu preciso fazer o mesmo quando eu inserir meu nome do tema aqui sob modelo, porque isso pode causar um estreito. Então eu só quero ter certeza de que você está usando exatamente o que ele diz naquela pasta. Agora a versão se este é o seu primeiro tema filho, realmente, você poderia inventar isso. Normalmente, você só vai começar com um. Esta é uma licença que seu tema vai ter. Então você provavelmente vai encontrar se você está usando um tema WordPress. Que o tema tem uma licença GPL é que se o seu tema pai tem uma licença GPL, que você deve apenas usar o mesmo. Então, o que quer que você seja um tema pai tem apenas ir em frente e usar isso agora. A licença Your I é onde você pode colocar o endereço para a licença de temas para que você possa colocar o URL para a licença GPL se é isso que você está usando. Agora, se você estiver indo para ser o upload do seu tema para o diretório WordPress, digamos que você criar temas e você liberá-los lá no diretório WordPress. As tags ajudarão outras pessoas a encontrar seu tema quando estiverem pesquisando dentro do diretório WordPress . Então você só quer ter certeza de que o imposto que usa o nosso descritivo e relevante para o tema que você criou agora, como eu mencionei anteriormente em eu não usar todos estes se este é um tema filho que eu estou criando para mim mesmo para um ou estou criando, mesmo para um site filho, porque não estou lançando esse tema, então não preciso de todas essas informações. Então, realmente, a informação mais importante que você precisa para se certificar de que você incluir É um nome de tema no modelo. Tudo o resto é apenas um bônus, então eu muitas vezes incluir o nome do tema. Incluirei a descrição, meu nome e muitas vezes faço isso porque se outro desenvolvedor que trabalha depois da média quiser entrar em contato comigo, eles poderiam fazer isso. Se por algum motivo eu perder contato com o cliente e ele quiser entrar em contato comigo, talvez ele consiga ver meu nome no modelo. É por isso que gosto de incluir o nome. E então, é claro, falamos sobre o modelo e a versão é completamente até você. Então, realmente, desde que você tenha esse nome de tema no modelo, você está fora para um grande começo. Analisamos a estrutura básica da criação de um tema de arquivo, e isso tinha três coisas. A pasta, a folha de estilo, que era o arquivo CSS e, em seguida, as funções dot arquivo PHP. Então você tem algumas opções aqui. Você pode criar essa estrutura diretamente no servidor usando o cliente FTP, ou você pode criá-los localmente em seu computador. Em seguida, você pode compactar o arquivo e, em seguida, instalá-lo como um tema do seu painel WordPress. Então, para tornar isso fácil, eu vou apenas criar o tema filho diretamente no servidor. Mas seja lá o que for fazer, é o mesmo processo. Então sinta-se livre para fazer o que te deixar mais confortável. Agora que estou aqui no meu site de hospedagem, fui para o painel do mar. Agora preciso procurar meu gerenciador de arquivos. Agora, se você ainda não instalou onde pressione, você precisa instalar wordpress, você precisa ir em frente e instalar seu tema pai, e então você pode prosseguir com este processo. Então eu vou até meu gerente de arquivos aqui e abrir isso e nós queremos agora o portão para os temas dela, Boulder. E você vai encontrar isso aqui em conteúdo WP e temas. Agora você vai ver algumas pastas. Ele já terá as pastas 15 e 16 de 2014. E depois vais ter o tema dos pais. Então, os primeiros são simplesmente os temas que o WordPress pré-instalou para você quando você instalou o WordPress. Agora, divvy é o nome do tema pai que vou usar agora nesta pasta Temas . Este é o lugar onde queremos criar a pasta para o nosso tema filho. Então, para fazer isso, eu simplesmente vou clicar em uma nova pasta. E, em seguida, a prática comum aqui é colocar em seu nome de feixe pai e, em seguida, colocar Dash Child, e, em seguida, você pode criar a nova pasta. Dessa forma, é muito fácil reconhecer que se alguém trabalhar nisso no futuro, saberá exatamente onde encontrar os arquivos. Agora. Legal. Nós vamos criar esta folha de estilo, e nós vamos querer colocar esta folha de estilo dentro desta pasta filho. Se você não está familiarizado com o estilo que ela é, isso simplesmente inclui o código que realmente determina o design do seu site, e é realmente o arquivo que você vai ser mais provável de personalizar. Então, se você pensar em querer alterar o tamanho da fonte da própria fonte, a cor da fonte. Qualquer uma dessas informações que você será capaz de atualizar dentro do arquivo CSS. Você pode simplesmente abrir um editor de texto que você tem no seu computador. Qualquer um livre serve. Como se eu fosse usar nenhum bloco. E eles querem salvar esse arquivo como estilo. Tem CSS agora com que salvou trabalhando neles. Quero entrar no tema da criança como eu fiz. Lembre-se que eu estava aqui sob Debbie Dash. Criança, abra isso e então eu posso clicar, carregar, e eu vou ser capaz de navegar para o meu computador aqui, clicar no arquivo que eu acabei de criar Selecionar, Abrir e ele vai me dar um aviso aqui uma parte inferior, minha tela que diz que foi concluída para que eu possa excitar um aqui e apenas vai atualizar as telas. Podemos vê-lo e podemos ver agora o estilo que o arquivo CSS está lá. Então eu já dei dois passos para configurar este tema infantil 5. Como ativar seu tema filho: agora que adicionamos um pouco de informação à folha de estilos. Este é o lugar onde seu tema filho realmente vai começar. Sentindo-se mais riel com os passos que você completou até agora, seu tema filho vai realmente aparecer como um tema real em seu painel WordPress. Então, se você ir em frente e cabeça para o painel WordPress, você pode ir para a aparência e temas como você faria upload de qualquer outro tema e você verá aqui. Agora eu tenho o tema “Divvy Child “aparecendo. Então vamos olhar para este tema de 2015 como um exemplo. Se eu clicar nos detalhes do tema, você notará essas informações diferentes. Você tem o título do tema, o número da versão do autor. E então você notará que isso realmente vincula ao site do wordpress dot org porque eles são o autor. E aqui você tem sua descrição em suas etiquetas. Então isso está realmente sendo puxado da folha de estilo que acabamos de criar. Então, se eu voltar e olhar para o meu, eu tenho o título. Tenho a minha versão, o meu nome. Ele tem links para o meu site. Não tenho essa descrição longa. Todas as tags Então isso só vai fazer a diferença de como isso aparece nos detalhes do tema vai realmente olhar para mais tarde como você pode adicionar em uma imagem personalizada para o seu tema se você quiser ir em frente e fazer isso. Mas é claro, isso não é necessário. Então tudo o que você precisa fazer aqui é clicar em Ativar para tornar isso a sua coisa de vida. Então, agora, se formos ao site ativo, você não verá nenhuma alteração porque você não adicionou nada ao seu filho. Parece que neste momento. Então agora vamos começar a analisar a funcionalidade dos recursos, os estilos Você pode ver onde você pode fazer alterações no seu tema filho. 6. Como adicionar funcionalidades e recursos ao seu tema filho: Quando começamos, mencionei que há três coisas que você precisaria para criar um tema filho, a pasta, a folha de estilo e as funções que o arquivo PHP. Então nós já criamos o 1º 2 Então agora é hora de criar as funções que o arquivo PHP. E se você nunca ouviu falar desse arquivo, você não está familiarizado com o que ele faz. Isso basicamente vai permitir que você adicione funcionalidade ao site. Então, se você quiser adicionar novas funcionalidades ou futuros próprios, ou você só quer modificar qualquer funcionalidade existente, você provavelmente vai fazer isso nas funções dot arquivo PHP. Agora, como você provavelmente pode imaginar, este arquivo é escrito em PHP, e este é realmente um arquivo muito simples de configurar literalmente. Este é o código que você precisaria adicionar. Você literalmente abre com esta primeira linha aqui, e então você adiciona o código PHP. Agora, quando começamos e eu estava falando sobre as vantagens de criar uma equipe infantil, uma das coisas que eu mencionei foi que é útil entender a estrutura básica aqui de um site WordPress. Eu trago isso agora porque você realmente não precisa ah funções dot arquivo PHP para o seu tema filho Porque se você não vai modificar qualquer uma das funcionalidades, talvez apenas os estilos, então você pode fazer isso em seu estilo que arquivo CSS e você não precisa trazer as funções que o arquivo PHP ao mesmo tempo. Há uma razão para você querer ficar com isso. Então eu quero passar um momento falando sobre por que é importante ainda ter que funções que arquivo PHP agora. Anteriormente, eu também mencionei que um dos passos aqui é que precisamos vincular o tema da criança e a coisa dos pais juntos para que eles falem e compartilhem informações. Então precisamos achar um jeito de fazer isso. Anteriormente, a regra geral era voltar para o Sul, ela que você criou e usar o que foi referido como uma regra de importação, e literalmente parecia com isso. Esta era a linha de código que você adicionou à sua folha de estilos. Agora esta massa funciona, você ainda pode fazer isso. A razão pela qual isso não é usado tanto agora é porque isso pode realmente abrandar seu site, o que obviamente não é uma coisa boa. Você quer que seu site seja executado o mais rápido possível. Mas se o seu tema tiver várias folhas de estilo, ele irá carregá-las todas uma após a outra. E isso pode realmente fazer com que seu site seja abrandado. Então, se usarmos nossas funções que arquivo PHP, ele vai acelerar o site, e ele vai se certificar de que não é ter qualquer. Então a primeira coisa que queremos fazer aqui é que queremos ir em frente e criar que funções esse arquivo PHP. Vá em frente, abra seu editor de texto novamente e adicione o código aqui e, em seguida, vá em frente, salve isso e carregue isso na sua pasta Temas como você fez para sua folha de estilo. E então nós vamos realmente olhar para o código que você pode adicionar às suas funções esse arquivo PHP a fim de vincular seu filho deixando seu tema pai juntos 7. Como atrair estilos do seu tema pai para o seu tema filho: Tudo bem. Agora estamos prontos para vincular nosso tema filho ao nosso tema pai. E precisamos fazer isso para que ele possa puxar esse estilo na funcionalidade do nosso tema pai . E então, uma vez que fizermos isso, então seremos capazes de realmente começar a personalizar e fazer as mudanças que queremos . O Teoh. Então, se você realmente vai para o seu site e você ativou seu tema filho, você vai ver que não há realmente nenhum estilo para isso vai ser um pouco confuso. Não vai parecer exatamente como a coisa de pai de verdade. Então o que precisamos fazer é voltar para nossas funções que arquivo PHP. Agora tudo o que temos até agora é este código aqui. E esta segunda linha aqui é um comentário. Então, se você tem os dois Ford Slash é seguido por Asterix, você pode escrever o que quiser aqui para descrever o código que vai aparecer abaixo dele . Você também pode simplesmente remover completamente. Só depende do que você gostaria de diligir. E então o que nós vamos fazer é adicionar o seguinte código, então eu vou anexar isso você pode literalmente copiar e ritmo. Isso é chamado de WP no método Q, e isso é basicamente só vai fazer o seu site muito mais agradável. Então tudo o que eu faço é que o pagamento definido em, eu clico em salvar. Eu vou voltar ao meu site e atualizá-lo, e você deve ver agora que o estilo do seu tema pai agora está puxado para dentro. Então agora tudo o que eu preparei até agora foi puxado para dentro. Então, neste ponto, você tecnicamente criou com sucesso um tema filho. Então veja, é realmente não é muito trabalho. Demora apenas uma questão de minutos. Assim que souber o que está fazendo. Você armou as três coisas que conversamos. Mas como você pode ver, ele ainda se parece exatamente com o nome do pai. Mas agora que ele está configurado, é aqui que você pode começar a personalizar seu tema filho, e é isso que veremos como fazer agora. 8. Como personalizar seu tema filho: Agora estamos chegando à parte divertida porque agora estamos prontos para começar a personalizar o tema infantil . Então aqui é onde podemos retornar aos estilos que arquivo CSS. Podemos fazer qualquer uma das mudanças de estilo que quiser. Isto pode ser cores. Isso pode ser tamanhos, títulos e assim por diante. Então vamos ver exatamente como fazer isso. Agora, se você não tem muita experiência com Codina ou HTML CSS, tudo bem. Vou mostrar-lhe uma maneira fácil de descobrir como realmente adicionar código e de onde você pode simplesmente copiá-lo para obter as alterações que você gostaria. Então eu configurei esta página, e apenas como um exemplo, eu coloquei em três cabeçalhos diferentes, tinha um 12 e três, e cada um deles usa um cabeçalho tags. Então esta é uma igreja uma tag H para marcar cada tag três, e eles têm tamanhos diferentes, e cada tema irá automaticamente configurá-lo para um tamanho de fonte específico. Mas digamos que eu não gosto do tamanho da fonte que meu tema pai vem conosco. Eu queria maior, então vou modificar isso com meu estilo. Que C é uma folha agora a primeira coisa que eles querem fazer é eu quero baixar esta extensão do navegador . Chama-se “Incenso”. É completamente grátis. É um software de código aberto, e o que ele vai fazer é permitir que você veja o código que um site usa para que você possa pegar o casaco. Então vamos voltar para esta página de exemplo por um segundo. Digamos que eu queira descobrir que tamanho Cabeçalho um é. Então eu vou clicar com o botão direito sobre isso e clicar em Inspecionar Elemento com firebug Então eu ouvi que podemos ver que ele está destacando Cabeçalho um. Se eu clicar em Cabeçalho para vai destacar que na tela e alguém então vamos começar com Cabeçalho Um. Agora, se eu for para a direita no código, é H um, assim como está aqui à esquerda. Vai ser o mesmo aqui à direita. Então isso diz que é o tamanho da fonte 30. Agora, antes de fazer qualquer alteração na sua folha de estilos, o que você pode fazer é mudar o código aqui e o Firefox, e ele vai mostrar como ele será. Então isso economiza muito tempo de ter que ir e voltar, descobrindo os diferentes tamanhos e tudo mais. É muito útil. Então vamos dizer que eu vou usar um número grande só para que possamos facilmente ver a mudança. Digamos que eu quero fazer com que seja 45. Então agora você pode ver bem aqui como isso se parece. Então, se eu disser que sabe, isso é um pouco grande demais. Quero ir com 36. Talvez um pouco maior que isso. Ok, 40. Tudo bem. Isso parece bom. Estou feliz com 40. Então agora tudo o que preciso fazer é copiar este código aqui. Este é um código, e eu vou voltar para a minha folha de estilo. Vou abrir isso. Precisamos editar isso. E lembre-se que as informações de cabeçalho que incluímos pela primeira vez quando configuramos a planilha ,queremos ter certeza de que estamos colando essas informações abaixo dela. , Então aqui estou eu dizendo que quero meu novo cabeçalho. Um tamanho de texto era tamanho de fonte, em vez de ser tamanho 40 pixels. Eu vou em frente e salvar isso. E agora eu posso voltar ao site ao vivo agora, o que quer que você esteja usando firebug e você está fazendo essas mudanças, ele não está realmente fazendo isso no site ao vivo. Você tem que colocá-lo na folha de estilo porque você pode realmente usar isso para qualquer um. Local. Então, digamos que você vá ao site de outra pessoa e veja um tamanho de fonte ou uma fonte particular que você gosta ou qualquer tipo de estilo. Você pode usar firebug em seu site e, em seguida, você pode até mesmo editá-lo. E, claro, quando você desligar o fogo, ele vai atualizar, e vai voltar ao que você disse. Então, a mesma coisa aqui. Então, novamente eu poderia fazer a mesma coisa com Header to, e eu poderia voltar para a minha folha de estilo. Eu posso adicionar no mesmo código aqui para Header para e mudar isso para, digamos 35 Eu poderia torná-lo o que eu quiser. Então agora posso fazer a mesma coisa. Se eu procurar CSS, eu sei CSS. Posso entrar aqui e mudar a família das fontes. Eu posso adicionar em uma família bomba diferente dizer uma vez novo Roman e eu posso salvar isso e retorna um site ao vivo e atualizar, e agora você vai ver que a família de fontes de texto mudou. Então é assim que você pode facilmente ir sobre a edição do CSS, se você está familiarizado com CSS ou não, e facilmente ser capaz de pegar o código e personalizar realmente qualquer um dos estilos que você encontrar em seu site. 9. Como substituir outros arquivos de tema: Agora você pode achar que existem outras áreas do site que você deseja editar. E algumas dessas áreas podem não estar dentro do seu estilo CSS ou funções dot arquivos PHP. E quando esse for o caso, então você vai querer copiar o arquivo do tema pai para os temas filho para que você possa editá-lo. Então deixem-me dar-vos um exemplo. Aqui estou eu, trabalhando neste site em e usando divvy. Ele inclui um link de volta para temas elegantes, bem como WordPress. Mas eu gostaria de personalizar o rodapé aqui para que ele faça referência ao nome real da empresa . Então o que eu quero fazer é voltar aos meus arquivos aqui, e estou de novo. Justin, veja o Panel. Mas você pode fazer isso com FTP bem, e eu vou voltar para o tema dos meus pais aqui, então eu vou olhar para o meu rodapé dot arquivo PHP. O que vamos fazer aqui é simplesmente copiar esta pilha e eu vou colocar no meu nome da pasta tema filho aqui e clicar em Copiar. Então agora quando eu voltar para o meu tema infantil Debbie aqui, eu vou ver que há o arquivo PHP ponto rodapé. Então agora é onde eu posso entrar e editá-lo. Se você não está familiarizado com o PHP, a coisa mais fácil a fazer é procurar o texto que você está procurando. Então vamos dizer temas elegantes e, em seguida, apenas fazer uma busca por ele. Procure por elegante e veja o que aparece. Então aqui temos o URL, e temos o link de temas elegantes aqui. Então você também percebe aqui que há uma tag de parágrafo de abertura e uma tag de parágrafo de fechamento para que eu possa me livrar de todo esse código PHP no meio. E eu posso colocar qualquer texto que eu quiser aparecer na vibração. Então, se eu só quiser colocar as informações de direitos autorais seguras para o nome da empresa e o ano eu posso fazer isso e, em seguida, clique em salvar agora voltando para um site ativo. Se eu atualizar isso, eu vou ver aqui um para baixo que o texto que eu acabei de inserir no arquivo PHP ponto rodapé é o que aparece lá na parte inferior. Então é isso quando você realmente vai para atualizar seu tema. O rodapé é, na verdade, um dos lugares comuns que serão substituídos quando você atualizar seus arquivos de tema, porque é muito comum para o desenvolvedor colocar seu próprio link lá. Então, esta é uma maneira de garantir que você não perca essa personalização, incluindo-a aqui no tema filho. Então, novamente, você pode voltar aqui e você pode fazer isso um ato de link como temas elegantes ou WordPress anteriormente, waas. E é isso. Isso é tudo que você precisa para diligir. Então é o mesmo conceito aqui, realmente, para qualquer um dos arquivos que você gostaria de criar. Outra maneira de fazer isso em vez de clicar em Mover, é copiar o arquivo PHP do ponto de rodapé simplesmente abrindo-o. Agora, é claro, você vai querer fazer isso no seu arquivo de tema pai. Você pode literalmente copiar todo o texto, fechá-lo e, em seguida, quando você voltar para sua pasta de tema filho, clique em novo, coloque o novo nome do tema e, em seguida, colá-lo no arquivo, e pronto. Então, de qualquer maneira que você se sinta mais confortável. Mas é assim que você pode editar qualquer um dos outros arquivos 10. Como criar e adicionar uma imagem para o seu tema filho: Agora, Quando ativamos nosso tema infantil pela primeira vez, vimos que não havia imagem para o tema da criança em si como os outros têm. Então, se você quiser fazer upload de uma imagem, é muito fácil de dificar. Normalmente, você esperaria até o final do processo. Depois de ter terminado o seu tema filho e você apenas usar uma captura de tela do seu tema real e fazer upload disso. Mas se você quiser criar um cliente e você também pode fazer isso completamente com você, então o que eu vou fazer é fazer o upload de um personalizado. Vou para a loja de fotos. Você pode usar qualquer programa gráfico. Realmente não importa. Então você quer criar uma imagem que é 8 80 por 6 60 Agora, obviamente, a imagem não mostra tão grande. Ele vai nos mostrar 387 pixels por 290 pixels, mas este é o tamanho que o WordPress recomenda. Você faz o upload para que possa carregá-lo. Realmente, Em qualquer formato GIF j. Paige, PNG, o que você quiser. Mas normalmente PNG é o formato de arquivo que eles recomendam. Então vamos com PNG, e nós nomeá-lo captura de tela Agora você precisa fazer é voltar para o seu gerenciador de arquivos. E o que vamos fazer é certificar-nos de que estamos nesta pasta de tema infantil. Não queremos estar dentro de nenhuma das pastas deles, e depois vamos fazer o upload. E novamente, vamos pegar esse arquivo de captura de tela. Então captura de tela ponto PNG Vou esperar até que seja carregado. Retorne ao meu painel e nós apenas atualizaremos esta página aqui e você verá que agora eu tenho a imagem carregada. Tão triste, simples. 11. Como criar um tema de criança para um site existente: se você estiver trabalhando com um site existente que não usa um tema filho, e isso pode ser porque você criou um site antes de saber sobre o uso de temas filhos. Ou isso pode ser que você assumiu a manutenção de um site existente onde um tema filho não foi usado. Então, a questão torna-se, Como você cria um tema filho site estrangeiro existente Agora, não importa o quê. Eu sempre recomendo que se você está neste ponto que você faça um backup de seu site atual antes de começar a alterar quaisquer arquivos, porque você só quer ter algo que você pode cair para trás em que se algo der errado, você tem os arquivos originais, e você pode restaurar sua visão muito facilmente. No mínimo, faça uma cópia dos arquivos que você estará alterando para que você tenha um backup dessas cópias e possa substituí-las, especialmente se você estiver editando as funções que o arquivo PHP é realmente um núcleo WordPress, e o menor erro em sua pode causar um site amplo ar em seu site. Ele pode derrubar seu site, e você sempre pode rio de volta se você tiver esse backup de arquivo e seu site será exatamente como ele originalmente, Waas, então você não precisa ter medo de editá-lo. Contanto que você tenha isso de volta, você vai ficar bem. Então, se este é o seu site e você conhece as alterações que você fez, idealmente você pode voltar para suas alterações CSS. Você pode voltar à sua folha de estilos e pode remover qualquer uma das alterações CSS que você fez. E então você pode colocar essas alterações diretamente em sua folha de estilos de temas filhos que criamos um pouco atrás. Dessa forma, você manterá a folha de estilos pai exatamente a mesma que era quando você baixou , e qualquer uma das modificações agora estará na folha de estilos de temas filhos. Agora, por outro lado, se você realmente não fez as alterações ou não tem certeza das alterações que foram feitas, então você vai querer baixar o tema pai novamente. E você precisará puxar as duas folhas de estilo lado a lado. Então você estará olhando para o arquivo de tema pai original, e depois, ao lado disso, você estará olhando para as folhas de estilo de temas atuais, e você só precisará ir linha por linha olhando para quaisquer diferenças. E quando você vir quaisquer diferenças, você deseja extraí-las da sua folha de estilo do site atual e adicioná-las à sua folha de estilos de temas filhos que você acabou de criar. Em seguida, uma vez que você tenha todas as alterações colocadas na folha de estilos filho naquele momento, então você pode substituir a folha de estilo do site atual pela folha de estilo pai recém-baixada . Então há um pouco de ida e volta quando você não sabe quais mudanças foram feitas, você teria que gastar um pouco mais de tempo comparando o que foi feito. Mas é idealmente assim que se faz. Você acabou de trocar os lençóis originais dos pais. Você tem uma folha de estilo fresco e você removeu todas as mudanças e colocá-los em seu filho parecem tão geral, é praticamente o mesmo passo que o que passamos aqui, mas você só precisa compará-lo com uma nova versão do folhas de estilo pai, uma vez que o site atual não terá 12. Como usar um Plugin para criar um tema infantil: Outra opção que você tem para criar um tema filho é usar um plug in, e então vamos orientá-lo através do processo do que fazer, e ele vai criar os arquivos para você. Então, se você é novo nisso ou você não se sente confortável para lidar com a configuração que nós caminhamos , esta é outra opção para você que você pode querer considerar. Então, há um par de plugins apenas em geral, independentemente do tipo de plug em que eu estou procurando, eu sempre olhar para ter certeza de que foi recentemente atualizado que um monte de pessoas estão usando ele. Eu dou uma olhada nas críticas, e eu faço isso para ter certeza de que estou recebendo um plug de qualidade. Mas também para ter certeza de que os desenvolvedores atualizá-lo para que eles não tenham que estar tão preocupados com quaisquer problemas de segurança Se eu vir um plug in que não foi atualizado em dois anos do que provavelmente é um plug in que não foi atualizado, segurança não está sendo levado em consideração então, mas algo que eu gosto de ficar longe. Mas temos este aqui chamado de configuração de tema filho, que é uma opção. E também temos outro aqui chamado O Tema Criança One Click. Ambos foram atualizados, têm muitas instalações, boas críticas. Agora, vou passar usando as configurações de tema filho para que você possa ter uma idéia de isso se parece. Então, quando emenda WordPress painel aqui sob o menu de ferramentas uma vez que eu tenha instalado este plug in, ele vai aparecer aqui sob o menu Ferramentas tem temas filho, e isso vai levá-lo passo a passo através de todo o processo. Então temos três passos aqui para começar. Então, se estamos criando um novo tema infantil e nossa primeira opção aqui, vamos querer ir em frente e criar um novo sonho infantil. Agora, se você quiser duplicar um tema filho existente que talvez você queira apenas fazer algumas pequenas modificações, digamos que você deseja configurar em menus diferentes ou brincar com como algo funcionaria antes de você realmente lançá-lo. Ou digamos que você queira ter um tema específico para a temporada de férias. Se digamos que você tem um site de comércio, então isso é uma opção. Mas normalmente você vai criar um novo tema agora. Em seguida, você quer analisar o tema só para ter certeza de que isso vai funcionar bem para um tema infantil. Então, quando você clicar na seta suspensa aqui, ele vai lhe dar uma lista de todos os temas que você instalou. Então, por exemplo, vamos com a 26ª equipe para começar, e podemos clicar no botão analisado. Agora ele vai nos dar uma mensagem aqui dizendo que este tema parece bom para usar como um tema filho, então isso significa que podemos ir em frente e seguir em frente, e então ele lista os passos adicionais. Então aqui vamos ser capazes de escrever o nome do nosso diretório, que novamente usa a mesma configuração que falamos anteriormente. Sendo um tema pai nome Dash Child. Pode mudar o nome para o que quiser. Em seguida, você pode decidir se deseja usar a folha de estilos primária ou separada. Então você vai notar como você passar por aqui, ele vai colocar a opção recomendada ou a que você é mais provável que você precise. como a primeira opção, e isso vai ser pré-selecionado para você. Se você está mais avançado nisso e sabe mais sobre o que fazer aqui, então você pode querer olhar para algumas das outras opções. Mas se você não tem certeza, boa regra de ouro é ir com o primeiro 1 Então nós vamos para a folha de estilo principal . Se você vai criar um estilo separado, ela você pode fazer isso aqui, e então nós vamos descer para o sexto passo aqui. Agora, isto diz, Queremos usar um WordPress dile Que E é o que olhamos nas funções que arquivo PHP. Então essa é definitivamente a opção recomendada. Esse é o que você deveria estar usando. Ah, mas se por algum motivo você quiser usar a opção antiga que na importação você pode fazer isso aqui e então nós vamos descer para personalizar o nome do tema. Então nós olhamos para como fazer isso na folha de estilo, mas se você estiver usando o plug in, isso vai tornar isso muito fácil para você. Você vai ser capaz de adicionar todos os detalhes aqui, então isso é bastante auto-explicativo. Você pode adicionar no nome do tema, site, descrição do autor, etc. Não, Se você precisa acalmar centavo dos menus ou widgets, você pode ir em frente e clique nesta opção. Ele vai transferi-los para o seu tema filho, e então nós vamos criar um novo tema filho. Bem, eu não quero fazer é eu quero dar uma olhada em outra opção aqui. Eu quero dar uma olhada na opção divvy porque as outras opções aqui o 2014 15 16 aqueles ar do diretório WordPress. Então, a maioria dos temas que são carregados lá são configurados a maneira de declaração, então você geralmente não vai correr em nenhum problema. Se você está usando 1/3 tema partido ou você está usando um tema premium, então é quando alguns problemas começam a entrar em jogo apenas porque eles muitas vezes configurá-los forma diferente. Então vamos olhar para o tema “Divvy”. Já que essa é popular. Vamos em frente e clique. Analisar Agora, isso nos diz aqui que sim, isso é OK, Manel, Isso traz à tona por que você não quer usar a opção at import em seus estilos dot arquivo CSS e você deve realmente estar importando o usando suas funções dot arquivo PHP. Você vai ver que aqui com Debbie, eles realmente carregam algumas folhas de estilo. Então você tem um para códigos curtos, códigos curtos, responsivos, etc. Então eles realmente carregam um número de folhas de estilo. Então aqui vamos nomear o novo diretório. Agora, isso é dizer não porque eu já preparei isso, mas eu posso mudar isso para fazer o que eu quiser ser. Eu quero usar a palavra pressionado Al Que, especialmente porque este tema tem várias folhas de estilo. E então eu posso personalizar novamente o nome para ser qualquer coisa que eu quiser aqui. E eu não preciso dele para copiar isso, mas eu vou continuar e criar o novo tema. Agora você percebe que há uma mensagem no topo. O tema filho Deby child foi gerado com êxito. Uma nota importante. Pré-visualize o tema filho antes de ativar. Então você definitivamente quer clicar nisso. Você quer ter certeza de que seu tema filho parece e está agindo da maneira que você espera antes de fazer que o seu tema ativo, você pode ir aqui, certificar-se de que tudo parece bom, e então você pode ir em frente e clicar. Salve e ative. Agora você percebe que quando você vai para a aparência do feixe e temas, você vai notar que seu novo tema filho está ativado exatamente como você esperava. Agora, se voltarmos aos temas infantis aqui agora, seremos capazes de personalizar esse feixe infantil. Então agora podemos passar pelas diferentes guias aqui, e isso vai deixar você saber o que você pode mudar. Então aqui você será capaz de adicionar em CSS específico que você deseja alterar, e então você será capaz de ver sua folha de CSS de ponto de estilo pais existente para que você possa ver qualquer uma das informações que eles estão usando. Você pode facilmente copiar e pagar definido na área CSS e, em seguida, novamente, com estilos filho, você pode ver o que já existe em sua ovelha estilo criança. Já falámos sobre isso. Se você quiser adicionar áreas específicas do site para que isso possa ser, digamos, digamos, o cabeçalho do seu site ou o rodapé do seu site que você pode copiar esse arquivo do seu tema pai e colocá-lo em seu tema filho pasta. Então isso permite que você faça isso aqui no menu de arquivos. Você tem o rodapé. Digamos que queremos duplicar isso. Eu posso apenas clicar no rodapé e, em seguida, clicar em Copiar selecionado para o meu filho, Dean. Então agora ele vai pegar uma cópia desse arquivo e colocá-lo na minha pasta de tema infantil. E agora eu vou ser capaz de voltar, e eu vou ser capaz de editar esse arquivo especificamente. Então agora isso vai me deixar fazer isso aqui mesmo. Se eu quiser editá-lo, basta clicar nele. E então eu posso clicar aqui para editar esse arquivo de tema para que você veja aqui que isso está me dizendo que esta é a folha de estilo para o meu tema filho. A criança Divvy. 02 E aqui eu posso fazer as alterações abaixo aqui e clicar no arquivo de atualização. Mas antes de realmente fazer uma mudança aqui mesmo no site, certifique-se de que você tomou uma cópia deste, especialmente se você está lidando com as funções que arquivo PHP. Você tem cópias de tudo o que estava para acontecer. Você pode reverter para a versão original e você será capaz de começar de novo muito facilmente. Vamos voltar aqui e ver o que mais temos. Se você quiser adicionar uma nova imagem, analisamos como adicionar uma nova imagem. Você pode simplesmente fazer isso aqui. Você pode fazer upload. O novo vai mostrar uma prévia do que parece. E então, se você gostaria de criar um backup deste tema filho, você pode exportar como um zip aqui e você será capaz de fazer isso. Então, como você pode ver, isso permite que você faça tudo o que você precisa fazer simplesmente usando um plug in. Então isso é muito útil se você realmente se beneficiaria de um processo passo a passo como este.