Personalizando um tema WordPress sem alterá-lo?

18

Eu encontrei e baixei um tema. No entanto, eu quero ajustar o CSS alguns para alterar o design, cores etc. um pouco. Como devo fazer isso, enquanto ainda ser capaz de atualizar o tema sem perder as alterações.

    
por googletorp 13.08.2010 / 08:25

4 respostas

21

Embora não seja possível modificá-lo sem alterá-lo, você pode isolar as partes alteradas ao criar um tema filho. Em resumo:

  1. Crie um diretório de tema no par com o tema "pai",
  2. Crie um arquivo style.css em seu novo diretório que tenha uma declaração Template: nos comentários que nomeiam seu tema pai e um @import url(../%parent-theme%/style.css) para importar o CSS do tema pai,
  3. Ative seu novo tema no Admin Console do WordPress,
  4. Adicione novos arquivos e / ou copie arquivos do diretório do tema pai para o diretório do tema filho e modifique-os de acordo com sua preferência, e
  5. É isso aí!

Eu poderia lhe dar muito mais detalhes, mas basicamente esse cara faz um ótimo trabalho explicando Como criar um tema filho então é melhor para mim apenas apontá-lo para isso.

Quando você quiser atualizar o tema pai apenas atualize; deixará o tema do seu filho intacto. É claro que seu tema filho pode não funcionar perfeitamente se eles mudaram demais o pai e / ou se você copiou e modificou arquivos de tema que eles atualizaram na nova versão você não obterá a nova funcionalidade sem modificá-los também, mas é uma muito melhor de começar de novo a cada vez!

Espero que ajude.

    
por MikeSchinkel 13.08.2010 / 08:50
2

Se tudo o que você quer mudar é um pouco css, você pode criar um arquivo css personalizado dentro do diretório do tema. Inclua seu arquivo css personalizado no cabeçalho do tema e grave novas declarações no arquivo css personalizado, sobrescrevendo as declarações css padrão do tema.

Folha de estilos padrão

body{background:white;width: 960px;margin: 25px auto;}

Folha de estilo personalizada

body{width:800px;}

Seu navegador fará chamadas http separadas para as duas folhas de estilo e aplicará estilos na ordem em que estão listadas. Quaisquer declarações feitas por último substituirão as declarações feitas antes delas. Portanto, certifique-se de incluir sua folha de estilo personalizada depois que qualquer outra folha de estilo estiver incluída no header.php.

Se você vai acabar mudando os arquivos de template como archive.php, ou page.php, a resposta de MikeSchinkel permitirá que você atualize seu tema se uma nova versão for lançada, sem perder suas modificações. Mas se tudo que você quer é mudar alguns css, este método funcionará bem. Apenas certifique-se de salvar sua folha de estilo personalizada antes de atualizar o diretório do tema.

    
por kevtrout 21.08.2010 / 12:53
1

Você pode definitivamente criar um tema filho. Um tema infantil mantém seu tema principal em seu formato original.

O que eu pessoalmente faço é usar um tema WordPress premium da MyThemeShop . Nisso, mantenho meu arquivo style.css e theme options como está. Eu apenas copio os dados do arquivo para outro arquivo e o nomeio um pouco diferente. Por exemplo, se eu estiver usando SociallyViral Theme, para criar seu tema filho, vou copiar os dados de seu arquivo style.css e salvá-lo em outro arquivo que o nomeie childstyle.css.

Depois disso, irei agora projetar funções específicas e redesenhar meu tema adicionando mais funcionalidades no arquivo childstyle.css.

Isso mantém meu arquivo style.css original como está e permite que eu o atualize no formato original.

    
por Sumit Kumar 17.02.2017 / 11:43
0

Se você está interessado em um bom 'Exercício de Laboratório' para experimentar as etapas descritas acima. Há um guia passo-a-passo para criar um tema filho fora do tema padrão do WordPress 3.x. vinte . É um tema infantil simples, mas útil (chamado trinta e dois). O resultado estende o tema de vinte e dois de um tema de duas colunas para um tema de três colunas. Também tem algumas novas imagens de cabeçalho.

    
por JSLittlefield 01.09.2010 / 16:23