it-swarm-pt.tech

Personalizando um tema WordPress sem alterá-lo?

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

19
googletorp

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

  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 nomeando seu tema pai e uma @import url(../%parent-theme%/style.css) para importar o CSS do tema pai,
  3. Ative seu novo tema no console de administração 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.
  5. É isso aí!

Eu poderia lhe dar muito mais detalhes, mas basicamente esse cara faz um ótimo trabalho ao explicar Como Criar um Tema Infantil 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 inato. É 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.

21
MikeSchinkel

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 apenas no arquivo css personalizado, sobrescrevendo as declarações css padrão do tema.

Folha de estilo 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 que sejam as declarações feitas por último, sobrescreverã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.

2
kevtrout

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

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

Depois disso, agora irei 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.

1
Sumit Kumar

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

0
JSLittlefield