Créer des thèmes enfants (child themes) avec WordPress
Le principe du thème enfant est de permettre la modification et l’ajout de fonctionnalités à un thème parent sans y apporter de quelconque changement. L’avantage majeur est de pouvoir bénéficier des mises à jour du thème parent tout en poursuivant les changements sur le thème enfant. 2 minutes chrono suffisent pour créer un child theme !
Méthode de création du child theme
Avec WordPress, la création d’un child theme est… enfantine !
- Créez un nouveau répertoire dans le dossier /wp-content/themes/NOM_DU_THEME_ENFANT ;
- Créez la feuille de styles CSS en nommant le fichier style.css ;
- Copiez / collez les lignes de code suivantes :
/*
Theme Name: Twenty Ten Child
Description: Thème enfant pour Twenty Ten
Author: Le nom de l'auteur
Template: twentyten
*/
@import url("../twentyten/style.css");
#style1 {
float:left;
}
- Indiquez l’URL de la feuille de styles du thème parent
@import url("../twentyten/style.css");ainsi que le nom du thème parent dansTemplate: twentyten; - Commencez à coder les styles ;
Notez que le #style1 est donné à titre indicatif !
A propos des fichiers de thèmes
Le thème enfant va ainsi hériter de l’ensemble des fonctionnalités du thème parent. De fait, seuls les fichiers qui seront ajoutés dans le dossier du thème enfant surpasseront ceux du thème parent.
Envie de changer le header.php ? Ajoutez ce fichier dans le dossier enfant. Idem pour l’ensemble du template WordPress.
Vous pouvez également vous limiter à l’ajout d’une feuille de styles CSS et multiplier ainsi les changements purement visuels tout en conservant la structure HTML du thème parent. Cette technique est monnaie-courante pour les thèmes premium. Cela permet aux designers d’offrir plusieurs apparences pour un même thème.
Avertissement pour le fichier functions.php
Contrairement aux autres fichiers du thèmes (index.php, single.php, etc.), le functions.php ne sera pas écrasé par celui du thème enfant – si par cas il existe. Il sera au contraire charger juste avant le functions.php du thème parent. Vous pouvez donc ajouter des fonctionnalités au thème parent sans « casser » ce dernier.
Utiliser un child theme est un véritable gain de temps tant pour le développeur que pour le webmaster qui n’auront plus à se soucier des modifications apportées. Un thème source propre en termes de code et un thème enfant pour le customiser à souhaits. Ingénieux, non ?
Crédits photo : larukucafe
Podcast: Télécharger (56.2MB)
A propos de l'auteur
Aurélien Denis est le fondateur du projet WordPress Channel proposant tutoriels et podcasts librement téléchargeables. En 2010, il fonde Neticpro, une agence Web spécialisée WordPress. Il est aussi co-fondateur du site Protuts.net (tutoriels PC/Mac/Linux) et community manager pour l’Imagine Cup 2011/2012, une compétition mondiale organisée par Microsoft.
WordPress 3.5 – Un CMS pour créer et gérer blogs et sites Web
RT-Theme 17, traduction française
Maven Hosting, 12 mois d’hébergement
Themetick, traduction française
super ! merci c’est très clair
C’est vraiment très astucieux.
Merci à vous deux !
Merci beaucoup pour ces explications avec la petite vidéo qui va bien.
Y a plus qu’à, maintenant
vraiment intéressant et pratique. C’est super
Désolé d’apporter un B-mol: si l’on suit vos explications et l’on active le thème enfant, tous les menus personnalisés (faits avec le theme parent d’origine twentyten) disparaissent!!
Ensuite, ce thème enfant, si je vous ai bien compris, ne sert qu’à changer des styles de présentation. Or il me semble bien que dans la présentation US de WP 3.0, il est aussi question et surtout de pouvoir personnaliser des fichiers tels que single.php, page.php, et surtout functions.php – qui se substituent donc aux fichiers de thème parent. Vous n’en faites pas état. Est-ce moi qui ait mal compris?
Enfin vous omettez de dire que sous une configuration WP 3.0 multi-site, vous devez d’abord activer le thème enfant dans la section « super admin ».
Donc « à suivre »….
Le fichier functions.php n’est pas remplacé, par contre celui du thème enfant est chargé en premier.
Si tu regardes twentyten, par ex, tu remarqueras « if !function_exists ». Ça te permet de redéfinir les fonctions qui sont dans le thème parent.
Je vous confirme: un fichier du même nom que celui du thème parent et qui se trouve dans le dossier du thème enfant sera pris en priorité et remplacera celui du thème parent. Donc single.php, page.php, footer.php functions.php, même category-xx.php peuvent être personnalisés à volonté sans compromettre une maj. du thème parent. C’est là que réside je pense – plus que le simple changement de style – la beauté de l’architecture WP 3.0 (en fait ça existe depuis 2.7).
Il reste néanmoins la question des menus?
Les menus sont directement liés au thème et donc aux emplacements utilisés dans ce dernier. Il est donc probable en effet que ces derniers disparaissent lors de l’activation du thème enfant.
En ce qui concerne les fichiers du template – autre la feuille de styles, il me semblait que mon article en parlait suffisamment…
Pour une version multi-site de WordPress, activer le thème est une évidence et ne rentre pas dans le cadre d’un tutoriel sur les child theme mais plutôt sur la gestion d’un site en mode multi-site.
Bonjour Aurélien,
Est-ce qu’il existe un moyen de conserver les menus et autres personnalisations du thème quand on utilise un thème enfant ? En recopiant une partie des fichiers du thème vers le dossier du sous-thème ?
En tout cas merci pour ce tuto !
Cordialement,
Sandrine
Okay, je n’avais pas lu l’article, simplement vu le podcast, désolé
Pas de soucis !
le twenty ten n’est pas le théme idéal à partir duquel établir des thèmes enfants. Le code qu’il contient est un peu pariculier. Par exemple, le code de la Loop d’affichage des articles est dans un fichier (loop.php), et non dans index.php (par exemple). en fait, ce nouveau thème défaut est assez mal documenté. Bonne source d’infos sur les thèmes enfants sur http://themeshaper.com/thematic/
Personnellement, je trouve le nouveau thème par défaut TwentyTen nettement mieux fichu que son prédécesseur K2.
Il exploite à fond les nouvelles fonctionnalités de WordPress 3.0. En cela, je le considère comme une bonne base de travail.
Question documentation, les thèmes WP ont tous la même architecture… le codex est déjà pas mal détaillé à ce sujet, non ?
Bon certes c’est en anglais…
Et merci pour le lien !
Très sympa comme tuto ! A noter que l’ancien thème par défaut n’est pas K2 mais Kubrick !
Merci de ton commentaire ! En effet, c’est bien Kubrick…
Merci je sais enfin ce qu’est un theme enfant.
Je fonce voir les podcasts
très cool ce podcast, super bonnes explications, ça m’a vraiment aidé! @+
Bonjour,
Lorsque l’on utilise bloginfo(« template_url »)sur un thème enfant, WP nous retourne le chemin vers le thème parent.
Il existe un équivalent pour le thème enfant ?
Merci
C’est dans le codex : http://codex.wordpress.org/Function_Reference/bloginfo
Il y a une fonction qui retourne le thème enfant, l’autre le thème parent.
Merci Nicolas.
J’avais été sur cette page, mais j’ai dû lire trop vite
Merci beaucoup pour ce tutoriel. Et pour tous les autres ( je ne voulais pas laisser un commentaire sur chaque article … ). Tout est expliqué de manière claire et didactique. Je débute sur WordPress et c’est un vrai régal de bénéficier de votre expertise.
et bien moi ça marche pas.
ça fait dix fois depuis un bail que j’essaye sans succès.
le thème enfant est complet mais pas reconnu … dans admin il disent incomplet et je vois pas pourquoi il a tout tout tout
Sûrement un problème dans le fichier CSS ou un envoi qui a mal fonctionné.
Avez-vous des conseils pour un bonne doc du p’tit dernier Twenty-eleven ?
Je cherche précisément un tuto pour insérer les sidebar aux pages et articles, étant donné qu’ils ne le sont pas par défaut.
Merci!
Oui une liste complète de 8 hacks pour Twenty Eleven ont été publiés.
Par contre, merci de ne pas utiliser de pseudo uniquement à des fins de SEO.
Merci Aurélien pour cette information.
.
Sinon, je pensais que les pseudos/lien étaient tolérés ici. Pas de problème je ne ferai plus
Pas de quoi pour l’info !
Les liens oui mais je modère au maximum pour éviter toute dérive. Nous sommes des humains ! :D
Je comprends
Bonjour,
Merci pour votre tutorial. Concernant la rédaction de l’article vous avez fait une faute dans la partie « Méthode de création du child theme » B. style.css sans le « s »
Bonne journée.
Faute corrigée ! Merci !
Bonjour,
votre tutoriel est très clair, le seul hic c’est que je n’arrive pas à créer de nouveau fichier sur Filezilla
Créer nouveau dossier se fait avec un clic droit mais pour un nouveau fichier je n’ai pas trouvé.
Pourriez vous m’aider ?
Merci
De mémoire, vous ne pouvez pas créer de nouveau dossier dans FileZilla directement via le menu contextuel. De fait, il faut d’abord le créer sous Windows puis l’envoyer sur le serveur.
Merci pour la rapidité de la réponse.
Je suis sur mac, je vais essayer de me dépatouiller.
Tant mieux dans ce cas il vaut mieux utiliser Cyberduck ou Transmit (payant).
J’ai suivi votre conseil, j’ai utilisé Cyberduck et ça y est !!!!
j’ai mon thème enfant pour Twenty eleven
Encore un grand merci
Bonjour,
J’ai créer le thème enfant pour le thème twenty eleven, lorsque je vais dans l’éditeur de WordPress je n’ai que ces lignes de code (voir ci après)
du coup je ne sais pas comment faire pour effectuer des transformations. Je voudrais par exemple enlever le formulaire de recherche
Toutes les lignes de code présentes dans mon éditeur wordpress
/*
Theme Name: Nom du thème enfant
Theme URI: URL du site
Description: Une description du thème
Author: Votre nom
Template: twentyeleven
*/
@import url(‘../twentyeleven/style.css’);
Salut,
Merci beaucoup pour le travail que tu fais. Les informations sont claires et précises. Je pense que je ferai appel à toi (dans la mesure du possible) si jamais je rencontre des problèmes. Je débute mais je commence à m’en sortir. Avoir des tutos aussi bien faits, la tâche est vraiment facilitée.
Bonne continuation
Bonjour,
Est-ce que cette technique ne concerne que les feuilles de style, ou bien on peut appliquer la même manip sur les autres fichiers php du thème, comme functions.php ou 404.php …?
Le thème de mon site est anglais à l’origine et je l’ai francisé. Sauf que si j’applique la dernière màj je vais perdre les modifications de functions.php et la traduction des autres pages. Mon idée c’est de dupliquer les fichiers modifiés vers le thème enfant puis d’installer la dernière version du thème.
Bonjour,
je cherche à remplacer leave a comment sur cette page http://yogalyon.fr/articles-yoga/
et j’ai cherché regardé ici et là mais je n’y arrive pas, avez vous un tuto vidéo expliquant cela ?
par avance merci et bravo pour votre boulot !
Daniel
A priori, le problème n’est plus d’actualité ? J’ai sorti ton commentaire du spam… attention à ne pas mettre plusieurs fois le même lien.
Je me réponds :
http://codex.wordpress.org/fr:Thèmes_Enfant
http://codex.wordpress.org/fr:Th%C3%A8mes_Enfant
PS je ne sais pas comment mettre un lien actif dans le commentaire, de plus celui-ci comporte un caractère accentué.
Pas de soucis, pour les liens !
Et effectivement pour te répondre : la plupart des fichiers peuvent être réutilisés dans un thème enfant.
Bonsoir,
En créant un thème fils comme indiqué ci-dessus, perd-on la possibilité d’éditer la feuille de style directement dans l’interface admin de WP 3.2.1 ?
Sans savoir qu’il était possible de faire un thème fils, j’ai fait une feuille de style fille directement dans le thème 2011 en créant un page_seb.php avec get_header(seb); et un header-seb.php qui appelle style_seb.css et cette feuille est éditable dans l’interface d’admin.
Evidémment je ne peux pas faire joujou avec tous les fichiers php et s’il y a des updates de thèmes, il faut que je copie via une recopie plutôt qu’un supprime/copie
Pour info, on parle de thème enfant (child theme).
Pour répondre à ta question, la feuille de styles est toujours accessible depuis l’éditeur de même que l’ensemble des autres thèmes.
Bonjour Aurélien,
Je me pose une petite question, j’ai édité un site sous un thème assez classique de WP (qui correspondait d’un point de vue graphique à la demande de l’entité pour qui j’ai réalisé le site).
Je n’ai pas crée de thème enfant dès le départ et j’ai pas mal modifié le style.css et quelques autres fichiers .php. (et quand je dis pas mal, c’est beaucoup) pour arriver à coller parfaitement à demande qui m’a été faite.
Peut-on créer un thème enfant sans trop de problème alors que l’on à déjà beaucoup modifié le thème parent ?
Merci.
PS: j’aime bien la nelle version du site (un amis a moi a participé à la beta)
Tout d’abord, merci d’apprécier cette nouvelle version !
Pour répondre à ta question, je dirais que cela est possible mais ne présente aucun intérêt dans la mesure où un thème enfant est conçu pour pouvoir autoriser les mises à jour du thème principal sans soucis. Tu peux toutefois en créer un pour réaliser des déclinaisons de ton thème principal (schéma de couleurs par exemple).
Merci de ta réponse Aurélien.
C’est bien ce que je pensais…
(Tu sera au WordCamp cette année ?)
Oui et en tant qu’orateur !
bonjour !
Merci pour ce tuto très utile.
J’ai appliqué la méthode aposteriori sur un thème acheté que j’avais beaucoup customisé. J’ai réinstallé le thème initial après avoir déplaçer tous mes fichiers customisés (fichiers css mais aussi plusieurs fichiers php et js) dans un dossier enfant. Quelques conflits à régler, le menu à réactiver… et le tour est joué !
Seul problème, les modifications faites dans les fichier .js ne sont pas prises en compte dans le fichier enfant et j’ai donc dû les laisser dans le fichier parent.
Est-ce normal selon vous ? (Je ne suis pas du tout développeur).
merci d’avance !
Je n’ai encore jamais testé sur des fichiers JavaScript mais cela doit peut-être pouvoir se faire à condition de l’indiquer quelque part dans l’appel de ces fichiers…
Bonjour Aurélien. Après avoir vu le podcast vidéo et lu les commentaires je suis entièrement convaincu de l’utilité d’un thème enfant pour anticiper les mises à jour, mais j’ai déja pas modifié le style.css et le dark.css du thème initial. J’envisage donc de copier dans style.css (enfant) et dark.css (enfant) les propriétés qui ont été modifiées et recharger les fichiers sources originaux du thème parent. Est-ce la bonne méthode pour ne rien perdre. J’en déduis qu’il faudra que je fasse la même chose pour les fichiers php originaux que je modifierai.
Merci
Je poste à nouveau car je ne peux pas éditer mon précédent message. Avant d’attaquer le style.css, j’ai fait quelques essais avec le dark.css. J’ai reinstallé le fichier d’origine en ayant pris soin de copier les modifications que je voulais pour mon site. J’ai donc créé un dark.css dans mon thème enfant avec juste les propriétés:valeurs que j’ai modifiées pour mon site. Rien à faire. C’est toujours le fichier original qui est pris en compte. J’ai tout fait avec le fichier : j’ai essayé avec et sans un @import url(« ../twentyeleven/colors/dark.css ») dans le fichier enfant, j’ai essayé aussi de recréer l’arborescence initiale ans le theme enfant et toujours rien. Merci de votre aide
S’il y a plusieurs feuilles de styles CSS, il se peut que certaines fonctions posent soucis dans le thème parent.
Bonjour Aurélien,
J’ai le même problème avec un autre thème, pas de solutions ?
Merci
).
du coup j’en profites pour te conseiller l’installation de GROWL qui te notifiera si ton upload ftp à marcher ou non (histoire de plus avoir besoin de regarder que la taille à bien changée
On peut aussi utiliser Transmit qui signale la fin du transfert par un changement d’icône dans le dock.
Bonjour,
J’ai bien aimé ton tuto je l’ai réussi et même créer un nouveau design dans le formulaire de connexion. Toutefois j’ai une question sur la création d’un fichier header.php, je m’explique. Mon thème ne possédait pas de logo j’ai copier collé le fichier header.php du dossier parent dans le dossier enfant. Mais on peut dire que qu’il fait doublon et j’ai modifié le fichier header.php enfant.
J’ai remplacé ceci :
<a href="/ » title= »">
Par ceci:
<a href="/ »><img src="/wp-content/themes/jocasta-enfant/images/logo.png » width= »322px » height= »51px » alt= »" />
Enesperant que mon code soit prit en charge dans le formulaire commentaire.
Dois je supprimer du contenu dans mon header.php enfant je tiens à vous signaler que je n’ai rien ajouté en css.
Merci de votre aide.
Utilise bloginfo(« stylesheet_directory ») si tu veux éviter de coder « /wp-content/themes/jocasta-enfant/ » en « dur » dans ton fichier. Comme ça, si ton installation de WordPress change de répertoire, ça ne brisera pas.
Merci pour avoir répondu rapidement.
Mais je ne vois pas comment l’insérer dans ce lien.
<a href="/ »><img src="/wp-content/themes/jocasta-enfant/images/logo.png » width= »322px » height= »51px » alt= »" />
Merci
Bien après mettre creusé la tête le peut qui me reste en connaissance en php est remonté en surface. pour ceux qui cherche voici un bout de code.
<a href="/ »>
A la place des 3? mettre la balise PHP ouvrante et la seconde fermante en espérant que le reste passe bien.
Par contre on ne m’a pas répondu pour le header.php enfant si je peux supprimer ou pas tout ce que je n’ai pas modifier.
Dès que tu modifies un fichier du thème parent, fais-en une copie dans le thème enfant.
Maintenant, si tes modifications sont mineures, tu peux aussi envisager de créer un fichier texte contenant les lignes modifiées avant / après.
Sinon, la technique évoquée par Nicolas fonctionnera aussi. Un exemple avec un lien à reprendre pour ton cas : http://tinyurl.com/75at98x
Bonjour,
C’est bon comme je l’ai dit plus haut j’ai trouvé est l’ai rentré dans mon thème enfant ce qui est plus pratique qu’un fichier texte, car si il y a mise à jour il faut tout refaire. Le thème enfant c’est ce qui permet d’éviter tout ça.
Bruno
Bonjour Aurélien,
Je viens de créer mon thème enfant mais alors qu’il n’y a aucun style de présent dans le fichier style.css enfant, je constate que tout est cassé (un peu comme si il n’y avait plus de feuille de style).
Je précise que j’ai fait le test avec Mamp sur le thème Twentyeleven.
Ci joint le code :
/*
Theme Name: Photograpix
Description: Theme enfant pour Twenty Eleven
Author: Loic
Template: twentyeleven
*/
@import url(« http://localhost:8888/blog/wp-content/themes/themes/twentyeleven/style.css »);
Oups…
J’ai oublié de dire merci !
Désolé du retard, pour réponse : ton lien d’import est sans doute faux il y a 2 fois /themes
Merci Aurélien. Je l’avais pourtant lu et relu… Allez, je cours chez l’opticien !
Hello,
J’ai beaucoup travaillé avec Joomla et là j’essaye WordPress. Je comprends très bien l’intérêt de faire un thème enfant mais je rencontre le même problème avec le thème Twenty Eleven. Sans ajouter de css dans style.css, ma mise en page est cassée… Aurélien Denis, tu as sans doute essayé avec le Twenty Eleven ?
Vérifies le nom du dossier du thème, de même que les métadonnées du child thème dans sylve.css – notamment theme name et template.
Il faut vérifier la validité du lien d’import CSS aussi.
Merci pour ta réponse rapide ! J’ai tout repris depuis le début et cela fonctionne bien. Désolé pour le dérangement. Est ce que cette ligne est importante : Theme URI: URL du site ? Sinon, j’ai une autre question : Dans le menu (le menu avec la barre noire), j’arrivais bien à mettre des liens vers des pages (non catégorisées) mais je n’arrivais pas à mettre des liens vers des catégories. Maintenant que j’ai crée un thème enfant, cela fonctionne bien. Il ya un rapport à ton avis ?
Non la ligne Theme URI est facultative. Pour le menu, c’est géré sous Apparence > Menus. Si tu n’as pas créé d’autres fichiers que styles.css dans ton thème enfant, aucune raison non.
bonjour,
Je suis entrain de faire un test sur wordpress pour comprendre son fonctionnent. J’avais commencé le blog sans thème enfant. J’avais modifié le header que j’ai donc ajouté à mon theme enfant. Tout apparait bien, mais je rencontre la difficulté suivante : quand je tente d’ajouter un nouvel article, j’obtiens une erreur 500 et dans la barre d’adresse l’adresse se finit de la manière suivante: /wp-admin/post-new.php. Pouvez vous m’indiquer
Une erreur 500 informe qu’il y a un soucis côté serveur.Peux-tu nous donner l’intégrale du message ?
Juste une erreur 500 sur le navigateur,
sur l’interface admin je vois ceci :
Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 23040 bytes) in /mnt/154/sdc/b/d/cathyboulot/test ad/www/wordpress3/wp-admin/includes/class-wp-comments-list-table.php on line 454
Changes d’hébergeur ou fais évoluer ton offre si tu es sur du mutualisé de base.
C’est d à quoi ? en fait j’utilise un espace gratuit pour faire des tests, une sorte de brouillon
Il faut bannir les hébergeurs gratuits et prendre quelque chose de correct en mutualisé pour débuter.
Pour 60 € an (domaine compris), il y a Mavenhosting qui fait tourner ce site.
Je confirme que cet hebergeur tourne très bien j’y suis depuis 4 ans.
En fait , comment faire pour pouvoir utiliser mon site comme je le pouvais encore hier. Dernières modification : j’ai essayé de faire un theme enfant, comme cela générait des erreurs je l’ai supprimé… mais je n’ai pas retrouvé ma capacité à faire des articles
Je voudrai juste savoir en fait ce qui provoque cette erreur, je ne cherche pas encore un hébergeur…
Justement, les erreurs 500 sont liés à des serveurs qui manquent par exemple de mémoire. Si tu veux faire des tests, le mieux est d’installer WordPress en local.
Oui je comprend, mais comme je travail de chez d’un et d’un autre poste à l’exterieur qui ne m’appartient pas c’était à priori la méthode qui m’est venue naturellement à l’esprit pour transporter le brouillon avec moi ( ah comme c’est dur de débuter) ….mais effectivement un disque dur portable serait certainement plus approprié lol
En tout cas c’est le .htaccess qui posait soucis. A présent tout fonctionne à nouveau // je vais retenter ma chance avec un theme enfant demain/ merci pour l’aide
Il existe des versions portables sur clé USB mais des logiciels comme WAMP / EasyPHP.
merci beaucoup pour l’info
salut aurélien,
merci pour ton tuto.. mais j’ai un problème, j’ai testé des 10zaines de fois en local avec easyphp la création d’un childtheme, tout est ok.. mais quand j’essaie sur mon serveur (ovh) rien n’apparait en admin.
J’ai respecté scrupuleusement le truc.. j’ai vérifie les chmod via filezilla, j’ai même essayé avec un chemin absolue : pour le @import
mais rien de noouveau en admin j’ai beau vider les caches..!.. as-tu déjà rencontré ce problème ? Pourtant j’ai installé un autre theme (Graphene http://wordpress.org/extend/themes/graphene) mais via un zip, tout était ok..
j’ai debaltéré trops vite, j’ai trouvé d’ou venait mon erreur.. il s’agissait du nom du dossier thème parent (sensible à la casse), d’ailleur qlq précisions ici :http://codex.wordpress.org/fr:Th%C3%A8mes_Enfant
Merci de ce retour qui permettra sans doute à d’autres utilisateurs de s’en sortir !
Bonjour,
N’ayant rien trouvé sur le net… Je vous soumet une solution pour celles et ceux qui souhaitent travailler avec ce système parent/enfant et qui ont l’habitude de supprimer certaines pages (archive.php, category.php, single.php, etc…). En effet je préfère centraliser le code sur index.php et sur loop.php : quelques condition genre if is_single() suffisent à se passer de tout le toutime ; )
Problème : lors de la mise à jour du thème parent les pages supprimées reviennent et c’est la cata !
Solution : dans le child theme mettre toutes ces pages (single.php, …) avec seulement ce code php : include( get_index_template() );
Si vous avez une meilleure solution… n’hésitez pas.
Merci
Bonjour Aurélien,
C’est bizarre, ça marche pour tous les php du template (Magazine Basic) sauf pour functions.php ou il m’a fallu mettre la traduction de « Read more » dans le fichier parent.
En effet, en créant un functions.php enfant, c’est une page blanche sans la moindre information qui apparaît …
Le fichier functions.php est un peu spécial. Dans le cas d’un thème enfant, il doit être modifié directement dans le thème parent si cela ne fonctionne pas.
Bonjour,
Il y a quelque chose qui m’échappe.
Pour complètement customiser mon site, j’ai besoin de rajouter quelques div (pour mettre des images de fond sur mes titres etc…).
Je suis donc amenée à modifier de nombreuses pages (single.php , page.php etc…) et à les placer dans le thème enfant.
Du coup ces pages ne bénéficieront pas des réactualisations, et donc je ne vois pas bien l’intérêt…
pouvez-vous m’éclairer?
Merci beaucoup !!
Tu fais référence aux mises à jour de WordPress ?
Mises à jour WordPress et plugins ajoutés (e.commerce, light-box…)
Ta dernière réponse est très claire, je pense qu’il n’y aura pas de soucis. Merci!
si tu place un nouveau fichier single.php dans le childtheme, il faut placer uniquement les modifications php et non tout le code, comme tu aura les modifs des mises à jour pour ces fichiers c’ets bien ça aurélien ?
Non le fichier single.php de ton thème enfant sera utilisé en lieu et place du fichier parent. Les fichiers qui n’existeront pas dans le thème enfant seront récupérés dans le thème parent.
Pour le fichier de fonctions, on peut cumuler les 2.
ha ok.. donc zoukzouk à qlq part raison au sujet des maj wp, les fichiers php dans le child theme ne sont pas mis à jours..? dommage?..
C’est tout le principe du thème enfant : appliquer les mises à jour sur le thème parent et apporter des changements dans le thème enfant.
Généralement, la structure d’un thème n’évolue que très peu ou pas du tout.
Ce sont surtout des correctifs de bugs, l’ajout de fonctionnalités ou de traduction. Les fichiers single.php, page.php et autre ne sont que rarement concernés.
Super tuto, merci!!!
Bonsoir,
Je suis désolée d’avoir tant de mal à comprendre mais je ne désespère pas.
Je suis tombée ici par hasard alors que je cherche depuis des heures une infos pour savoir où et comment agrandir la taille de la colonne des articles.
J’ai donc compris qu’il valait mieux garder sous le coude un thème enfant qui allait recevoir toutes les modifications qu’on a faites sans qu’elles soient transformées par une mise à jour.
Donc en suivant la vidéo vu que mon ftp est filezilla j’ai créé un fichier bloc note en incluant le code, placé l’url du css style de mon blog, mis mon nom en auteur, modifié pour le template que c’était twentyseven (puisque c’est ce thème là que j’utilise), et je suis prête à le transférer dans le dossier style.css créé dans mon ftp mais….
J’avais au préalable téléchargé des plugins dont un qui me permettait facilement de changer les couleurs (« themes extensions »).
Ma question est : comment sauvegarder ces modifications faites automatiquement par les plugins lors de futures mises à jour du thème, puisque le thème enfant ne les a pas ?
Et en transférant ce dossier « theme child » dans le ftp, est-ce que ça ne risque pas d’annuler lors de prochaines mises à jour les modifications faites par les plugins sur le thème parent ?
Merci à l’avance et bonne soirée
Je voulais dire twentyeleven. Pardon.
Bonsoir.
A la lecture des réponses au dessus je crois avoir compris.
Il y aurait :
- Le thème « parent » qui n’est modifié que de temps en temps et assez peu par des mises à jour
- Le « Thème enfant » qui conserve des modifications puisque les màj ne se font que sur le « parent ».
Si donc c’est le child thème qui prévaut sur l’autre, il ne bénéficiera pas des mises à jour, mais ce n’est pas grave car au moins on ne perd pas tous les ajouts qu’on a apporté et pour lesquels on s’est cassé la tête.
Donc si j’ai bien compris, lorsqu’on transfère un plugins une fois que le child Thème a été crée, il faut le placer directement dans un des dossiers du thème Enfant (et pas dans le Thème parent).
Et les plugins transférés sur le thème parent avant que le thème enfant est créé, seront automatiquement transférés dans le thème enfant puisqu’on fait une copie du thème initial (ils sont tous importés) ?
Merci à l’avance !
OK pour le premier paragraphe. Pour être précis, le thème enfant héritera des apports du thème parent quand il y a un « vide » côté enfant.
Exemple : si le fichier page.php est absent du thème enfant, il héritera du thème parent (c’est comme dans la nature humaine).
Généralement, ce ne sont que quelques fichiers que l’on modifie (sinon autant créer un thème de A à Z) comme la feuille de styles.
Le fichier functions.php est un spécial car complémentaire du thème parent. Les 2 seront utilisés car indispensables.
Par contre, il y a confusion avec les plugins ! Les extensions disposent de leur propre dossier et sont indépendants du thème.
Il n’existe pas à ce jour de système équivalent de child plugins.
Merci beaucoup Aurélien pour ces réponses
Donc lors de transfert de plugins dans le thème parent (vu que ce n’est pas faisable dans le Child Thème puisqu’il n’y a pas d’équivalent ) le thème enfant en héritera automatiquement car le fichier page php en est absent au départ.
Puisqu’un dossier plugins est indépendant du thème.
En gros je me faisais du souci pour rien ^^.
Je pense que tu mélanges pas mal de choses (les thèmes et les plugins notamment)… mais en effet il ne faut pas se faire de soucis : il suffit de tester !
Hem oui
On va dire que je suis une « madame Michu » qui a décidé de mettre les « mains dans le cambouis » et en apprenant sur le tas.
Heureusement qu’il y a des tuto et des gens comme toi pour aider
Je n’ai pas encore créé le thème enfant mais ça ne saurait tarder, merci encore.
Alors…
Aujourd’hui fut le jour J où j’avais décidé de tenter de créer ce « thème enfant » quoiqu’il arrive, même si ma machine à moi n’était toujours pas réparée.
J’ai calculé dans mon planning qu’il me faudrait bien 3 heures pour y arriver…
Et en effet, 2h45 d’hésitations en me disant que forcément je n’allais pas y arriver + 1/4 d’heure pour tout recommencer en ré-écoutant la vidéo (cette fois j’ai créé un fichier sur Notepad, merci à Britain pour l’astuce, et je n’ai pas touché à l’url -sauf pour préciser le thème twentyeleven- puisque c’est mon thème par défaut comme expliqué) = 3 heures
Et c’est dingue mais… en un quart d’heure j’y suis arrivée !!!!
\°/
Merci pour ce tuto si explicite Aurélien. ^^
P.S. Je n’aurais peut-être pas du me réjouir si vite car en regardant la tête de mon thème ça a complètement changé : l’est tout fracassé, vide, les menus entassés d’un côté, etc, j’ai du louper un épisode…
*soupir*
J’ai réactivé le thème parent, tout est revenu, heureusement
Je ne comprends pas le pb avec le thème enfant car d’après sa description sous « activer » il y a :
« Twenty Eleven Child par Satynethe
Th�me enfant pour Twenty Eleven
Activer | Aperçu | Supprimer
Les fichiers du thème se trouvent dans /themes/twentyeleven. Les feuilles de style sont dans /themes/theme_enfant. Twenty Eleven Child utilise les modèles de Twenty Eleven. Tout changement dans les modèles affectera les deux thèmes. »
Je crois que je viens de comprendre 2 de mes erreurs :
1- il fallait que j’ajoute dans l’url proposé dans le tuto, à la place des 2 points en début de ligne, l’url de la page css du thème parent, ce qui donne au total :
url(« http://www.[adresse de mon site/wp-admin/theme-editor.php/twentyeleven/style.css »);
…quoique je ne sois pas sûre de l’utilité du « wp admin/theme editor.php »… quelqu’un pourrait me confirmer svp ?
2- si ça donne un truc vide c’est parce qu’il manque tous les autres fichiers (sauf le css qui est bien présent dans l’éditeur, j’ai vérifié).
Donc il faudrait que je crée tous ces fichiers en c/c le contenu du thème parent en doublon… un à un avec notepad…
Ou alors que je transfère direct via le tableau de bord de mon hébergeur, ça me semble possible aussi.
Comment vous avez fait, vous ?
Hum désolé mais je ne comprends pas grand chose. Normalement, si tu suis pas à pas le tutoriel tout doit fonctionner.
Le plus important est d’indiquer l’URL de la CSS du thème parent comme indiqué dans l’article :
@import url(« ../twentyten/style.css »);
Par contre, tout se passe dans le dossier /wp-content/themes/ et en aucun dans un autre dossier comme tu l’évoques.
Merci Aurélien pour cette réponse rapide, je vais re-corriger cette url
Pour le reste avec screen ce sera peut-être plus clair.
Je constate que mon thème enfant ne contient que le css style, donc ce doit être à cause de ça que lorsque je l’active l’affichage est « cassé » (menu entassé d’un côté, plus d’articles etc).
C’est pour ça que je me dis qu’il faut que je le complète avec les autres fichiers que le thème parent, lui, a.
S’il ne faut intervenir que dans le dossier /wp-content/themes, ça veut dire que…
aïe non je ne comprends plus rien.
J’ai 37 fichiers dans le thème parent :
http://i45.servimg.com/u/f45/10/05/12/45/wp_the10.png
1 seul dans le thème enfant :
http://i45.servimg.com/u/f45/10/05/12/45/wp_the11.png
Ce ne me semble pas équilibré… O-o
(d’ailleurs faudrait que je me fasse greffer une logique informatique dans le cerveau je me sentirai plus équilibrée tant qu’à faire
)
… ou alors ce qui m’a échappé c’est qu’on active le thème enfant comme indiqué sur le tuto, que pour vérifier qu’il contient bien les indications demandées.
Après ça, on le désactive et on revient sur le thème parent qu’on active à nouveau.
Le Child them ne servira que pour aller placer les nouveaux codes css dans son fichier css qui transmettra automatiquement les nouvelles données au theme parent sans activer à nouveau le theme enfant.
Si c’est aussi simple que ça je suis confuse d’avoir envahi de mes commentaires cette page, inutilement, mes excuses.
Je pense effectivement que tu compliques la vie pour rien…
Le thème enfant va contenir des fichiers modifiées à partir du thème parent. Exemple : tu n’apprécies pas la mise en page de single.php (celui utilisé pour les articles) et tu décides d’en créer un nouveau dans le thème enfant pour que ce dernier s’applique.
Tous les fichiers du thème (enfant ou parent) sont placés dans le répertoire /wp-content/themes sur ton FTP et nulle part ailleurs.
D’ailleurs, il ne faut pas intervenir ailleurs que dans ce dossier /wp-content.
Au final, tu dois activer le thème enfant dans ton administration WordPress. Si tu as bien suivi le tutoriel, il sera indiqué que ce thème est lié à un thème parent dans la description.
Merci Aurélien,
Je commence un petit peu à comprendre…
)
En réalisant que mon niveau n’est pas 0 mais -10 (ceci dit sans trop de complexes
Cependant je rends compte de mon erreur ici au cas où ça pourrait servir (c’est un copain informaticien l’a repérée sur mon compte FTP hier soir) :
Avec filezilla, je voulais créer un fichier avec « Bloc Note » puisque ce FTP ne propose que de créer des dossiers et non pas des fichiers, et j’ai cru bien faire suite à une panne d’ordi, en utilisant notepad++ mais… ça m’a créé un répertoire, voilà pourquoi ça ne fonctionnait pas.
Je suis tellement ignorante que je n’ai pas été capable de détecter moi-même le problème, d’où le fait que je n’arrivais pas à l’expliquer (et que je cherchais du côté du nombre de fichiers que contenait le « parent » alors que « l’enfant » n’en a qu’un ce qui en réalité n’est pas un problème puisqu’il hérite des fichiers parents).
En modifiant comme il faut ça roule, voili, voilou.
Ravi que cela roule à présent !
juste un petit mot pour vous remercier pour tous ces tutoriels pleins de « bienveillance » ?!
C’est clair, bien écrit et abordable.
Des qualités rares en somme
M.
Un commentaire comme on les aime !
Bonjour,
Petite question : peut-on créer des thèmes enfants également pour les plugins ?
Merci
Oui mais c’est beaucoup plus complexe. Julio en parle sur son site : http://www.boiteaweb.fr/creer-un-plugin-enfant-sous-wordpress-3309.html
Bonjour et merci pour cet article très intéressant.
Après l’avoir lu je me demande si ce n’est pas une solution commode pour réaliser une app tab page facebook sur iframe à partir de son thème. Qu’en pensez-vous ?
Bonjour,
Alors j’ai commencé à « créer des enfants » , mais quelques doutes m’emparent avant de bien débuter le processus. En effet, si l’on créé un dossier CHILD et y met des fichiers tels que style.css, footer.php… et on les modifie par la suite sans toucher à ceux du parent, mais lorsque des nouvelles améliorations ont été faites sur le dossier parent, alors cela ne servira à rien puisque nous on modifie ceux du dossier CHILD ?
Je m’excuse de poser cette question un peu bête . Par exemple, la nouvelle version de mon thème apporte des améliorations sur STYLE.CSS alors ce sera normal que la nouvelle version de style.css remplace l’ancien. Or avant de faire la upgrade de mon thème, je créé le dossier CHIRD et y met style.css (ancien) dedans. Après la mise à jour, le dossier Parent aura la nouvelle version de style.css et dans CHILD, l’ancienne. Or, d’après le tutoriel, c’est celui de CHILD (ancien) qui surpassera celui de Parent (nouveau). Il y a quelque chose que j’ai pas saisi dedans
Merci d’avance de votre réponse qui m’apportera quelques éclaircissements là dessus !
(Merci pour votre tutoriel)
Oui les fichiers du thème enfant sont prioritaires mais ils héritent de leurs parents. Par exemple, dans la feuille de styles du thème enfant, tu peux y placer des styles nouveaux (suite à une modification du thème notamment) et surpassés certains styles parents (balises a, p, etc.).
Je sais ce n’est pas évident à saisir la première fois.
Bonjour, j’ai créé un child de twenty-eleven avec l’ensemble des fichiers PHP car je souhaite les traduire. Quand je suis sous l’éditeur de WP, je modifie mon fichier et j’obtiens le message « Le thème demandé n’existe pas. ». Quelqu’un a une idée de la raison de ce message d’erreur ?
Bonjour,
J’ai créer un thème enfant du thème ifeature mais j’ai un doute sur le nom de la template : ifeature ou iFeature
J’utilise iFeature
/*
Theme Name: ifeature-child
Description: Thème enfant pour ifeature
Author: mon thème
Template: iFeature */
@import url(« ../ifeature/style.css »);
en local tout fonctionne mais quand je transfère sur OVH, ça ne marche pas, une idée de ce dysfonctionnement
Cordialement
Noami
Re,
J’ai juste oublié, on peut faire une copie du fichier style.css du parent dans le thème enfant et juste modifié certains styles, ou y mettre uniquement les styles modifiés du thème parent.
J’espère avoir été clair
merci de me lire
Cordialement
noami
En principe, on y mets uniquement les styles modifiés sinon ça fait doublon…
Je confirme l’intérêt d’utiliser les thèmes enfants. Une vrai merveille, même à partir de thèmes complexes et de Frameworks, cela fonctionne très bien (exemple avec Swagger). Merci pour cet article.
Bonjour Aurélien,
j’ai créé un thème enfant en suivant le tutoriel. Dans WordPress, j’ai sélectionné le thème enfant qui contenait seulement une feuille style.css. Mon site est maintenant vierge et j’ai perdu l’accès à l’administration de mon site. Je n’ai donc plus accès aux outils, thèmes, etc.
J’ai pensé qu’en rendant le thème enfant identique à l’original (en plaçant tous les fichiers de l’original dans le thème enfant) j’aurais ainsi accès à l’admin de mon site mais non. Seuls le logo apparaît et le message de bienvenue de WordPress…
J’entre maintenant directement sur mon site alors qu’avant WordPress me demandait toujours mon ID et mon mot de passe.
Je me demande si je ne devrais pas tout réinstaller…Qu’en penses-tu?
J’utilise Easy PHP 5.3.3.1.
Merci pour ton aide,
Frédéric
Bonjour,
le tuto est très bien fait, merci. Cependant, impossible de le faire fonctionner ! J’ai tout essayé, et j’ai toujours 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
passionkid\ Le thème parent est manquant. Merci d’installer le thème parent « passion\ ». »
Pourtant je respecte tout à la lettre, ci-dessous mon fichier style.css :
/*
Theme Name: passionkid
Description: Thème enfant pour passion
Author: julien
Template: passion
*/
@import url(‘../passion/style.css’);
J’ai bien créer le dossier enfant « passionkid » dans le dossier « thèmes ». Donc je ne comprend pas pourquoi il ne trouve pas le thème d’origine « passion » qui est bien présent…
Merci d’avance !
Bonjour,
Désirant utiliser le theme yoko qui me parait pas mal, j’avais dans un premier temps fait des modifs directement sur la CSS comme un cochon (: ceci dit ça marchait…
Voulant me conformer aux normes et aussi parceque je pense qu’effectivement c’est mieux, j’ai donc créé un theme enfant. Cependant je rencontre un problème: mon menu horizontal et ses boutons s’est transformé en liste à puces verticale trés moche et qui de plus décale ma page vers le bas …
Ceci a lieu en fait, même en utilisant un theme mini (style.css d’une seule ligne…); par ailleurs j’ai remarqué que d’autres sites enfants de yoko présentent le même problème ! En fait je n’en ai pas trouvé qui marchent (et qui ne soient pas pollués par des choses bizarres à l’intérieur…).
Auriez vous une idée sur ce curieux comportement, comment forcer un menu vertical à être horizontal ? Et quid des boutons rectangulaires générés par WP ?
Bien, aprés avoir beaucoup échafaudé, comme souvent la solution était de tout désinstaller proprement; puis aprés vérif, réinstaller non moins proprement
et… tout marche !
En fait yoko est un super theme et la dérivation yoko-enfant marche trés bien.
Bonjour,
Je vous remercie pour ce très bon article. C’est grâce à vous que j’ai réussi à faire mon premier thème enfant.
Mais là, je rencontre un problème et étant débutante en la matière je ne sais comment le résoudre.
J’ai acheté le thème Evolve Pro que j’ai téléchargé et je l’utilise depuis peu. Pourtant alors que j’avais réussi à faire un thème enfant avec Evolve (gratuit), avec Evolve Pro je n’y arrive pas.
Sur mon administration WordPress dans les thèmes installés. Cela m’inscrit cette phrase :
« Evolve enfant Le thème parent HNE Manquant. Merci d’installateur le parent thème «évolve» ».
Pourtant j’ai bien le thème Evolve Pro et je m’en sert.
Dans ce cas comment faire un thème enfant ? Pour Evolve Pro.
Je ne comprends pas encore bien tout le langage informatique. Pouvez-vous m’aider s’il-vous-plaît. Je vous en serai reconnaissante.
Dans l’attente de votre réponse.
Cordialement.
Bonjour,
merci pour ce tutoriel qui m’a bien aidé!
J’ai pu créer un sous template (base hybrid) sans problème la première fois, mais avec un second je rencontre une difficulté que je n’arrive pas à surmonter.
A l’activation de ce nouveau thème j’obtiens le message:
Parse error: syntax error, unexpected T_LNUMBER, expecting T_STRING in lien_absolu_du_theme functions.php on line 23
savez vous si le fait de donner un nom de thème comportant des chiffres pose problème?
merci d’avance
Thierry
Vu l’erreur, je dirais qu’effectivement il ne faut pas de nombres. Essayez de tester avec seulement des lettres.
Merci de votre réponse. Effectivement en donnant un nom en lettres seulement cela fonctionne, c’est bon à savoir
Bonjour,
j’ai créé le dossier theme_enfant et mis dedans le fichier style.css, et il n’y a rien d’autre. Si je commence à modifier le code du thème affiché sur mon site, c’est dans quel fichier (question bête…) celui du thème enfant ou parent ? Merci !
Samuel
Ma question précédente était peut-être bête, mais en gros elle voulait dire : si je modifie d’autres fichiers du thème parent comme function.php ou footer.php, dois-je aussi les mettre dans le thème enfant et ne faire les modifs que sur eux ?
Oui il faut mettre les fichiers modifiés (exemple footer.php) dans le dossier du child theme à partir d’une copie du thème parent.
Merci pour cette réponse !
Encore une chose: lorsque j’ai créé mon thème enfant, j’ai mis le contenu natif de style.css dans thème enfant, et je modifie celui-ci. Est-ce la façon de procéder ou il fallait mieux juste reprendre une style.css à zéro comme indiqué ici et seulement rajouter les valeurs que l’on souhaite modifier ?
Bonjour Samuel
Pour ce qui est de ton style.css, pas la peine de remettre en entier le CSD ou de copier le fichier. Fait juste on @import (comme indiqué dans le tuto). Comme cela tu verra directement tes modifs. Par contre attention pour les fichiers à mettre dans le thème enfant: function.php est un fichier un peu à part car c’est celui du thème parent qui prévaut sur celui du thème enfant. Je te conseil donc de faire une sauvegarde de ce fichier (avec un client FTP) avant de faire une modification dans ce fichier.
Réponse utile merci ! Et quid des fichier langues comme fr_FR.po ? Comment se passe leur gestion en cas de modification ?
Merci
(Quand je vois mon dernier message, je me dis que répondre par tel, c’est pas génial).
Petite précision concernant le fichier function.php: en fait si tu crées un fichier function.php dans ton thème enfant, les nouvelles fonctions s’ajouteront a celle du thème parent (en fait le fils est chargé avant le parent)
Donc, essayer de créer un dossier « langs » avec les fichier PO et MO dans ton fichier de thème enfant, puis tu crée un function.php vierge dans ton theme enfant et tu lui donne le nouvel accès au dossier « langs » avec cette ligne de code
Fait quelques modifs ensuite pour voir si tes modifications sont bien prises en compte
(si ce n’est pas le cas, il va falloir chercher un peu)
Merci pour cette aide pour les fichiers langues ! Je vois l’idée, mais pas le code
(humour…)
voila en gros ce que je voulais te faire faire:
http://www.wordpress-fr.net/support/message-373290.html
Ok je pense avoir réussi, mais je ne suis pas sûr dans quel fichier modifier les textes comme « Laisser un commentaire », « Publier le… » ? C’est dans fr_FR.po ?
Merci
J’ai supprimé les commentaires dont le code ne passait pas… en théorie cela fonctionne mais ce n’est pas évident par défaut. Je vous conseille – et il faut que je pense à l’indiquer en note, de passer par un service comme pastebin qui permet de partager facilement du code.
Merci
J’y avais pensé mais j’étais a la bourre !!
Normalement oui. Pour l’éditer, utilise un logiciel type PoEdit
Dans mon cas je voulais remplacer « Laisser un commentaire » par « Publier un commentaire. Dans le fichier fr_FR.po, j’ai modifier tous les « Laisser » que je trouvais par « Publier », mais cela ne change rien sur le site, étrange…
Ton theme est en anglais je présume. Sinon, tu peux modifier directement dans le comment.php que tu mettra dans ton dossier enfant.
Verifie si ton theme n’utilise pas le fichier LANG par défaut de wordpress
J’utilise le thème par défaut en français Twentyten… Les seuls fichiers de langue dans le dossier sont fr_FR.po et fr_FR_mo, je ne comprends pas du coup ce qu’il se passe…
Pour en savoir plus sur les traductions, reportes-toi au tutoriel consacré à Poedit à tous ces fichiers PO / MO.
Dans ce cas il faut peut être que ton serveur recompile le fichier MO. As-tu un acces shell à ton serveur ou pas ?
Non sans doute une erreur plus simple.
A ce moment là le plus simple est d’importer ton fichier PO dans un dossier sur ton bureau , de faire les changement avec PoEdit et de remplacer (via FTP) le PO et le MO qui a été crée lors de l’édition du PO
Ok c’est ce que je tente de faire, mais apparemment les fichiers ne sont pas « appelés », est-ce que le contenu de mon functions.php est bon ?
http://test.sblanc.com/wp-content/themes/twentyten_enfant/functions.txt
http://test.sblanc.com/wp-content/themes/twentyten_enfant/functions.php
c’est un fichier php et non txt, il y a une erreur à la ligne 2, le fichier functions.php n’a que des codes rajoutés, à la différence des fichiers comme footer.php qui qui peut être des copiés conformes du fichier original.
Quel code avez vous mis dans functions.php?
Avez vous modfié le fichier .po avec poedit ? si oui, avez vous renvoyé les ficheirs po et mo, il faut les 2 fichiers pour que la modification soit prise en compte.
Vraiment merci, ça fait des mois (année?) que j’entend parlais des thèmes enfants, le concept de base étant tellement simple personne (peu de gens donc, je n’ai aucun amis développeur ><) n'avais réussi à m'expliquer l'utilité de la chose.
Et la EUREKAAA, merci pour ton article, j'ai tout compris, c'est simple et clair. J'ai pas encore testé mais je garde bien ça sous le bras.
Cordialement,
Yannick
Le tuto ne précise pas que tous les fichiers du thème enfant doivent être encodé en UTF8 sans BOM, sans quoi, cela bugue parfois !
Oui pour 2 raisons :
C’est configuré de base dans la plupart des éditeurs de texte (notamment sous MacOS)
C’est obligatoire pour n’importe quelle modification de fichiers PHP sous WordPress ou autre
Bien souvent, Notepad++ pose soucis là dessus…
Certes,
J’envoie régulièrement depuis le forum support de WordPress des néophytes sur votre tuto et le fait de ne pas le mentionner leur pose problème.
En considérant que ce minimum est connu de tous, vous oubliez les néophytes.
Or d »après moi, un tuto comme le votre s’adresse à des néophytes, les pros vistant le codex de WordPress, vous ne croyez pas ?
Avec notepad++, je n’ai jamais rencintré un seul problème pour encoder en UTF8 sans BOM, on peut même le congigurer pour que ce soit l’encodage par défaut.
Bonne soirée
Je prends note pour de prochains tutoriels mais je crains de compliquer l’explication malgré tout… je vais réfléchir à cet aspect.
Cela vient un peut tard mais personnellement je conseillerais d’utiliser NetBeans plutôt que notepad++ que ce soit pour les css ou les php
Bonsoir,
J’aimerais faire des thèmes enfants à partir du thème Thematic qui est gratuit mais n’ya pas une autre solution que d’utiliser la directive import du css ? On peut pas dire que ça soit une bonne pratique :/
Et si on utilise un thème parent riche en CSS ça ne fait pas un peu lourd de charger la feuille de style parente + la feuille du thème enfant ? (d’ou l’importance d’utiliser un thème parent léger en CSS peut-être ? voir limité juste un reset CSS pour le parent ?)
Cordialement.
Bonjour,
Peu importe que l’on modifie un fichier initialement contenu dans wp-content ou wp-includes, on doit placer son enfant à la racine du répertoire « child » (autrement dit nul besoin de recréer l’arborescence en répertoire child ?) ?
Merci
Quel est le rapport avec /wp-includes ? La création d’un thème enfant s’opère uniquement dans le dossier /wp-content/themes/ à l’intérieur duquel on retrouve 2 dossiers : celui du thème parent et celui du thème enfant…
bonjour Aurelien,
merci beaucoup pour votre tutoriel, qui m’aide énormément pour mes premiers pas pour le child theme. C’est simple j’en ai seulement besoin avant la mise à jour de mon thème.
Après plusieurs tentatives et relectures du code mon child theme reste incomplet sur wp.
Peut-être pourriez-vous m’aider à trouver l’erreur? le voici il s’agit du thème « duster »
Un grand merci !
/*
Theme Name: Duster Child
Description: Thème enfant pour Duster
Author: moi
Template: duster
*/
@import url(« http://monsite.com/blog/wp-content/themes/duster/style.css »);
#style1 {
float:left;
}
bonsoir,
il serait bien d’indiquer que le code float:left est un exemple, là sur le forum de wordpress-fr.net, je vois plusieurs personnes pensant que ce code est obligatoire.
merci
Note ajoutée, merci !
merci, mais cela ne suffit pas, ce matin sur le forum, pareil la personne a mis tout le code avec style1 peut être une image avant sans le code?
merci
Bonjour Aurélien,
Tout d’abord merci pour tout le boulot que tu fais. Je t’avais passé un mail contact, sans réponse, pas grave je me suis lancé avec succès en appliquant à la lettre ton tutorial pour installer ce fameux thème enfant pour Twentyten, sans rien faire d’autre par la suite, sauf réinstaller la photo de fond et le logo de notre club. www.cccdv.fr
Par contre depuis cette installation j’ai un souci avec les extensions, Wysija Newsletters et Contact Form Plugin :
1° Dans le cas « Wysija Newsletters » tout est ok sauf que les newsletters sont envoyées (date heure) mais ne sont pas arrivées chez les destinataires. Idem quand je clique sur « envoyer un aperçu »
2° Dans le cas « Contact Form Plugin » c’est pratiquement le même souci, quand ont envois un message en passant par la page contact du site : « Merci de nous avoir contacté » rien n’arrive dans la boite mail : adminweb@cccdv.fr
J’ai cherché un peu partout sur le Web pas de réponse qui puisse résoudre notre problème. Peut être que le thème enfant ne prend pas ces extensions en compte, du coup revenir à Twentyten.
Te remerciant par avance ainsi que ceux qui pourront nous apporter des réponses
Cordialement, yvon
Il te faut savoir si le bug vient du thème ou pas. Est-ce qu’en rebasculant sur le thème par défaut les mails sont bien reçus ? Honnêtement, je doute que cela vienne du thème enfant…
Bonjour,
Je ne comprends pas pourquoi cela ne fonctionne pas, j’ai déjà fait plusieurs fois cette manip avec succès sur des sites en production, mais aujourd’hui pas moyen de faire fonctionner mon thème enfant :
WP 3.5.1 (installation local avec XAMPP)
Thème fait avec Artisteer
Problème :
« 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
Mon thème Le modèle est manquant. »
J’ai fais le tour des forums et je ne suis pas le seul à avoir ce souci, mais pas de solution en vue.
Évidement dans le thème enfant j’ai mis le fichier style.css comme décrit dans votre article, j’ai bien vérifié les espaces, j’ai bien mis le nom du thème parent, etc.
Si vous avez une piste je suis preneur.
Merci
Il y a de fortes chances qu’il ne trouve pas l’URL de la feuille de style sur un dossier local. Il faudrait tester en spécifiant l’URL complète.
Bonjour,
J’ai bien compris qu’un thème enfant es tune chose importante à faire, mais Je dois être idiot car je n’ai pas compris à quoi cela sert… même avec l’explication de début sur le principe du thème enfant…
Je débute en wordpress désolé…
Merci de m’expliquer plus simplement à quoi cela sert concrètement.
Merci d’avance pour votre travail
Plus simplement ?
Il faut maintenir un thème à jour, toujours avoir la dernière version mais voilà quand on modifie un thème si on le fait directement sur le thème « parent » dès qu’on va le mettre à jour, nos modifications vont disparaitre, le thème enfant sert à modifier un thème « parent » et à pourvoir le mettre à jour à chaque fois sans perdre les modifications puisque c’est le thème « parent » qui sera à jour et non le thème enfant.
Bonjour Aurélien,
J’ai testé avec l’URL en entier, mais le résultat reste le même.
bonjour,
style1 n’est pas obligatoire, c’est juste une exemple, c’est pour montrer comment mettre du code dans style.css du thème enfant, c’est tout, le nom du thème majuscule ou minuscule ?
je ne suis pas un fervent du logiciel Artisteer, je trouve qu’il mets du code en plus pour rien.
Bonjour noaneo,
Si tu sais coder tes thèmes, je comprends que tu ne sois pas fan d’Artisteer, , mais quand on ne sait pas c’est bien pratique, en plus ils sont très réactifs et toujours prêts à donner un coup de main si besoin.
J’ai plusieurs sites qui tournent avec des thèmes Artisteer et thème enfant associé sans souci, mais sur celui-ci pas moyen de le faire fonctionner…
pas du tout codeur, à part faire une thème enfant ou suivre le tutoriel de fran6art pour faire un thème, incapable de coder, mais je vois bien sur le forum de wordpress-fr.net, les personnes qui utilisent ce logiciel quand ils donnent le code d’un fichier, on voit sans connaissance du code inutile, le thème fonctionne mais bon, je préfère m’en passer et avoir du code propre que ça.
J’ai bien mis dans mes favoris le blog de fran6art, merci pour l’info, je vais me pencher dessus dès que j’aurai un peu de temps.
Ceci dit, j’ai toujours mon problème de thème enfant qui ne fonctionne pas…
Personne pour donner une piste ?
je vous conseillerai de poser la question sur le forum de wordpress-fr.net, là vous pourriez donner le code que vous avez mis dans votre style.css, sans rien voir difficile d’aider.
je vous avais demandé si le nom du thème était mis en majuscule ou minuscule ?
En fait le fichier style.css contient le minimum, comme dans l’exemple.
Le nom du thème est tout en minuscules.
Merci
bonjour,
et le nom du dossier du thème parent est en minuscule aussi ?
si vous regardez le code source de votre page avec le thème parent, son nom est ne minuscule?
Oui il est aussi en minuscule.
Rien qu’avec style.css dans le thème enfant, seulement ce fichier, vous avez le message d’erreur ?
C’est génial cette façon de procéder, j’adore …
Bonjour,
Je tarde à répondre. Merci de vos réponsse au sujet de mon blocage réception newsletter et Contact dans notre site. J’ai eu la réponse dans un autre forum.
En fait cela venait de mon hébergeur OVH.
Sans vouloir faire de pub, milles excuses Aurélien l’explication là: http://davidlouis.fr/ovh-empeche-envoi-emails-wordpress.
Pour revenir à ce fameux thème enfant:
Si je fait la mise à jour de Mon WordPress 3.4.2. vers WordPress 3.5.1. Je perd certaines de mes données???
Mon Théme: Thème Twenty Ten Child avec 5 widgets
Bon Dimanche à Tous et Merci
Yvon Patonnier
Avec un thème enfant, vous ne perdez rien lors d’une mise à jour des modification, des placements des widgets dans les widgets.
Moi je préfère les mises à jour manuelle (voir site www.videonoob.fr )
Que ce soit une mise à jour WordPress ou d’un thème.
.
Bonsoir,
Merci noaneo. je connaisais http://www.videonoob.fr )
Au risque de paraître un peux » trouillard » j’y ai tellement bosser sur notre site que la peur me gagne pour cette fameuse mise à jour! Je fais des sauvegardes de mon ftp sur mon ordinateur très souvent…
. Alors quelques questions:
1°)Puisque j’ai « Thème Twenty Ten Child avec 5 widgets » Faut il mettre Twenty Ten à jour? ou Directement passer de WordPress 3.4.2. WordPress 3.5.1.
2°) D’après « videonoob » Il me faut juste désactiver mes extensions? Réapparessent-elles après? Quand je les aurais réactivé, seront elles comme avant?
3°) Et mes 5 Widgets,?
4°) L’ensemble de mes pages que deviennent-elles?
5°) Ma page d’accueil sera t’elle la même
Enfin tout Quoi??? Pour que cela redevienne NICKEL et que mon travail ne parte pas en fumée…
J’avoue que je ne suis pas un fortiche avec WordPress, que je trouve génial,
Mes questions paraissent un peu simples pour les costauds WordPress, mais merci à tous. Cordialement
Merci noaneo
Yvon PATONNIER
Ravi que ton problème soit résolu !
Non la mise à jour de WordPress ne va pas modifier les fichiers du thèmes. Par contre, à voir si certaines fonctions dans le code sont toujours autorisées ou si elles sont dépréciées.
Bonjour,
Voilà, c’est fait: La mise à jour, (version 3.5.1) c’est déroulée sans encombre ni Problème particulier.OUF!!!
La seule chose que j’ai fait, c’est de conserver le dossier WP-content, les fichiers wp-config.php qui ce trouve à la racine ainsi que le fichier .htaccess dans mon ftp.
Bien sûr j’avais auparavant fait une sauvegarde complète de l’ftp du site dans mon ordi.
Merci.
Yvon
Bonjour,
j’ai deja effectué des changements sur le thème parent, ajout de widget, feuille CSS modifier, menu personnalisée…
Est ce que je peux crée un thème enfant maintenant ? ou est ce trop tard ?
j’ai deux mise à jour de thème en attente, je me demande si je peux justement garder le site comme je l’ai modifier sans que sa change tout !
si, non est ce que les mise à jour sont très importante, ou le site peut fonctionner sans, encore longtemps ?
Merci pour votre réponse et le partage de votre savoir
Il faudra reporter les modifications apportées dans le thème parent dans son thème enfant.
A faire avant une mise à jour du thème parent sinon vous perdrez toutes les modifications.
Généralement, les mises à jour de thème sont conseillées. Elles apportent des correctifs de sécurité, de nouvelles fonctionnalités et bien souvent apporte la pleine compatibilité avec les dernières versions de WordPress et certains plugins connus.
Ok, merci pour les infos, bonne continuation
Il y a d’excellents tutoriels sur ton site, bravo! Une vraie référence!
Je ne sais pas pourquoi, mais la création du thème enfant ne fonctionne pas. Je peux activer le thème enfant, mais seul le HTML apparaît, pas de design! On me mentionne que mon thème a besoin de son parent. Pourtant le parent est là??? Je me demande si le fait que je sois en local est le problème ou le fait que ce soit un thème premium?
Merci d’apprécier mes tutoriels !
Si WordPress te signale que le thème parent n’est pas détecté c’est que le nom spécifié dans le CSS du thème enfant n’est pas le bon.
bonjour,
ce tutoriel a l’air très bien, le souci c’est que lorsque je suis cette procédure, et bien mon serveur affiche une erreur 500 et impossible d’accéder à mon site, ni même à l’espace administration…
bonjour,
une erreur 500 vient souvent du fichier .htaccess ou d’un mauvais chmod.
le thème enfant ne devrait pas causer ce problème.
Bonjour,
Merci pour l’article. C’est en effet une façon intelligente d’exploiter les thèmes WordPress. Toutefois un mystère subsiste. J’ai un fichier dans le thème parent qui est dans le dossier suivant /wp-content/themes/themeparent/includes/post-head.php.
Mon thème enfant fonctionne bien mais il ne prend pas en compte la modification de ce fichier post-head.php, et cela même si j’ajoute un dossier includes, ce qui donne /wp-content/themes/themeenfant/includes/post-head.php.
Quelqu’un a t’il une idée ou a t’il déjà rencontré ce « problème » ? Les fichiers pris en compte dans le thème ne serait que les fichiers à la racine de son dossier ?
Merci par avance
bonjour,
avez vous essayé de le mettre /wp-content/themes/themeparent/post-head.php
il n’est pas obligé de remettre le fichier forcément dans un sous-dossier.
Le thème enfant n’a que les fichiers modifiées et ajoutés, pas le thème d’origine au complet.
Bonjour,
Oui j’ai essayé et sans effet, le fichier du thème parent reste prioritaire, d’où mon interrogation à ce sujet !
Par contre aucun problème avec les autres fichiers situés à la racine (header.php, etc.)
Cordialement
excusez moi mais je vous disais de mettre le fichier à la racine du thème et non dans un sous-dossier, je répondais à votre question ainsi.
Bonjour,
Le fichier dans le thème parent doit rester dans le sous-dossier (ou alors il faudrait modifier les autres fichiers qui l’appellent…).
Donc oui j’ai également également essayé de mettre le fichier à la racine du thème, sans effet.
Je vais donc consulter aussi d’autres forums comme vous me le suggérez. J’ai pensé qu’ici qq’un aurait déjà rencontré cette situation !
Cordialement
ah si il y a des codes qui appelle d’autres fichiers oui il doit rester dans un sous dossier du même nom..
vous êtes sur le forum wordpress-fr.net?
bonjour,
sans connaitre le nom du thème, il y a peut être une fonction spéciale dedans qui bloque.
un forum serait plus simple pour aider comme wordpress-fr.net
+1000 pour passer le forum !
Merci pour votre retour les amis
Pour le moment, mode bourrin… c’est la seule modification que j’ai à faire lorsque j’update le thème donc je la ferais à chaque fois. Je n’ai pas encore trouvé de réponses sur d’autres forums (et je ne suis pas sur wordpress-fr.net) mais certainement que je posterais aussi cette question au créateur du thème… il doit en savoir aussi un peu à ce sujet !
Dans tous les cas, bonne continuation pour tout le monde, en attendant WP 3.6 :p
bonjour,
je vous conseille de poser la question sur le forum de wordpress-fr.net, en prenant le soin de bien remplir le questionnaire que vous trouverez lors de la création de la discussion.