Personalizando um tema WordPress sem alterá-lo?
4 respostas
- votos
-
- 2010-08-13
Enquanto vocênãopodemodificá-lo sem alterá-lo,vocêpodeisolar aspartes que vocêmuda criando umtema de criança. Em resumo:
- .
- Crie um diretóriotemáticoem peer com o seu "pai"tema,
- Criar um arquivo
style.css
em seunovo diretório quepossui ummodeloTemplate:
Declaraçãonos comentáriosem nomeação do seutemapaie um@import url(../%parent-theme%/style.css)
paraimportar o CSS dotemapai, - Ative seunovotemano Console Admin do WordPress,
- Adicionarnovos arquivose/ou copiar arquivos do diretório do seupaipara o diretório do seufilhoe modificá-los à suapreferênciae
- éisso!
Eupoderiate darmuitomais detalhes,masbasicamenteesse carafaz umbomtrabalho deexplicar como criar umtema de criança Tãomelhorparamim apenaspara apontá-loparaele.
Quando você deseja atualizar otemapai apenas atualizar; Deixará seutema de criançaem tato. Claro que seutemafilhopodenãofuncionarperfeitamente seelesmudaremmuito opaie/ou se você copioue modificou arquivostemáticos,eles atualizadosnanova versão vocênão obterá anovafuncionalidade semmodificá-lostambém,mas é ummuitomelhor de começar de cima a cada vez!
Espero que ajude.
While you can't modify it without changing it, you can isolate the parts you change by creating a Child Theme. In summary:
- Create a theme directory on peer with your "parent" theme,
- Create a
style.css
file in your new directory that has aTemplate:
declaration in the comments naming your parent theme and an@import url(../%parent-theme%/style.css)
to import the CSS from the parent theme, - Activate your new theme in the WordPress admin console,
- Add new files and/or copy files from your parent theme directory to your child theme directory and modify them to your preference, and
- That's it!
I could give you lots more details but basically this guy does a really good job of explaining How to Create a Child Theme so better for me just to point you to it.
When you want to upgrade the parent theme just upgrade; it will leave your child theme in-tact. Of course your child theme may not work perfectly if they've changed the parent too much and/or if you copied and modified theme files they updated in the new version you won't get the new functionality without modifying them too, but it's a lot better from starting over each time!
Hope that helps.
-
Temas de criança são o caminhoparairimhoChild themes are the way to go IMHO
- 2
- 2010-09-01
- Ryan Gibbons
-
- 2010-08-21
Setudo o que você deseja alterar é umpouco CSS,vocêpode criar um arquivo CSSpersonalizado dentro do diretóriotemático. Inclua seu arquivo CSSpersonalizadono cabeçalho dotemae escrevanovas declaraçõesno arquivo CSSpersonalizado somente,sobrescrevendo assim as declarações de CSSpadrão dotema.
stylesheet
body{background:white;width: 960px;margin: 25px auto;}
stylesheet
body{width:800px;}
O seunavegadorfará chamadas HTTP separadaspara as duasfolhas deestiloe aplicaráestilosna ordemem queestão listados. Quaisquer que as declaraçõesforemfeitas,sobrescreverão as declaraçõesfeitas antes delas. Portanto,certifique-se deincluir suafolha deestilopersonalizada depois que qualquer outrafolha deestiloestiverincluídano cabeçalho.php.
Se você acabar com amudança de arquivos demodelo como Archive.php oupágina.php,a resposta domikeschinkelpermitirá atualizar seutema se umanova versãofor liberada,semperder suasmodificações. Mas setudo que você quiser émudar alguns CSS,essemétodofuncionarábem. Apenas certifique-se de salvar suafolha deestilopersonalizada antes de atualizar o diretóriotemático.
If all you want to change is a little css, you can create a custom css file inside the theme directory. Include your custom css file in the theme's header, and write new declarations in the custom css file only, thereby overwriting the theme's default css declarations.
Default stylesheet
body{background:white;width: 960px;margin: 25px auto;}
Custom stylesheet
body{width:800px;}
Your browser will make separate http calls for the two stylesheets and apply styles in the order they are listed. Whatever declarations are made last will overwrite declarations made before them. So make sure to include your custom stylesheet after any other stylesheets are included in header.php.
If you are going to end up changing template files like archive.php, or page.php, MikeSchinkel's answer will let you update your theme if a new version is released, without loosing your modifications. But if all you want is to change some css, This method will work well. Just make sure that you save your custom stylesheet before updating the theme directory.
-
Issopode serproblemático se otema que vocêmodificarnãofor seutema,para que suas alteraçõespossam ser sobrescritasnas atualizações dotema.This might be problematic if the theme you modify is not your theme, so your changes might get overwritten on theme updates.
- 1
- 2010-09-06
- hakre
-
- 2017-02-17
Vocêpode definitivamente criar umtema de criança.Umtemainfantilmantém seutemaprincipalem seuformato original.
O queeupessoalmentefaço é,estou usando um Premium WordPresstema domythemeshop .Nisso,mantenhomeuestilo.CSSe arquivo de opçõestemáticas como é.Eu apenas copio os dados do arquivopara outro arquivoe nomei umpouco diferente.Porexemplo,seeuestiver usando otema socialmenteviral,para criar seutemafilho,vou copiar os dados do arquivo Style.csse salvá-lopara outro arquivonominando-o childstyle.css.
Depois disso,agora vouprojetarfunçõesespecíficase poderá redesenharmeutema adicionandomaisfuncionalidadesno arquivo Chilthstyle.css.
Issomantémmeu arquivo deestilo original.css como ée mepermite atualizá-lonoformato original.
You can definitely create a child theme. A child theme keeps your main theme in its original format.
What I personally do is, I am using a premium WordPress theme from MyThemeShop. In that, I keep my style.css and theme options file as it is. I just copy the file's data to another file and name it a little different. For example, if I am using SociallyViral Theme, for creating its child theme, I will copy the data from its style.css file and save it to another file naming it childstyle.css.
After this, I will now design specific functions and can redesign my theme by adding more functionalities in the childstyle.css file.
This keeps my original style.css file as it is and enables me to update it in the original format.
-
Nãotenho certeza do que você quer dizer com "Eu copiarei os dados do arquivo Style.css",masgeralmente é suficiente apenas adicionaressesestilos aotema da criança que são * diferentes * dopai - osestilos dotema da criança adicionamparae/ou substituir osestilos dospais.Bythe way: Como sua resposta adiciona qualquer coisa à resposta quejáfoi ** aceita 6 + anos atrás **?!I'm not sure what you mean with "I will copy the data from its style.css file" but usually it is enough to only add those styles to the child theme that are *different* from the parent – the child theme's styles add to and/or override the parent's styles. By the way: how does your answer add anything to the answer that was already **accepted 6+years ago**?!
- 0
- 2017-02-17
- tillinberlin
-
- 2010-09-01
Seestiverinteressadoem umbom "exercício de laboratório"paraexperimentar ospassos descritos acima.Hánice guiapasso apassopara criar umtemainfantilfora dopadrãopadrão3.xentreguetema vinte .É umtemainfantil simples,mas útil (chamadotrinta).O resultadoestende otema vinte apartir de umtema de dois colunaspara umtema detrês colunas.Tambémtem algumasnovasfotos de cabeçalho.
If your interested in a good 'Lab Exercise' for trying out the steps described above. There is nice step by step guide for creating a child theme off the default WordPress 3.x delivered theme twentyten. It is a simple but useful child theme (named thirtyten). The result extends twentyten theme from a two column theme to a three column theme. It also has some new header pictures.
Euencontreie baixei umtema.Noentanto,quero ajustar o CSS algunsparamudar o design,coresetc. Umpouco.Como devofazerisso,enquanto aindapoder atualizar otema semperder as alterações.