Personnaliser un thème WordPress sans le changer?

18

J'ai trouvé et téléchargé un thème. Cependant, je veux modifier le CSS pour en modifier 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.

    
posée googletorp 13.08.2010 - 08:25

4 réponses

21

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ème sur l'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 un @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 à votre guise, et
  5. C'est ça!

Je pourrais vous donner beaucoup plus de détails, mais en gros, ce gars explique très bien Comment créer un thème pour enfants il est donc préférable que je vous l'indique.

Lorsque vous souhaitez mettre à niveau le thème parent, mettez-le à niveau; cela laissera votre thème enfant intact. Bien sûr, 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!

L’espoir que cela aide.

    
réponse donnée MikeSchinkel 13.08.2010 - 08:50
2

Si tout ce que vous voulez modifier 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 envisagez 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. Veillez simplement à enregistrer votre feuille de style personnalisée avant de mettre à jour le répertoire du thème.

    
réponse donnée kevtrout 21.08.2010 - 12:53
1

Vous pouvez certainement créer un thème enfant. 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 nom 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.

Ceci conserve mon fichier original style.css tel quel et me permet de le mettre à jour au format original.

    
réponse donnée Sumit Kumar 17.02.2017 - 11:43
0

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

    
réponse donnée JSLittlefield 01.09.2010 - 16:23

Lire d'autres questions sur les étiquettes