Forum Rank Seo

Forum SEO pour webmasters et blogueurs !

 


  • Publicités

Création d'un thème "enfant" sous WordPress

Avoir un site ou un blog WordPress c'est bien, mais savoir s'en servir et l'optimiser c'est mieux, alors nous vous proposons de lister ici tous les tutoriels WordPress (ou sites/annuaires de tutoriels WP) que nous avons pu trouver ou réaliser, qu'ils soient en vidéo pu non.

Création d'un thème "enfant" sous WordPress

Message par BrunoT » 16 Sep 2013, 14:11

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.
Modifié en dernier par BrunoT le 16 Sep 2013, 17:16, modifié 2 fois.
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Publicités

Re: Création d'un thème "enfant" sous WordPress

Message par Jimcail » 16 Sep 2013, 14:19

Très beau travail Bruno et merci de partager au membres et invités qui deviendras membre un jour ;)
Annuaire en référencement TOP Annuaire
Avatar de l’utilisateur
Jimcail
Administrateur
Administrateur
 
Message(s) : 4085
Enregistré le: 08 Juin 2013, 16:38
Localisation : Angers
A remercié: 545 fois
Remercié: 260 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Cyd » 16 Sep 2013, 15:07

@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 ?
SEO Junky et accro Excel !
Retrouvez-moi en détail ici.
Avatar de l’utilisateur
Cyd
V.I.P
V.I.P
 
Message(s) : 1668
Enregistré le: 14 Juin 2013, 16:20
Localisation : Rennes
A remercié: 106 fois
Remercié: 150 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 16 Sep 2013, 17:09

@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 ;)
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Cyd » 16 Sep 2013, 17:22

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 ?
SEO Junky et accro Excel !
Retrouvez-moi en détail ici.
Avatar de l’utilisateur
Cyd
V.I.P
V.I.P
 
Message(s) : 1668
Enregistré le: 14 Juin 2013, 16:20
Localisation : Rennes
A remercié: 106 fois
Remercié: 150 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 16 Sep 2013, 18:27

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é ;)
Agence web WordPress: BT Web Création
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Cyd » 16 Sep 2013, 23:05

Ah OK, tout s'éclaire :)

Il ne me reste plus qu'à tester ça !!
SEO Junky et accro Excel !
Retrouvez-moi en détail ici.
Avatar de l’utilisateur
Cyd
V.I.P
V.I.P
 
Message(s) : 1668
Enregistré le: 14 Juin 2013, 16:20
Localisation : Rennes
A remercié: 106 fois
Remercié: 150 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Jipeee » 22 Sep 2013, 18:05

Bien joué Bruno, un très bon post qui démontre ta servitude envers la communauté! :app:
"Tous ne mourront pas, mais seuls ceux qui sauront s'adapter survivront" Charles Darwin.
Avatar de l’utilisateur
Jipeee
V.I.P
V.I.P
 
Message(s) : 511
Enregistré le: 10 Juin 2013, 15:47
Localisation : Vosges
A remercié: 21 fois
Remercié: 49 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 22 Sep 2013, 20:47

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


Je te retourne le compliment ;)

D'ailleurs, c'est ton sujet pour passer WordPress en DoFollow qui est à l'origine de celui-ci ;)
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Dezide » 21 Avr 2014, 17:05

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 ?
Avatar de l’utilisateur
Dezide
Newbies
Newbies
 
Message(s) : 55
Enregistré le: 24 Mars 2014, 01:14
Localisation : Lille
A remercié: 7 fois
Remercié: 0 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 21 Avr 2014, 18:03

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 ;)
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Dezide » 21 Avr 2014, 18:27

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
Avatar de l’utilisateur
Dezide
Newbies
Newbies
 
Message(s) : 55
Enregistré le: 24 Mars 2014, 01:14
Localisation : Lille
A remercié: 7 fois
Remercié: 0 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 21 Avr 2014, 18:30

Tu l'as nommé comment ton thème enfant?
Utiliser intelligemment la signature alternée sur les forums?
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Dezide » 21 Avr 2014, 18:36

le dossier ? Theme enfant
Avatar de l’utilisateur
Dezide
Newbies
Newbies
 
Message(s) : 55
Enregistré le: 24 Mars 2014, 01:14
Localisation : Lille
A remercié: 7 fois
Remercié: 0 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 21 Avr 2014, 18:39

Ben oui, le dossier.
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois

Re: Création d'un thème "enfant" sous WordPress

Message par Dezide » 21 Avr 2014, 18:42

Theme enfant :mrgreen:
Avatar de l’utilisateur
Dezide
Newbies
Newbies
 
Message(s) : 55
Enregistré le: 24 Mars 2014, 01:14
Localisation : Lille
A remercié: 7 fois
Remercié: 0 fois

Re: Création d'un thème "enfant" sous WordPress

Message par BrunoT » 21 Avr 2014, 19:02

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)
Avatar de l’utilisateur
BrunoT
V.I.P
V.I.P
 
Message(s) : 3736
Enregistré le: 08 Juin 2013, 18:43
Localisation : Rethel
A remercié: 489 fois
Remercié: 357 fois


Retour vers Tutoriels



 


  • Articles en relation
    Réponses
    Consultation(s)
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité

  • Publicités

Webmaster Jimcail.fr

Propulsé par phpBB® Forum Software © phpBB Group • Traduit par phpBB-fr.com
phpBB SEO
Theme created by StylerBB.net
cron