Personnaliser un thème WordPress sans le changer?


19

J'ai trouvé et téléchargé un thème. Cependant, je veux modifier le CSS pour changer un peu la conception, les couleurs, etc. Comment dois-je procéder, tout en étant capable de mettre à jour le thème sans perdre les modifications.

Réponses:


21

Bien que vous ne puissiez pas le modifier sans le changer, vous pouvez isoler les parties que vous modifiez en créant un thème enfant. En résumé:

  1. Créez un répertoire de thème sur peer avec votre thème "parent",
  2. Créez un style.cssfichier dans votre nouveau répertoire qui a une Template:déclaration dans les commentaires nommant votre thème parent et un @import url(../%parent-theme%/style.css)pour importer le CSS depuis le thème parent,
  3. Activez votre nouveau thème dans la console d'administration WordPress,
  4. Ajoutez de nouveaux fichiers et / ou copiez des fichiers de votre répertoire de thème parent vers votre répertoire de thème enfant et modifiez-les selon vos préférences, et
  5. C'est ça!

Je pourrais vous donner beaucoup plus de détails, mais en gros, ce gars fait un très bon travail pour expliquer comment créer un thème enfant, donc mieux pour moi, juste pour vous le montrer.

Lorsque vous souhaitez mettre à niveau le thème parent, mettez simplement à niveau; cela laissera le thème de votre enfant intact. Bien sûr, votre thème enfant peut ne pas fonctionner parfaitement s'il a trop changé le parent et / ou si vous avez copié et modifié des fichiers de thème mis à jour dans la nouvelle version, vous n'obtiendrez pas la nouvelle fonctionnalité sans les modifier aussi, mais c'est un beaucoup mieux de recommencer à chaque fois!

J'espère que cela pourra aider.


2
Les thèmes pour enfants sont la voie à suivre à mon humble avis
Ryan Gibbons

2

Si tout ce que vous voulez changer est un petit css, vous pouvez créer un fichier css personnalisé dans le répertoire du thème. Incluez votre fichier css personnalisé dans l'en-tête du thème et écrivez de nouvelles déclarations dans le fichier css personnalisé uniquement, remplaçant ainsi les déclarations css par défaut du thème.

Feuille de style par défaut

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

Feuille de style personnalisée

body{width:800px;}

Votre navigateur effectuera des appels http séparés pour les deux feuilles de style et appliquera les styles dans l'ordre dans lequel ils sont répertoriés. Quelles que soient les dernières déclarations faites, elles remplaceront les déclarations faites avant elles. Assurez-vous donc d'inclure votre feuille de style personnalisée après que toute autre feuille de style soit incluse dans header.php.

Si vous allez finir par changer des fichiers de modèle comme archive.php ou page.php, la réponse de MikeSchinkel vous permettra de mettre à jour votre thème si une nouvelle version est publiée, sans perdre vos modifications. Mais si tout ce que vous voulez est de changer certains CSS, cette méthode fonctionnera bien. Assurez-vous simplement que vous enregistrez votre feuille de style personnalisée avant de mettre à jour le répertoire du thème.


1
Cela peut être problématique si le thème que vous modifiez n'est pas votre thème, de sorte que vos modifications peuvent être écrasées lors des mises à jour de thème.
hakre

1

Vous pouvez certainement créer un thème enfant. Un thème enfant conserve votre thème principal dans son format d'origine.

Ce que je fais personnellement, c'est que j'utilise un thème WordPress premium de MyThemeShop . En cela, je garde mon fichier d'options de style.css et de thème tel quel. Je copie simplement les données du fichier dans un autre fichier et le nomme un peu différent. Par exemple, si j'utilise le thème SociallyViral, pour créer son thème enfant, je vais copier les données de son fichier style.css et les enregistrer dans un autre fichier le nommant childstyle.css.

Après cela, je vais maintenant concevoir des fonctions spécifiques et je peux repenser mon thème en ajoutant plus de fonctionnalités dans le fichier childstyle.css.

Cela conserve mon fichier style.css d'origine tel quel et me permet de le mettre à jour dans le format d'origine.


Je ne suis pas sûr de ce que vous voulez dire par "Je vais copier les données de son fichier style.css", mais il suffit généralement d'ajouter uniquement ces styles au thème enfant qui sont différents du parent - les styles du thème enfant s'ajoutent et / ou remplacer les styles du parent. Soit dit en passant: comment votre réponse ajoute-t-elle quelque chose à la réponse qui a déjà été acceptée il y a plus de 6 ans ?!
tillinberlin

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.