web-dev-qa-db-fra.com

Personnaliser un thème WordPress sans le changer?

J'ai trouvé et téléchargé un thème. Cependant, je veux modifier le CSS pour changer un peu le design, les couleurs, etc. Comment dois-je m'y prendre, tout en pouvant mettre à jour le thème sans perdre les modifications.

themescsscustomizationupdates
19
googletorp

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

  1. Créez un répertoire de thèmes sur homologue avec votre thème "parent",
  2. Créez un fichier style.css dans votre nouveau répertoire contenant une déclaration Template: dans les commentaires nommant votre thème parent et une @import url(../%parent-theme%/style.css) pour importer le fichier CSS du 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 dans votre répertoire de thème enfant et modifiez-les selon vos préférences, et
  5. C'est tout!

Je pourrais vous donner beaucoup plus de détails, mais fondamentalement, ce gars fait un très bon travail d'explication Comment créer un thème pour enfants Il vaut donc mieux que je vous l'indique.

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

J'espère que cela pourra aider.

21
MikeSchinkel

Si tout ce que vous voulez changer est un peu de 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 les nouvelles déclarations dans le fichier CSS personnalisé uniquement, en 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 émettra des appels http distincts pour les deux feuilles de style et appliquera les styles dans l'ordre indiqué. Quelles que soient les dernières déclarations faites, les déclarations faites devant elles seront écrasées. Veillez donc à inclure votre feuille de style personnalisée après l’inclusion d’autres feuilles de style dans le fichier header.php.

Si vous décidez de modifier 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, c'est changer quelques 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.

2
kevtrout

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

Personnellement, j’utilise un thème WordPress premium de MyThemeShop . En cela, je garde mon fichier d'options style.css et theme tel quel. Je viens de copier 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 en le nommant childstyle.css.

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

Cela conserve mon fichier original style.css tel qu'il est et me permet de le mettre à jour dans son format d'origine.

1
Sumit Kumar

Si vous êtes intéressé par un bon "exercice de laboratoire" pour essayer les étapes décrites ci-dessus. Il existe Nice guide pas à pas pour la création d’un thème enfant à partir du thème livré par défaut pour WordPress 3.x . C'est un thème enfant simple mais utile (nommé trenteten). Le résultat étend le thème vingt de un thème à deux colonnes à un thème à trois colonnes. Il a également quelques nouvelles images d'en-tête.

0
JSLittlefield