Forum SEO pour webmasters et blogueurs !

Bonjour à tous,

Nous avons dernièrement abordé la solution de la création d'un thème enfant lorsqu'on apporte certaines modifications au code de son WordPress et qu'on ne veut pas {perdre|avoir à refaire} toutes ces modifications à chaque mise à jour.

Je vous propose donc aujourd'hui un rapide tutoriel sur la création d'un thème enfant sous WordPress:
(dans les exemples donnés ici, le dossier racine de mon site est "ronchon" et le nom de mon thème d'origine est"CherryTruffle", pensez donc à remplacer le nom du dossier par le vôtre et le nom du thème par celui adéquat)

1) Sur l'hébergement de votre site, dans le dossier "themes" de votre WP, créez le dossier portant le nom de votre thème enfant

Code : Tout sélectionner

/ronchon/wp-content/themes/CherryTruffle-child

Prenez soin de remplacer "CherryTruffle" qui est le nom de mon thème pour l'exemple par le nom du thème parent sur lequel vous vous basez

2) A l'intérieur du nouveau dossier thème enfant, créez un fichier CSS nommé "style.css".

3) Ajoutez dans votre fichier "style.css" le code suivant, en prenant bien soin de remplacer les valeurs par les vôtres

Code : Tout sélectionner

/*
Theme Name: My CherryTruffle Child Theme
Version: 1.0
Description: A child theme for CherryTruffle, blog theme.
Author: Your Name
Author URL: http://btweb.fr
Template: CherryTruffle
*/
@import url("../CherryTruffle/style.css");

Pensez à modifier les différentes valeurs pour les adapter à votre situation!

Votre thème enfant est ainsi créé et prêt à être modifié

4) Pensez surtout à l'activer dans l'administration de votre WordPress

N.B: à ce stade, les modifications qui resteront permanentes ne concernent que le style, puisque nous n'avons créé qu'un fichier ".css", nous verrons dans un prochain tutoriel, comment faire les modifications autres que stylistiques.

Très beau travail Bruno et merci de partager au membres et invités qui deviendras membre un jour

@Bruno, si je comprends bien, ce qui définit un thème enfant d'un autre, c'est le fait de le nommer

nomduthemedorigine-child

c'est bien ça ?

@Cyd: c'est peut-être un peux simpliste, non?
Si tu veux, ce que je présente ici, c'est la base, mais si tu regardes bien, comme aucune modification n'a été apportée pour le moment, le graphisme n'a pas changé, donc tu as presque raison (lol).
Si tu veux changer le graphisme, il te faudra alors compléter le fichier css de ton thème enfant et à ce moment, tu as bien un thème différent.

P.S: pour que ton thème enfant fonctionne, il faut bien que tu conserves le thème d'origine dans ton dossier thèmes puisque le thème enfant fait appel aux fichiers du thème parent

Oui j'ai bien compris le principe, mais ce que je voulais confirmer, c'est comment tu indiques à Wordpress le thème mère à utiliser ?

En gros, j'imagine que dans l'admin, tu vas choisir le thème CherryTruffle-child. Mais comment est-ce que Wordpress "comprend' que le thème CherryTruffle-child est un enfant de CherryTruffle et pas de Twenty Eleven par exemple ? Ils doivent être liés d'une manière ou d'une autre ?

Donc est-ce le simple de fait de nommer le dossier CherryTruffle-child suffit ?

Ok, non ça ne suffit absolument pas, lol.

Ca se passe dans le bout de code que tu mets dans le fichier .css de ton thème enfant:

Code : Tout sélectionner

@import url("../CherryTruffle/style.css");

Cette ligne, si tu as bien pris soin de modifier "CherryTruffle" par le nom de ton thème parent, alors le tour est joué

Ah OK, tout s'éclaire

Il ne me reste plus qu'à tester ça !!

Bien joué Bruno, un très bon post qui démontre ta servitude envers la communauté!

Jipeee a écrit:Bien joué Bruno, un très bon post qui démontre ta servitude envers la communauté!

Je te retourne le compliment

D'ailleurs, c'est ton sujet pour passer WordPress en DoFollow qui est à l'origine de celui-ci

Salut,

j'ai suivi la démarche, mais j'ai ce message :

Thèmes endommagés

Les thèmes suivants sont installés, mais incomplets. Les thèmes doivent avoir au moins une feuille de style et un modèle.
Nom Description
Twenty Thirteen/Theme enfant Le thème parent est manquant. Merci d’installer le thème parent « Twenty Thirteen ».

Twenty Thirteen étant le thème installé par défaut sur wordpress, je n'ai qu'un thème pour le moment

Dans mon dossier :

Code : Tout sélectionner

wordpress/wp-content-thèmes

se trouvent 2 dossiers :

1 thème enfant
1 Twenty Thirteen

Dans le dossier thème enfant j'ai qu'un fichier que j'ai nommé style.css, dans lequel j'ai mis :

Code : Tout sélectionner

/*
Theme Name: Twenty Thirteen
Version: 1.0
Description: A child theme for Twenty Thirteen, ecommerce theme.
Author: Youssef A
Author URL:
Template: Twenty Thirteen
*/
@import url("../Twenty Thirteen/style.css");

Où est le problème ?

Dezide a écrit:

Code : Tout sélectionner

/*
Theme Name: Twenty Thirteen
Version: 1.0
Description: A child theme for Twenty Thirteen, ecommerce theme.
Author: Youssef A
Author URL:
Template: Twenty Thirteen
*/
@import url("../Twenty Thirteen/style.css");

Où est le problème ?

Je pense que le problème vient du fait que tu as nommé ton thème enfant comme le thème d'origine!

Essaies en ajoutant "Child" après "Twenty Thirteen" dans la seconde ligne de ton fichier

BrunoT a écrit:Je pense que le problème vient du fait que tu as nommé ton thème enfant comme le thème d'origine!

Essaies en ajoutant "Child" après "Twenty Thirteen" dans la seconde ligne de ton fichier

toujours le même souci :

Thèmes endommagés

Les thèmes suivants sont installés, mais incomplets. Les thèmes doivent avoir au moins une feuille de style et un modèle.
Nom Description
Twenty Thirteen Child Le thème parent est manquant. Merci d’installer le thème parent « Twenty Thirteen ».

Dis moi le thème d'origine Twenty Thirteen, c'est le theme parent, c'est bien ça ?
Pourquoi dans le message d'erreur j'ai : Merci d’installer le thème parent « Twenty Thirteen

4) Pensez surtout à l'activer dans l'administration de votre WordPress

Où faut-il activer cela ? dans quel rubrique de l'admin ?
Moi je fais f5 et ensuite c'est à ce moment dans la rubrique apparence/thème que je vois le message d'erreur lié au thème Twenty Thirteen

Tu l'as nommé comment ton thème enfant?

le dossier ? Theme enfant

Ben oui, le dossier.

Theme enfant

Forcément, ça va aller moins bien!

Nommes-le "Nom du thème parent-child" en prenant bien soin de remplacer "Nom du thème parent" par le nom du dossier du thème parent.

Exemple sur un de mes sites, le dossier du thème parent étant:

Bold

Le dossier de mon thème enfant est:

Bold-child

Penses à bien respecter la casse (Majuscules/minuscules)