Personnaliser un thème WordPress sans le changer?
4 réponses
- votes
-
- 2010-08-13
Bien que vousne puissiezpas lemodifier sans le changer,vouspouvezisoler lesparties que vousmodifiezen créant unthèmeenfant. En résumé:
- Créez un répertoire dethèmes surpair avec votrethème "parent",
- Créez unfichier
style.css
dans votrenouveau répertoire contenant une déclarationTemplate:
dans les commentairesen nommant votrethèmeparentet une@import url(../%parent-theme%/style.css)
pourimporter le CSS duthèmeparent, - Activez votrenouveauthème dans la console d'administration WordPress,
- Ajoutez denouveauxfichierset/ou copiez desfichiers de votre répertoire dethèmeparent vers votre répertoire dethèmeenfantet modifiez-les selon vospréférences,et
- Voilà!
Jepourrais vous donnerbeaucoupplus de détails,maisen gros,cetypeexplique vraimentbien Comment créer unthèmeenfant doncmieuxpourmoijuste de vous y diriger.
Lorsque vous souhaitezmettre àjour lethèmeparent,mettez simplement àjour; cela laissera lethème de votreenfantintact. Bien sûr,votrethèmeenfantpeutne pasfonctionnerparfaitement s'il atrop changé leparentet/ou si vous avez copiéet modifié lesfichiers dethème qu'ils ontmis àjour dans lanouvelle version,vousn'obtiendrezpas lanouvellefonctionnalité sans lesmodifier aussi,mais c'est unmieux vaut recommencer à chaquefois!
J'espère que cela vous aidera.
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.
-
Lesthèmesenfants sont la voie à suivre àmon humble avisChild themes are the way to go IMHO
- 2
- 2010-09-01
- Ryan Gibbons
-
- 2010-08-21
Sitout ce que vous voulez changerest unpeu de css,vouspouvez créer unfichier csspersonnalisé dans le répertoire duthème. Incluez votrefichier csspersonnalisé dans l'en-tête duthèmeet écrivez denouvelles déclarations uniquement dans lefichier csspersonnalisé,écrasant ainsi les déclarations csspar défaut duthème.
Feuille de stylepar défaut
body{background:white;width: 960px;margin: 25px auto;}
Feuille de stylepersonnalisée
body{width:800px;}
Votrenavigateureffectuera des appels http séparéspour les deuxfeuilles de styleet appliquera les styles dans l'ordre dans lequelils sont répertoriés. Quelles que soient les dernières déclarationsfaites,elles remplaceront les déclarationsfaites avanteux. Assurez-vous donc d'inclure votrefeuille de stylepersonnalisée après quetoutes les autresfeuilles de style soientincluses dans header.php.
Si vous allezfinirpar changer desfichiersmodèles comme archive.php oupage.php,la réponse de MikeSchinkel vouspermettra demettre àjour votrethème si unenouvelle versionestpubliée,sansperdre vosmodifications. Mais sitout ce que vous voulezest de changer certains css,cetteméthodefonctionnerabien. Assurez-vous simplement de sauvegarder votrefeuille de stylepersonnalisée avant demettre àjour le répertoire desthèmes.
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.
-
Celapeut êtreproblématique si lethème que vousmodifiezn'estpas votrethème,vosmodificationspeuvent donc être écrasées lors desmises àjour dethème.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
Vouspouvez certainement créer unthèmeenfant.Unthèmeenfant conserve votrethèmeprincipal dans sonformat d'origine.
Ce queje faispersonnellement,c'est quej'utilise un thème WordPresspremium de MyThemeShop .En cela,je gardemonfichier d'options style.csset thèmetel quel.Je copie simplement les données dufichier dans un autrefichieret lenomme unpeu différemment.Parexemple,sij'utilise lethème SociallyViral,pour créer sonthèmeenfant,je vais copier les données de sonfichier style.csset lesenregistrer dans un autrefichieren lenommant childstyle.css.
Après cela,je vaismaintenant concevoir desfonctions spécifiqueset jepeux repensermonthèmeen ajoutantplus defonctionnalités dans lefichier childstyle.css.
Celagardemonfichier style.css d'originetel quelet mepermet de lemettre àjour dans leformat d'origine.
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.
-
Jene suispas sûr de ce que vous voulez direpar "Je vais copier les données de sonfichier style.css"maisil suffitgénéralement d'ajouter uniquement les styles authèmeenfant qui sont * différents * duparent - les styles duthèmeenfant ajoutentet/ou remplacer les styles duparent.Àpropos: comment votre réponse ajoute-t-elle quelque chose à la réponse qui était déjà ** acceptéeil y aplus de 6 ans **?!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
Si vous êtesintéressépar unbon «exercice de laboratoire»pouressayer les étapes décrites ci-dessus.Ilexiste unbon guide étapepar étapepour créer unthèmeenfant àpartir du WordPresspar défaut3.x a livré lethème vingt-dix .C'est unthèmeenfant simplemais utile (nommétrenteten).Le résultat étend vingt-dixthèmes d'unthème à deux colonnes à unthème àtrois colonnes.Il a également denouvellesimages d'en-tête.
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.
J'aitrouvéet téléchargé unthème.Cependant,je veuxmodifier le CSSpour changer unpeu le design,les couleurs,etc.Comment dois-jeprocéder,touten pouvantmettre àjour lethème sansperdre lesmodifications.