{"id":30356,"date":"2019-08-22T07:48:54","date_gmt":"2019-08-22T14:48:54","guid":{"rendered":"https:\/\/kinsta.com\/?p=48014"},"modified":"2024-01-24T14:43:33","modified_gmt":"2024-01-24T13:43:33","slug":"theme-enfant-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/","title":{"rendered":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)"},"content":{"rendered":"<p>Vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/idees-de-site\/\">utilisez votre site WordPress depuis<\/a> un certain temps et il fait ce dont vous avez besoin. Mais maintenant, vous d\u00e9cidez que vous devez le personnaliser.<\/p>\n<p>Ou peut-\u00eatre que vous cr\u00e9ez votre site avec un th\u00e8me que vous avez t\u00e9l\u00e9charg\u00e9 \u00e0 partir du <a href=\"https:\/\/kinsta.com\/fr\/blog\/themes-wordpress-gratuits-vs-payants\/\">r\u00e9pertoire de th\u00e8mes ou que vous avez achet\u00e9<\/a>, et que vous r\u00e9alisez qu&rsquo;il ne fonctionne pas exactement de la mani\u00e8re dont vous en avez besoin.<\/p>\n<p>Que faites-vous, alors ?<\/p>\n<p>Vous pouvez soit trouver une extension qui vous fournira la personnalisation dont vous avez besoin, soit passer \u00e0 un nouveau th\u00e8me. Mais que faire si vous \u00eates satisfait de votre th\u00e8me actuel et que vous n&rsquo;arrivez pas \u00e0 trouver une extension qui ajoute ce dont vous avez besoin en termes de fonctionnalit\u00e9s ?<\/p>\n<p>R\u00e9ponse : <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">vous devrez personnaliser votre th\u00e8me<\/a>. Et les meilleures pratiques disent : Faites-le via des th\u00e8mes (WordPress) enfants.<\/p>\n<p>Dans cet article, je vais vous montrer exactement comment cr\u00e9er un th\u00e8me enfant dans WordPress, comment l&rsquo;utiliser pour personnaliser votre site, et comment les th\u00e8mes enfants fonctionnent. J&rsquo;expliquerai \u00e9galement le concept des th\u00e8mes parents et d\u00e9crirai comment le th\u00e8me parent sur votre site interagit avec un th\u00e8me enfant.<\/p>\n<p>Avant de nous plonger dans la cr\u00e9ation d&rsquo;un th\u00e8me enfant, nous allons identifier les 3 m\u00e9thodes que vous pouvez utiliser pour personnaliser votre site WordPress.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n\n<h2 id=\"methods\">M\u00e9thodes de personnalisation de WordPress<\/h2>\n<p>Personnaliser un th\u00e8me comporte des <a href=\"https:\/\/kinsta.com\/fr\/blog\/mettre-a-jour-theme-wordpress\/\">risques<\/a>. Si vous modifiez le code dans un th\u00e8me tiers (que <a href=\"https:\/\/kinsta.com\/fr\/blog\/avantages-inconvenients-themeforest\/\">vous avez achet\u00e9 sur une place de march\u00e9<\/a> par exemple), alors lors de la prochaine mise \u00e0 jour du th\u00e8me, toutes vos modifications seront perdues. Cela signifie que non seulement votre site redevient comme avant, mais tout votre travail est g\u00e2ch\u00e9.<\/p>\n<p>Il y a trois fa\u00e7ons de personnaliser votre site WordPress :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">Modifier directement votre th\u00e8me<\/a>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-installer-plugins-wordpress\/\">Installer une extension<\/a>.<\/li>\n<li>Cr\u00e9er un th\u00e8me enfant du th\u00e8me actuel.<\/li>\n<\/ul>\n<p>Examinons chacune d&rsquo;entre elles \u00e0 tour de r\u00f4le.<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Qu&#039;est-ce qu&#039;un th\u00e8me enfant WordPress (Glossaire) :<\/h2>\n        <div><p>Un th\u00e8me enfant WordPress est un th\u00e8me qui fonctionne en tandem avec un autre (appel\u00e9 th\u00e8me parent) dont il h\u00e9rite toutes les fonctionnalit\u00e9s et le style.<\/p>\n<p>Les meilleures pratiques de d\u00e9veloppement recommandent d&rsquo;utiliser des th\u00e8mes enfants pour modifier, mettre \u00e0 jour ou personnaliser les th\u00e8mes WordPress existants comme un moyen s\u00fbr de maintenir leur design et leur code.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/fr\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<h3>Modifier votre th\u00e8me<\/h3>\n<p>Si votre site utilise un th\u00e8me WordPress personnalis\u00e9, ce qui signifie qu&rsquo;il a \u00e9t\u00e9 d\u00e9velopp\u00e9 sp\u00e9cifiquement pour votre site, vous avez la possibilit\u00e9 de le modifier en toute s\u00e9curit\u00e9 car il n&rsquo;y a aucun risque de perdre vos personnalisations la prochaine fois que le th\u00e8me est mis \u00e0 jour.<\/p>\n<p>Au lieu de cela, si vous ou votre d\u00e9veloppeur apportez des modifications au th\u00e8me \u00e0 l&rsquo;avenir, c&rsquo;est la version personnalis\u00e9e du th\u00e8me que vous allez modifier, et non la version originale avant ces modifications.<\/p>\n<p>Cela ne veut pas dire que la modification de votre th\u00e8me n&rsquo;est pas sans risque. Si vous n&rsquo;avez pas l&rsquo;habitude de coder des th\u00e8mes, il peut \u00eatre encore plus s\u00fbr de <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">cr\u00e9er un th\u00e8me enfant<\/a> (nous verrons comment dans une minute). C&rsquo;est quelque chose que je fais : J&rsquo;ai un th\u00e8me de base que j&rsquo;utilise sur tous mes sites, avec une mise en page standard, des <a href=\"https:\/\/kinsta.com\/fr\/blog\/hooks-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">crochets d\u2019action (hooks) et des fonctions<\/a>, puis je le personnalise sur chaque site avec un th\u00e8me enfant.<\/p>\n<p>Si vous modifiez votre th\u00e8me directement, assurez-vous de <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/sauvegardes-wordpress\/#wordpress-backup\">conserver une sauvegarde du th\u00e8me d&rsquo;origine<\/a>, ne modifiez pas le th\u00e8me dans le site en production (utilisez plut\u00f4t un <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">site de d\u00e9veloppement ou de test<\/a>) et utilisez le <a href=\"https:\/\/kinsta.com\/fr\/blog\/controle-version-wordpress-git\/\">contr\u00f4le de version<\/a> pour suivre vos modifications.<\/p>\n<p>Et si vous utilisez un th\u00e8me tiers, vous ne devriez jamais le modifier directement. Utilisez plut\u00f4t une extension ou cr\u00e9ez un th\u00e8me enfant.<\/p>\n<h3>Ajouter un plugin<\/h3>\n<p>La deuxi\u00e8me option pour personnaliser un th\u00e8me WordPress est d&rsquo;installer ou de coder une extension.<\/p>\n<p>Si les personnalisations que vous voulez faire sont fonctionnelles au lieu d&rsquo;\u00eatre li\u00e9es au design, une extension est un moyen plus appropri\u00e9 de le faire. Donc si vous voulez ajouter du code suppl\u00e9mentaire, il peut \u00eatre pr\u00e9f\u00e9rable de cr\u00e9er une extension \u00e0 la place.<\/p>\n<p>Les extensions n&rsquo;ont pas besoin d&rsquo;\u00eatre grandes ou complexes : si vous avez besoin d&rsquo;ajouter du code suppl\u00e9mentaire au fichier <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#using-functions-php\">functions.php<\/a> dans votre th\u00e8me, cr\u00e9ez une extension simple pour ajouter quelques lignes de code \u00e0 votre site. Un bon exemple est l&rsquo;enregistrement d&rsquo;un <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/register_post_type\">type de publication personnalis\u00e9<\/a> (Custom Post Type).<\/p>\n<p>Il peut \u00eatre tentant d&rsquo;ajouter du code au fichier <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/theme-functions\/#what-is-functions-php\">functions.php de votre th\u00e8me<\/a>, mais ajouter un type de publication est un changement fonctionnel \u00e0 votre site, pas un changement de conception. Si <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-theme-wordpress\/\">vous deviez changer de th\u00e8me \u00e0 l&rsquo;avenir<\/a>, vous ne voudriez pas perdre ces types de publications et tous les articles que vous avez cr\u00e9\u00e9s en les utilisant. C&rsquo;est pourquoi vous devriez <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-installer-plugins-wordpress\/\">installer<\/a> ou cr\u00e9er une extension \u00e0 la place.<\/p>\n<p>Parfois, vous serez en mesure de trouver une extension existante qui fait ce dont vous avez besoin, mais parfois vous devrez coder l\u2019extension vous-m\u00eame.<\/p>\n<figure style=\"width: 1281px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/wordpress-repertoire-1.png\" alt=\"Le r\u00e9pertoire WordPress\" width=\"1281\" height=\"934\"><figcaption class=\"wp-caption-text\">Le r\u00e9pertoire WordPress<\/figcaption><\/figure>\n<p>En cas de doute sur la n\u00e9cessit\u00e9 de cr\u00e9er une extension ou de personnaliser votre th\u00e8me (ou th\u00e8me enfant), demandez-vous ceci : si je voulais changer le design de mon site \u00e0 l&rsquo;avenir et <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/\">installer un nouveau th\u00e8me WordPress<\/a>, est-ce que je voudrais que ce changement reste ? Si la r\u00e9ponse est oui, cela signifie que le changement est fonctionnel et non esth\u00e9tique, et qu&rsquo;il devrait aller dans une extension.<\/p>\n<h3 id=\"creating-a-child-theme\">Cr\u00e9er un th\u00e8me enfant<\/h3>\n<p>La troisi\u00e8me option pour personnaliser le th\u00e8me WordPress est de <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/https:\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">cr\u00e9er un th\u00e8me enfant<\/a>.<\/p>\n<p>Voici quelques sc\u00e9narios dans lesquels vous utiliseriez un th\u00e8me enfant :<\/p>\n<ul>\n<li>Vous souhaitez apporter des modifications \u00e0 la conception du site, et non \u00e0 sa fonctionnalit\u00e9.<\/li>\n<li>Votre site utilise un th\u00e8me tiers ou un th\u00e8me que vous souhaitez utiliser \u00e0 nouveau dans son \u00e9tat actuel.<\/li>\n<li>Vous ne voulez pas modifier directement votre th\u00e8me existant au cas o\u00f9 cela causerait des probl\u00e8mes (peut-\u00eatre que vous n&rsquo;\u00eates pas un d\u00e9veloppeur de th\u00e8me exp\u00e9riment\u00e9).<\/li>\n<li>Votre site utilise un th\u00e8me con\u00e7u pour \u00eatre un th\u00e8me parent, tel qu&rsquo;un framework. Ce sont des th\u00e8mes avec de nombreuses options de personnalisation telles que des <a href=\"https:\/\/kinsta.com\/fr\/blog\/hooks-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">crochets d\u2019action<\/a>, con\u00e7us pour que vous puissiez les ajouter \u00e0 votre propre th\u00e8me enfant.<\/li>\n<\/ul>\n<p>Les th\u00e8mes enfants sont donc un moyen efficace et s\u00fbr d&rsquo;ajouter des personnalisations \u00e0 votre site. Examinons-les donc plus en d\u00e9tail.<\/p>\n<h2 id=\"what\">Qu&rsquo;est-ce qu&rsquo;un th\u00e8me enfant WordPress ?<\/h2>\n<p>Alors, qu&rsquo;est-ce qu&rsquo;un th\u00e8me enfant dans WordPress ? Comment cela fonctionne-t-il ?<\/p>\n<p>Un th\u00e8me enfant est un th\u00e8me qui fonctionne en tandem avec un autre th\u00e8me, que l&rsquo;on appelle le <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#what-is-a-parent-theme\">th\u00e8me parent<\/a>.<\/p>\n<p>Il contient des instructions sp\u00e9cifiques pour indiquer \u00e0 WordPress qu&rsquo;il s&rsquo;agit d&rsquo;un th\u00e8me enfant et quel est le th\u00e8me parent. WordPress utilise ensuite le code du th\u00e8me parent dans la plupart des cas, mais le remplace par le code du th\u00e8me enfant (si n\u00e9cessaire).\u00a0Si vous rencontrez un site utilisant un th\u00e8me enfant qui vous pla\u00eet, utilisez notre <a href=\"https:\/\/kinsta.com\/fr\/outils\/detecteur-theme-wordpress\/\">outil de d\u00e9tection de th\u00e8me<\/a> pour d\u00e9couvrir le th\u00e8me parent.<\/p>\n<h3>Les fichiers dans un th\u00e8me enfant WordPress<\/h3>\n<p>Chaque th\u00e8me enfant WordPress doit avoir au minimum deux fichiers : une feuille de style et un fichier de fonctions. La feuille de style contiendra un texte comment\u00e9 en haut indiquant \u00e0 WordPress qu&rsquo;il s&rsquo;agit d&rsquo;un th\u00e8me enfant et quel est le th\u00e8me parent. Le fichier de fonctions comprendra une fonction qui <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#3-enqueue-stylesheet\">interroge la feuille de style \u00e0 partir du th\u00e8me parent<\/a>.<\/p>\n<p><em>Remarque : Vous pouvez trouver des guides qui vous disent d&rsquo;appeler la feuille de style du th\u00e8me parent \u00e0 partir de la feuille de style du th\u00e8me enfant. Ce n&rsquo;est plus la bonne fa\u00e7on de le faire, et vous devriez plut\u00f4t utiliser l&rsquo;interrogation dans le fichier de fonctions. Je vais vous montrer comment faire.<br \/>\n<\/em><\/p>\n<p>Votre th\u00e8me enfant n&rsquo;a pas besoin <i>d&rsquo;<\/i>inclure d&rsquo;autres fichiers. Contrairement au th\u00e8me parent, il n&rsquo;a pas besoin d&rsquo;un fichier <a href=\"https:\/\/developer.wordpress.org\/themes\/getting-started\/your-first-theme\/#step-3-create-anindex-php-file\">index.php<\/a> comme solution de secours s&rsquo;il n&rsquo;y a plus de fichiers sp\u00e9cifiques dans le th\u00e8me. En effet, si un fichier mod\u00e8le n&rsquo;existe pas dans le th\u00e8me enfant, WordPress utilisera le fichier du th\u00e8me parent.<\/p>\n<p>Ainsi, selon ce que vous voulez que votre th\u00e8me enfant fasse, vous ajouterez du code suppl\u00e9mentaire \u00e0 la feuille de style, au fichier de fonctions, ou vous cr\u00e9erez des fichiers suppl\u00e9mentaires dans le th\u00e8me enfant pour remplacer le th\u00e8me parent. Il peut s&rsquo;agir d&rsquo;un ou plusieurs de ceux-ci :<\/p>\n<ul>\n<li><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\">Fichiers mod\u00e8les<\/a> pour remplacer le m\u00eame fichier du th\u00e8me parent, tel que page.php lorsque vous souhaitez personnaliser l&rsquo;affichage des pages statiques.<\/li>\n<li>Parties de mod\u00e8les telles que header.php ou footer.php lorsque vous voulez personnaliser ces parties de la conception du site.<\/li>\n<li>Pi\u00e8ces de mod\u00e8le suppl\u00e9mentaires que vous appelez \u00e0 partir des fichiers de mod\u00e8le dans votre th\u00e8me enfant. Ainsi, si vous vouliez personnaliser l&rsquo;en-t\u00eate lorsque des pages statiques sont affich\u00e9es, vous cr\u00e9eriez un fichier dans votre th\u00e8me enfant appel\u00e9 header-page.php, et un fichier mod\u00e8le appel\u00e9 page.php, qui remplacerait page.php du th\u00e8me parent. Ce fichier mod\u00e8le serait identique \u00e0 celui du th\u00e8me parent \u00e0 l&rsquo;exception de l&rsquo;appel du fichier d&rsquo;en-t\u00eate, qui appellerait header-page.php au lieu de header.php.<\/li>\n<li>Fichiers d&rsquo;inclusion suppl\u00e9mentaires pour la fonctionnalit\u00e9. Si vous voulez ajouter beaucoup de code fonctionnel et l&rsquo;organiser, vous pouvez cr\u00e9er des fichiers d\u2019inclusion pour chaque ensemble de fonctions et les appeler dans le <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-functions-php\/\">fichier functions.php<\/a> de votre th\u00e8me enfant. Ainsi, par exemple, si vous souhaitez ajouter des options suppl\u00e9mentaires \u00e0 l\u2019outil de personnalisation, vous pouvez ajouter un fichier d\u2019inclusion appel\u00e9 customizer.php dans votre th\u00e8me enfant, puis appeler ce fichier depuis le fichier de fonctions dans votre th\u00e8me enfant.<\/li>\n<\/ul>\n<p>Mais si vous ajoutez des fichiers et des fonctions suppl\u00e9mentaires, comment WordPress sait-il lequel utiliser ? Ceux du th\u00e8me parent ou ceux du th\u00e8me enfant ? Nous y viendrons ensuite.<\/p>\n<h3>Comment WordPress choisit les fichiers mod\u00e8les<\/h3>\n<p>La fa\u00e7on dont WordPress choisit les fichiers mod\u00e8les de votre th\u00e8me lors de l&rsquo;affichage du contenu sur votre site est en se r\u00e9f\u00e9rant \u00e0 la <a href=\"https:\/\/wphierarchy.com\/\">hi\u00e9rarchie des mod\u00e8les<\/a>.<\/p>\n<figure style=\"width: 1897px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/WordPress-modeles-hierarchie.png\" alt=\"La hi\u00e9rarchie des mod\u00e8les WordPress\" width=\"1897\" height=\"1038\"><figcaption class=\"wp-caption-text\">La hi\u00e9rarchie des mod\u00e8les WordPress<\/figcaption><\/figure>\n<p>WordPress utilise cette hi\u00e9rarchie pour parcourir les <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\">fichiers mod\u00e8les<\/a> de votre th\u00e8me et trouver celui qu&rsquo;il convient d&rsquo;utiliser pour afficher un type de contenu donn\u00e9. Il commencera en haut (\u00e0 gauche dans l&rsquo;image ci-dessus) et recherchera chaque fichier pour le type de contenu donn\u00e9 \u00e0 tour de r\u00f4le. Lorsqu&rsquo;il trouve un fichier qui affichera ce contenu, il l&rsquo;utilisera.<\/p>\n<p>Imaginez que votre th\u00e8me ait un fichier archive.php et un fichier category.php mais pas de fichier tag.php. Lors de l&rsquo;affichage d&rsquo;une archive de cat\u00e9gories, WordPress utilisera category.php car il est plus sp\u00e9cifique au type de contenu. Lors de l&rsquo;affichage d&rsquo;une archive d\u2019\u00e9tiquettes, il utilisera archive.php \u00e0 la place.<\/p>\n<p>Si WordPress ne trouve pas de fichier mod\u00e8le pour le type de contenu donn\u00e9, il utilisera par d\u00e9faut le fichier index.php, c&rsquo;est pourquoi chaque th\u00e8me autonome (c&rsquo;est-\u00e0-dire pas un th\u00e8me enfant) doit avoir un fichier index.php.<\/p>\n<p>Il en va de m\u00eame pour les articles et les pages individuels. Disons que votre th\u00e8me a un fichier singular.php, qui est le fourre-tout pour les articles individuels de tout type de publication (y compris les pages et les types de publications personnalis\u00e9s). Il a aussi un fichier page.php. Lors de l&rsquo;affichage d&rsquo;une seule page, il utilisera page.php. Lors de l&rsquo;affichage d&rsquo;un article, il utilisera singular.php. Et si vous enregistrez un type de publication personnalis\u00e9 et que vous n&rsquo;ajoutez pas de fichier mod\u00e8le pour ce type de publication, il utilisera singular.php \u00e0 nouveau.<\/p>\n<p>Lorsque vous utilisez un th\u00e8me enfant, WordPress utilise toujours la hi\u00e9rarchie des mod\u00e8les pour d\u00e9cider quel fichier utiliser lors de l\u2019affichage de contenu sur votre site. Il examine les fichiers des th\u00e8mes parent et enfant et utilise le premier fichier qu&rsquo;il trouve.<\/p>\n<p>Imaginez donc que votre th\u00e8me enfant a singular.php et post.php, et que votre th\u00e8me parent a page.php et index.php. Lors de l\u2019affichage d&rsquo;un article individuel, WordPress utilisera post.php \u00e0 partir du th\u00e8me enfant. Lors de l\u2019affichage d&rsquo;une page, il utilisera le fichier page.php du th\u00e8me parent. Et lors de l\u2019affichage d&rsquo;un article individuel ou d&rsquo;un type de publication personnalis\u00e9, il utilisera singular.php \u00e0 partir du th\u00e8me enfant.<\/p>\n<p>Mais que se passe-t-il si votre th\u00e8me enfant et votre th\u00e8me parent ont tous deux des instances du m\u00eame fichier ?<\/p>\n<p>Imaginons que vous ajoutiez un fichier page.php au th\u00e8me enfant dans l&rsquo;exemple pr\u00e9c\u00e9dent. Comme ce th\u00e8me se trouve dans le th\u00e8me enfant, il remplace le m\u00eame fichier du th\u00e8me parent. Ainsi, lors de l&rsquo;affichage d&rsquo;une seule page, WordPress utilisera le nouveau fichier page.php du th\u00e8me enfant.<\/p>\n<p>C&rsquo;est pourquoi la cr\u00e9ation d&rsquo;un th\u00e8me enfant vous permet de personnaliser le th\u00e8me parent. Si vous ajoutez une copie d&rsquo;un fichier mod\u00e8le de votre th\u00e8me parent \u00e0 votre th\u00e8me enfant et que vous le modifiez ensuite pour inclure les personnalisations que vous voulez faire, WordPress utilisera ce nouveau fichier mod\u00e8le au lieu de celui du th\u00e8me parent. Ce qui signifie que vos personnalisations seront utilis\u00e9es lors de l&rsquo;affichage du contenu, sans que vous ayez modifi\u00e9 le th\u00e8me parent. Joli !<\/p>\n<h3>Comment WordPress fonctionne \u00e0 partir des th\u00e8mes parents et enfants<\/h3>\n<p>Que faire si vous voulez faire des personnalisations non pas aux fichiers de mod\u00e8le dans votre th\u00e8me, mais aux fonctions ?<\/p>\n<p>Vous pouvez le faire aussi. Tout d&rsquo;abord, vous devez vous assurer que la bonne fa\u00e7on de le faire est via un th\u00e8me enfant et non une extension. Un exemple pourrait \u00eatre o\u00f9 vous voulez modifier une fonction qui est d\u00e9j\u00e0 dans le th\u00e8me parent, par exemple, la fonction qui <a href=\"https:\/\/kinsta.com\/fr\/blog\/supprimer-propulse-par-wordpress\/\">\u00e9dite lecr\u00e9dits dans le pied de page<\/a>.<\/p>\n<p>Vous ajoutez ensuite la ou les nouvelles fonctions au fichier de fonctions dans votre th\u00e8me enfant ou \u00e0 un fichier d\u2019inclusion que vous appelez \u00e0 partir du fichier de fonctions.<\/p>\n<p>Pour vous assurer que votre nouvelle fonction remplace la fonctionnalit\u00e9 de votre th\u00e8me parent, vous devez comprendre comment remplacer les fonctions. Il y a trois fa\u00e7ons de le faire :<\/p>\n<ul>\n<li>En \u00e9crivant une nouvelle fonction avec le m\u00eame nom qu&rsquo;une fonction enfichable dans votre th\u00e8me parent.<\/li>\n<li>En d\u00e9crochant la fonction de votre th\u00e8me parent du crochet d\u2019action auquel elle \u00e9tait attach\u00e9e et en \u00e9crivant ensuite une nouvelle fonction pour la remplacer.<\/li>\n<li>En \u00e9crivant une nouvelle fonction avec une priorit\u00e9 plus \u00e9lev\u00e9e que la fonction originale et en l&rsquo;appelant via le m\u00eame crochet d\u2019action, ce qui signifie qu&rsquo;elle est appel\u00e9e apr\u00e8s la fonction originale et peut, par cons\u00e9quent, la remplacer ou l&rsquo;augmenter.<\/li>\n<\/ul>\n<p>Nous verrons comment vous faire tout cela plus loin dans cet article. Mais d&rsquo;abord, regardons les sc\u00e9narios o\u00f9 vous utiliseriez ou non un th\u00e8me enfant.<\/p>\n<h2 id=\"when\">Quand utiliser un th\u00e8me enfant dans WordPress (Avantages)<\/h2>\n<p>Vous savez maintenant ce que sont les th\u00e8mes enfants et comment vous pouvez les utiliser pour remplacer les fichiers mod\u00e8les ou les fonctions de votre th\u00e8me parent.<\/p>\n<p>En r\u00e9sum\u00e9, vous devriez utiliser un th\u00e8me enfant si vous utilisez un th\u00e8me sur votre site et que vous voulez faire une ou plusieurs des choses suivantes :<\/p>\n<ul>\n<li>Modifier un ou plusieurs fichiers mod\u00e8les.<\/li>\n<li>Ajouter des fonctions suppl\u00e9mentaires li\u00e9es \u00e0 l&rsquo;affichage et non \u00e0 la fonctionnalit\u00e9.<\/li>\n<li>Remplacer une ou plusieurs fonctions du th\u00e8me parent.<\/li>\n<li>Ajouter un ou plusieurs fichiers mod\u00e8les suppl\u00e9mentaires.<\/li>\n<\/ul>\n<p>Parmi les avantages, mentionnons les suivants :<\/p>\n<ul>\n<li><strong>Am\u00e9lioration et personnalisation faciles :<\/strong> C\u2019est \u00e9vident, un th\u00e8me enfant \u00e9tend la fonctionnalit\u00e9 de son th\u00e8me parent. Vous avez d\u00e9j\u00e0 un mod\u00e8le pr\u00eat \u00e0 l&#8217;emploi \u00e0 votre service sous la forme d&rsquo;un th\u00e8me parent, et tout ce que vous avez \u00e0 faire est de <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/#how-to-customize-your-wordpress-theme-with-css\" target=\"_blank\" rel=\"noopener noreferrer\">cr\u00e9er un fichier style.css distinct<\/a> pour votre th\u00e8me enfant, et ajouter les modifications de personnalisation selon vos besoins.<\/li>\n<li><strong>Mises \u00e0 jour sans tracas :<\/strong> Au fur et \u00e0 mesure que WordPress \u00e9volue, les th\u00e8mes et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/mettre-a-jour-plugin-wordpress-manuellement\/\">extensions doivent \u00eatre mis \u00e0 jour<\/a> r\u00e9guli\u00e8rement. Si vous apportez des modifications de personnalisation et des changements \u00e0 votre th\u00e8me principal, vous risquez de perdre tous vos changements si vous mettez \u00e0 jour le th\u00e8me. Il est donc conseill\u00e9 d&rsquo;apporter de telles modifications \u00e0 un th\u00e8me enfant, de sorte que m\u00eame si vous devez mettre \u00e0 jour le th\u00e8me parent, vous n&rsquo;avez pas peur de perdre vos modifications.<\/li>\n<\/ul>\n<p>Et si vous n&rsquo;utilisiez pas un th\u00e8me enfant ?<\/p>\n<h2 id=\"not\">Quand ne pas utiliser un th\u00e8me enfant WordPress (Inconv\u00e9nients)<\/h2>\n<p>Il y a des moments o\u00f9 vous n&rsquo;utiliseriez pas un th\u00e8me enfant et devriez utiliser une m\u00e9thode diff\u00e9rente de personnalisation de votre site. Ceux-ci sont :<\/p>\n<ul>\n<li>Si c\u2019est un th\u00e8me que vous avez d\u00e9velopp\u00e9 vous-m\u00eame (ou que <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">quelqu&rsquo;un d&rsquo;autre a cod\u00e9 pour vous<\/a>) et que vous n&rsquo;avez pas besoin de l&rsquo;utiliser ailleurs. Modifiez simplement le th\u00e8me, en vous assurant d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/base-de-connaissances-github\/\">utiliser le contr\u00f4le de version<\/a>.<\/li>\n<li>Si les personnalisations que vous voulez faire sont fonctionnelles, par exemple l&rsquo;ajout d&rsquo;un type de publication personnalis\u00e9, et vous voudrez les conserver si vous changez de th\u00e8me dans le futur. Utilisez plut\u00f4t une extension.<\/li>\n<\/ul>\n<p>Parmi les inconv\u00e9nients, mentionnons :<\/p>\n<ul>\n<li><strong>Choisir le th\u00e8me parent id\u00e9al :<\/strong> Tous les th\u00e8mes n&rsquo;agissent pas comme de bons th-mes parents ! Certains th\u00e8mes WordPress, par exemple, peuvent ne pas \u00eatre mis \u00e0 jour r\u00e9guli\u00e8rement et ont donc tendance \u00e0 ne pas disposer des derni\u00e8res fonctionnalit\u00e9s. De m\u00eame, tous les th\u00e8mes WordPress ne sont pas cr\u00e9\u00e9s avec des th\u00e8mes enfants \u00e0 l&rsquo;esprit et, en tant que tels, peuvent \u00eatre de mauvais candidats pour les th\u00e8mes parents. Vous devez choisir le th\u00e8me parent parfait afin de l&rsquo;am\u00e9liorer correctement et de le faire fonctionner comme une base pour vos th\u00e8mes enfants.<\/li>\n<li><strong>Efforts de personnalisation :<\/strong> Un th\u00e8me enfant cherche essentiellement \u00e0 am\u00e9liorer et \u00e0 personnaliser un mod\u00e8le existant. Ainsi, si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 un site autour de votre th\u00e8me parent, vous devrez peut-\u00eatre reconsid\u00e9rer la personnalisation d&rsquo;\u00e9l\u00e9ments tels que les menus, les options de th\u00e8me, les barres lat\u00e9rales, l&rsquo;en-t\u00eate, etc. lorsque vous passez \u00e0 un th\u00e8me enfant.<\/li>\n<\/ul>\n<p>Maintenant que vous savez quand (et quand en pas) utiliser un th\u00e8me enfant, il est temps de vous mettre au travail et d&rsquo;apprendre comment cr\u00e9er un th\u00e8me enfant dans WordPress.<\/p>\n<h2 id=\"create\">Comment cr\u00e9er un th\u00e8me enfant WordPress<\/h2>\n<p>La configuration d&rsquo;un th\u00e8me enfant basique dans WordPress implique la cr\u00e9ation de deux fichiers : la <strong>feuille de style<\/strong> et le <strong>fichier de fonctions<\/strong>. Jetons un coup d&rsquo;oeil aux deux.<\/p>\n<h3>La feuille de style<\/h3>\n<p>Avant de cr\u00e9er votre fichier, vous devez cr\u00e9er un dossier pour votre th\u00e8me. Ceci va dans le fichier wp-content\/themes de votre installation WordPress.<\/p>\n<p><i>Rappelez-vous : ne faites pas cela dans votre site de production. Ajoutez d&rsquo;abord le code \u00e0 un site de d\u00e9veloppement, puis testez-le sur votre site de test. Une fois que vous \u00eates satisfait, vous pouvez le transf\u00e9rer sur votre site en production. Tous les forfaits d&rsquo;h\u00e9bergement Kinsta incluent la <\/i><a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\"><i>mise en test<\/i><\/a><i>.<\/i><\/p>\n<p>Dans le dossier de votre nouveau th\u00e8me, cr\u00e9ez un fichier appel\u00e9 style.css. Ajoutez ce qui suit :<\/p>\n<pre><code class=\"language-php\">\/*\nTheme Name:\u00a0 My Child Theme. Child for Twenty Nineteen.\nTheme URI:\u00a0 https:\/\/rachelmccollin.com\nDescription:\u00a0 Theme to support tutsplus tutorial. Child theme for the Twenty Nineteen theme.\nAuthor:\u00a0 Rachel McCollin\nTextdomain:\u00a0 mccollin\nAuthor URI:\u00a0 https:\/\/rachelmccollin.com\/\nTemplate:\u00a0 twentynineteen\nVersion:\u00a0 1.0\nLicense:\u00a0 GNU General Public License v2 or later\nLicense URI:\u00a0https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\n*\/<\/code><\/pre>\n<p>Ce texte est comment\u00e9. Ce n&rsquo;est pas un code qui ex\u00e9cute quoi que ce soit sur votre site ou qui fournit des fonctionnalit\u00e9s. Au lieu de cela, il informe WordPress sur le th\u00e8me. Vous avez besoin d&rsquo;un texte comme celui-ci dans chaque th\u00e8me, sinon WordPress ne peut pas le reconna\u00eetre comme un th\u00e8me.<\/p>\n<p>Passons en revue chacune de ces lignes pour identifier ce qu&rsquo;elles font :<\/p>\n<ul>\n<li>Theme Name : Le nom unique du th\u00e8me.<\/li>\n<li>Theme URI : O\u00f9 les utilisateurs peuvent trouver le code ou la documentation pour le th\u00e8me.<\/li>\n<li>Description : Texte descriptif pour aider les utilisateurs \u00e0 comprendre ce que fait le th\u00e8me&#8230;<\/li>\n<li>Author : Votre nom<\/li>\n<li>Textdomain : Ceci est utilis\u00e9 pour l&rsquo;internationalisation. Utilisez textdomain comme deuxi\u00e8me param\u00e8tre dans toutes les fonctions d&rsquo;internationalisation.<\/li>\n<li>Author URI : Le site de l&rsquo;auteur.<\/li>\n<li>Template : Le dossier dans lequel le th\u00e8me parent est stock\u00e9. Utilisez le nom du dossier et non le nom du th\u00e8me. Sans cette ligne, votre th\u00e8me ne fonctionnera pas comme un th\u00e8me enfant.<\/li>\n<li>Version : Le num\u00e9ro de version<\/li>\n<li>License : La licence, qui doit \u00eatre GNU. [lien]<\/li>\n<li>License URI : Le lien vers l&rsquo;information sur la licence.<\/li>\n<\/ul>\n<p>La ligne la plus importante pour un th\u00e8me enfant est la ligne Template. Sans cela, le th\u00e8me ne fonctionnera pas comme un th\u00e8me enfant. Seuls les th\u00e8mes enfants incluront cette ligne.<\/p>\n<p>Ajoutez-la \u00e0 la feuille de style de votre th\u00e8me, modifiez-la pour ajouter vos propres d\u00e9tails au lieu des miens. Vous devrez modifier la ligne Template pour ajouter le dossier dans lequel votre th\u00e8me existant est stock\u00e9, car ce sera votre th\u00e8me parent.<\/p>\n<p>Maintenant, enregistrez le fichier. Si vous regardiez l&rsquo;\u00e9cran de d\u00e9tails du th\u00e8me dans votre site maintenant, vous verriez tout cela affich\u00e9 :<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/theme-no-capture-1024x540.jpg\" alt=\"La page du th\u00e8me dans WordPress sans capture d'\u00e9cran\" width=\"1024\" height=\"540\"><figcaption class=\"wp-caption-text\">La page du th\u00e8me dans WordPress sans capture d&rsquo;\u00e9cran<\/figcaption><\/figure>\n<p>\u00c7a n&rsquo;a pas l&rsquo;air g\u00e9nial parce qu&rsquo;il n&rsquo;y a pas de capture d&rsquo;\u00e9cran. C&rsquo;est une image qui donne une id\u00e9e de l&rsquo;aspect du th\u00e8me. A moins que votre th\u00e8me ne soit tr\u00e8s diff\u00e9rent du th\u00e8me parent, copiez simplement le fichier screenshot.png de votre th\u00e8me parent vers votre th\u00e8me enfant.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/theme-avec-capture-1024x540.jpg\" alt=\"La page du th\u00e8me dans WordPress avec capture d'\u00e9cran\" width=\"1024\" height=\"540\"><figcaption class=\"wp-caption-text\">La page du th\u00e8me dans WordPress avec capture d&rsquo;\u00e9cran<\/figcaption><\/figure>\n<h3>Le fichier de fonctions<\/h3>\n<p>L&rsquo;\u00e9tape suivante consiste \u00e0 ajouter un fichier de fonctions \u00e0 votre th\u00e8me enfant. Vous en avez besoin pour pouvoir mettre en file d&rsquo;attente la feuille de style du th\u00e8me parent. Sans lui, votre site n&rsquo;aurait aucun style du tout, et ressemblerait \u00e0 quelque chose comme ceci :<\/p>\n<figure style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/06\/page-notre-daccueil-1.jpg\" alt=\"Notre page d'accueil sans CSS\" width=\"927\" height=\"674\"><figcaption class=\"wp-caption-text\">Notre page d&rsquo;accueil sans CSS<\/figcaption><\/figure>\n<p>Ce n\u2019est pas bon, je suis s\u00fbr que vous serez d&rsquo;accord ! Ajoutons donc le style pour que cela ait l\u2019aspect qu\u2019il se doit.<\/p>\n<p>Dans votre dossier de th\u00e8me enfant, ajoutez un fichier appel\u00e9 functions.php. Ouvrez-le et ajoutez ce code :<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue script for parent theme stylesheeet *\/\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\nfunction childtheme_parent_styles() {\n\u00a0\n \/\/ enqueue style\n wp_enqueue_style( 'parent', get_template_directory_uri().'\/style.css' );\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\n}\nadd_action( 'wp_enqueue_scripts', 'childtheme_parent_styles');<\/code><\/pre>\n<p>Cela utilise la fonction <code>wp_enqueue_style()<\/code> pour mettre en file d&rsquo;attente la feuille de style du th\u00e8me parent, avec la fonction <code>get_template_directory_uri()<\/code> localisant o\u00f9 ce fichier est stock\u00e9. La fonction est \u00e0 l&rsquo;int\u00e9rieur d&rsquo;une fonction que j&rsquo;ai cr\u00e9\u00e9e et appel\u00e9e <code>kinsta_parent_styles()<\/code>, qui est connect\u00e9e au hook <code>wp_enqueue_scripts<\/code>.<\/p>\n<p>Vous vous demandez peut-\u00eatre pourquoi il utilise une fonction appel\u00e9e <code>wp_enqueue_scripts<\/code> et non <code>wp_enqueue_styles<\/code>. C&rsquo;est parce que <code>wp_enqueue_scripts<\/code> est utilis\u00e9 \u00e0 la fois pour les scripts et les styles et qu&rsquo;il n&rsquo;existe pas de crochet d\u2019action tel que <code>wp_enqueue_styles<\/code>.<\/p>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 modifier mon code pour ajouter votre propre pr\u00e9fixe au nom de votre fonction. J&rsquo;ai utilis\u00e9 \u00ab\u00a0childtheme\u00a0\u00bb comme pr\u00e9fixe pour m&rsquo;assurer que ma fonction n&rsquo;entre en conflit avec aucune autre fonction du th\u00e8me parent ou aucune extension.<\/p>\n<p>Maintenant, enregistrez votre fichier.<\/p>\n<h2 id=\"activate\">Comment activer votre th\u00e8me enfant WordPress<\/h2>\n<p>Une fois que votre th\u00e8me enfant est pr\u00eat, vous devez l&rsquo;activer. Si vous craignez que l&rsquo;activation du th\u00e8me enfant d\u00e9sactive le th\u00e8me parent, ne vous inqui\u00e9tez pas : WordPress saura utiliser les fichiers du th\u00e8me parent \u00e0 moins que vous n&rsquo;ajoutiez de nouveaux fichiers au th\u00e8me enfant qui les remplacent. Jusqu&rsquo;\u00e0 pr\u00e9sent, vous n&rsquo;avez pas ajout\u00e9 de fichiers ou de fonctions suppl\u00e9mentaires au th\u00e8me enfant, donc votre site fonctionnera exactement de la m\u00eame mani\u00e8re qu&rsquo;avec le th\u00e8me parent activ\u00e9.<\/p>\n<p><i>Souvenez-vous : Faites ceci d&rsquo;abord sur <\/i><a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/#push-staging-to-live-1\"><i>votre site de d\u00e9veloppement ou de test<\/i><\/a><i>. <\/i><i>N&rsquo;activez pas votre th\u00e8me enfant sur votre site en production avant de l&rsquo;avoir test\u00e9.<\/i><\/p>\n<p>Dans l&rsquo;administration WordPress, allez dans <strong>Apparence &gt; Th\u00e8mes<\/strong><b>. <\/b>Vous trouverez votre th\u00e8me enfant dans la liste des th\u00e8mes install\u00e9s sur votre site.<\/p>\n<p>Survolez le th\u00e8me et cliquez sur le bouton <strong>Activer<\/strong><b>. <\/b>Ceci activera votre th\u00e8me enfant. Maintenant, lorsque vous visitez votre site en production, il aura le m\u00eame aspect qu&rsquo;avant :<\/p>\n<p><img decoding=\"async\" class=\"size-large wp-image-48296\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/06\/site-home-page-1024x638.jpg\" alt=\"La page d'accueil du site width=\" height=\"638\"><\/p>\n<p>Il est identique parce que vous n&rsquo;avez pas encore ajout\u00e9 de personnalisations. Mais vous avez maintenant un th\u00e8me enfant fonctionnel. Bien jou\u00e9 !<\/p>\n<h2 id=\"customize\">Comment personnaliser votre th\u00e8me enfant dans WordPress<\/h2>\n<p>Maintenant que vous avez un th\u00e8me enfant fonctionnel pour votre site WordPress, il est temps d&rsquo;ajouter vos personnalisations. Ici, je vais vous montrer comment ajouter des fichiers mod\u00e8les pour remplacer ceux de votre th\u00e8me parent, comment ajouter du style \u00e0 votre th\u00e8me enfant, et comment ajouter de nouvelles fonctions.<\/p>\n<p>Commen\u00e7ons par les fichiers mod\u00e8les.<\/p>\n<h3>Comment ajouter des fichiers mod\u00e8les \u00e0 votre th\u00e8me enfant WordPress<\/h3>\n<p>Nous avons d\u00e9j\u00e0 examin\u00e9 comment WordPress choisit le fichier mod\u00e8le \u00e0 utiliser pour afficher le contenu de votre site. Il y a deux choses \u00e0 se rappeler :<\/p>\n<ul>\n<li>WordPress utilisera le fichier qui vient en <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\">premier dans la hi\u00e9rarchie<\/a>, soit du th\u00e8me enfant, soit du th\u00e8me parent.<\/li>\n<li>Si un fichier mod\u00e8le (ou une partie de mod\u00e8le comme header.php) portant le m\u00eame nom existe dans les th\u00e8mes parent et enfant, WordPress utilisera celui du th\u00e8me enfant.<\/li>\n<\/ul>\n<p>Pour ajouter des personnalisations, je trouve plus facile de commencer par faire une copie du fichier pertinent \u00e0 partir du th\u00e8me parent, l&rsquo;ajouter au th\u00e8me enfant, puis le modifier.<\/p>\n<p>Ceci implique que le fichier dans votre th\u00e8me enfant ait le m\u00eame nom que dans le th\u00e8me parent, ou s&rsquo;il s&rsquo;agit d&rsquo;un nouveau fichier pour afficher un type de contenu diff\u00e9rent, ou d&rsquo;un fichier plus haut dans la hi\u00e9rarchie.<\/p>\n<p>Donc, si j&rsquo;ajoute une nouvelle version de page.php \u00e0 mon th\u00e8me enfant, qui remplacera page.php dans mon th\u00e8me parent, je copierai page.php de mon th\u00e8me parent dans mon th\u00e8me enfant et je le modifierai. Assurez-vous de copier le fichier : ne le d\u00e9placez pas, car vous ne voulez pas modifier le th\u00e8me parent.<\/p>\n<p>Et si je veux un mod\u00e8le de page personnalis\u00e9 dans mon th\u00e8me enfant, par exemple, je copierai page.php dans mon th\u00e8me enfant, je le renommerai, puis je le modifierai.<\/p>\n<p>De cette fa\u00e7on, vous pouvez vous assurer que tous les aspects du fichier que vous n&rsquo;avez pas besoin de personnaliser fonctionneront toujours correctement. Il en va de m\u00eame pour les parties de mod\u00e8le.<\/p>\n<h3>Comment ajouter le style \u00e0 votre th\u00e8me enfant WordPress<\/h3>\n<p>Vous pouvez \u00e9galement ajouter un style au fichier style.css de votre th\u00e8me enfant, ce qui am\u00e9liorera ou remplacera le style dans la feuille de style du th\u00e8me parent.<\/p>\n<p>WordPress appellera d&rsquo;abord la feuille de style du th\u00e8me parent, puis la feuille de style du th\u00e8me enfant. Cela signifie que si vous ajoutez un style au th\u00e8me enfant qui cible les m\u00eames \u00e9l\u00e9ments que le style du th\u00e8me parent, il remplacera le style du th\u00e8me parent tant que vous utilisez les m\u00eames s\u00e9lecteurs.<\/p>\n<p>Imaginez donc que vous voulez changer la couleur du titre du site. Dans le th\u00e8me parent, ceci pourrait \u00eatre intitul\u00e9 comme ceci :<\/p>\n<pre><code class=\"language-html\">h1.site-title {\n\u00a0color: #000;\n}<\/code><\/pre>\n<p>Pour remplacer ceci dans votre th\u00e8me enfant, vous devez ajouter ceci :<\/p>\n<pre><code class=\"language-html\">h1.site-title {\n\u00a0color: #303030;\n}<\/code><\/pre>\n<p>Comme le navigateur rencontrera cela apr\u00e8s le style dans le th\u00e8me parent, il le remplacera et sera utilis\u00e9 \u00e0 la place.<\/p>\n<h3>Comment ajouter des fonctions \u00e0 votre th\u00e8me enfant WordPress<\/h3>\n<p>Ainsi, vous avez cr\u00e9\u00e9 un th\u00e8me enfant dans WordPress non pas parce que vous voulez modifier l&rsquo;un des fichiers mod\u00e8les, mais parce que vous voulez ajouter des fonctionnalit\u00e9s suppl\u00e9mentaires ou remplacer une ou plusieurs des fonctions du th\u00e8me parent.<\/p>\n<p>\u00c9crire des fonctions dans votre th\u00e8me enfant est un peu plus compliqu\u00e9 que d&rsquo;ajouter des fichiers mod\u00e8les, mais c&rsquo;est possible.<\/p>\n<p>Si vous voulez ajouter une nouvelle fonction qui n&rsquo;interagit avec aucune des fonctions de votre th\u00e8me parent, vous pouvez le faire. Ajoutez simplement la fonction au fichier functions.php dans votre th\u00e8me enfant, branchez-la \u00e0 l&rsquo;action ou au crochet de filtre appropri\u00e9, et vous \u00eates pr\u00eat \u00e0 y aller.<\/p>\n<p>Mais si vous pr\u00e9voyez de remplacer ou de modifier une fonction dans le th\u00e8me parent, vous devez comprendre les m\u00e9thodes que vous pouvez utiliser pour cela. Il y a trois fa\u00e7ons de remplacer une fonction de th\u00e8me parent dans votre th\u00e8me enfant :<\/p>\n<ul>\n<li>Si le th\u00e8me du th\u00e8me parent est enfichable, il vous suffit d&rsquo;\u00e9crire une autre fonction dans votre th\u00e8me enfant avec le m\u00eame nom et WordPress ex\u00e9cutera cette fonction au lieu de celle du th\u00e8me parent.<\/li>\n<li>Si vous voulez emp\u00eacher la fonction du th\u00e8me parent de s&rsquo;ex\u00e9cuter compl\u00e8tement, vous pouvez \u00e9crire une fonction dans votre th\u00e8me enfant qui la d\u00e9croche du crochet d\u2019action auquel elle est attach\u00e9e.<\/li>\n<li>Si vous voulez augmenter une fonction, vous pouvez ajouter une autre fonction (avec un nom diff\u00e9rent) dans votre th\u00e8me enfant et vous assurer qu&rsquo;elle fonctionne apr\u00e8s celle du th\u00e8me parent.<\/li>\n<\/ul>\n<p>Examinons de plus pr\u00e8s comment faire chacune d&rsquo;entre elles.<\/p>\n<h4>Remplacer une fonction enfichable<\/h4>\n<p>Une fonction enfichable est identifi\u00e9e par le contr\u00f4le conditionnel qui l&rsquo;entoure. Ceci v\u00e9rifie s&rsquo;il y a une autre fonction du m\u00eame nom qui a d\u00e9j\u00e0 \u00e9t\u00e9 d\u00e9clench\u00e9e. Si c&rsquo;est le cas, elle n&rsquo;ex\u00e9cute pas la fonction.<\/p>\n<p>WordPress d\u00e9clenchera les fonctions de votre th\u00e8me enfant avant celles du th\u00e8me parent. S&rsquo;il trouve une fonction enfichable dans le th\u00e8me parent et que vous avez ajout\u00e9 une fonction du m\u00eame nom \u00e0 votre th\u00e8me enfant, la fonction enfichable ne sera pas ex\u00e9cut\u00e9e.<\/p>\n<p>Un exemple est la fonction qui \u00e9dite les cr\u00e9dits dans le th\u00e8me Storefront pour les sites WooCommerce. Voici la fonction sans son contenu :<\/p>\n<pre><code class=\"language-php\">if ( ! function_exists( 'storefront_credit' ) ) {\n function storefront_credit() {\n  \/\/ contents for function here\n }\n}<\/code><\/pre>\n<p>Si vous vouliez remplacer cette fonction par une autre avec le m\u00eame nom (<code>storefront_credit()<\/code>) et l&rsquo;accrocher au m\u00eame crochet d\u2019action que dans le th\u00e8me parent.<\/p>\n<h4>D\u00e9crocher une fonction du th\u00e8me parent<\/h4>\n<p style=\"text-align: left\">Si la fonction du th\u00e8me parent n&rsquo;est pas enfichable, vous pouvez toujours l&#8217;emp\u00eacher de fonctionner. Imaginez que votre th\u00e8me parent a une fonction appel\u00e9e <code>parent_function()<\/code>, qui est connect\u00e9e au crochet <code>init<\/code> avec une priorit\u00e9 de <code>20<\/code>. Vous voulez l&#8217;emp\u00eacher de fonctionner afin de pouvoir la remplacer par une fonction qui vous est propre.<\/p>\n<p>Voici \u00e0 quoi pourrait ressembler la fonction du th\u00e8me parent :<\/p>\n<pre><code class=\"language-php\">function parent_function() {\n \/\/contents of function here\n}\nadd_action( \u2018init\u2019, \u2018parent_function\u2019, 20 );<\/code><\/pre>\n<p>Pour le d\u00e9crocher, vous le coderiez dans votre th\u00e8me enfant :<\/p>\n<pre><code class=\"language-php\">function remove_parent_function() {\n remove_action( \u2018init\u2019, \u2018parent_function\u2019, 20 );\n}\nadd_action( \u2018wp_head\u2019, \u2018remove_parent_function\u2019 );<\/code><\/pre>\n<p>Notez que vous accrochez votre deuxi\u00e8me fonction au crochet wp_head qui est lanc\u00e9 en haut de chaque page, et que vous devez inclure la m\u00eame valeur pour le param\u00e8tre priority que dans la fonction originale. Si la fonction <code>add_action()<\/code> originale n&rsquo;avait pas de priorit\u00e9, vous pouvez l&rsquo;omettre de la fonction <code>remove_action()<\/code> de votre th\u00e8me enfant.<\/p>\n<p><i>Note : Si la fonction originale \u00e9tait accroch\u00e9e \u00e0 un crochet de filtre au lieu d&rsquo;un crochet d&rsquo;action, vous utiliseriez <\/i><i><code>remove_filter()<\/code> de la<\/i><i> m\u00eame mani\u00e8re.<\/i><\/p>\n<h4>Augmenter une fonction avec une autre fonction<\/h4>\n<p>Au lieu de remplacer ou de supprimer une fonction, vous pouvez parfois vouloir l&rsquo;ajouter \u00e0 la place. Dans ce cas, vous \u00e9crirez une nouvelle fonction avec un nom diff\u00e9rent, et l&rsquo;attacherez au m\u00eame crochet.<\/p>\n<p>Imaginons qu&rsquo;il y ait un crochet d&rsquo;action pour le pied de page dans votre th\u00e8me parent appel\u00e9 <code>parent_footer<\/code>. Toute fonction que vous attachez \u00e0 ce crochet s&rsquo;ex\u00e9cutera \u00e0 l&rsquo;endroit o\u00f9 le crochet est situ\u00e9.<\/p>\n<p>Dans le th\u00e8me parent, il y a d\u00e9j\u00e0 une fonction appel\u00e9e <code>parent_footer_content()<\/code> qui remplit le pied de page. Mais que se passerait-il si vous vouliez y ajouter du code suppl\u00e9mentaire ?<\/p>\n<p>Voici \u00e0 quoi la fonction <code>parent_footer_content()<\/code> pourrait ressembler dans le th\u00e8me parent :<\/p>\n<pre><code class=\"language-php\">function parent_footer_content() {\n \/\/ content of function here\n}\nadd_action( \u2018parent_footer\u2019, \u2018parent_footer_content\u2019 );<\/code><\/pre>\n<p>Maintenant si vous vouliez ajouter du contenu suppl\u00e9mentaire apr\u00e8s cela, vous cr\u00e9iez une fonction dans votre th\u00e8me enfant, accroch\u00e9e au m\u00eame crochet d&rsquo;action, avec une priorit\u00e9 qui signifiait qu&rsquo;elle s&rsquo;ex\u00e9cuterait apr\u00e8s la premi\u00e8re fonction. Comme la priorit\u00e9 n&rsquo;est pas d\u00e9finie pour la fonction du th\u00e8me parent, elle est par d\u00e9faut de 10. Il faut donc utiliser un nombre plus \u00e9lev\u00e9 pour qu&rsquo;il se lance apr\u00e8s cela.<\/p>\n<pre><code class=\"language-php\">function child_footer_extra_content() {\n \/\/ contents of function here\n}\nadd_action( \u2018parent_footer\u2019, \u2018child_footer_extra_content\u2019, 20 );<\/code><\/pre>\n<p>Ceci ajouterait le code de la fonction de votre th\u00e8me enfant apr\u00e8s le code de la fonction de votre th\u00e8me parent.<\/p>\n<h2 id=\"trouble\">Comment d\u00e9panner les th\u00e8mes enfants et parents<\/h2>\n<p>Vous savez maintenant comment cr\u00e9er un th\u00e8me enfant dans WordPress et comment l&rsquo;utiliser pour remplacer les fichiers mod\u00e8les, ajouter du style et ajouter des fonctionnalit\u00e9s \u00e0 votre site.<\/p>\n<p>Mais que faire si votre th\u00e8me enfant ne fonctionne pas comme pr\u00e9vu ? Que se passe-t-il si le contenu ne s&rsquo;affiche pas comme vous l&rsquo;esp\u00e9riez ou si une fonction ne se lance pas ?<\/p>\n<p>Utilisez cette liste de contr\u00f4le pour d\u00e9panner votre th\u00e8me enfant :<\/p>\n<ol>\n<li>V\u00e9rifiez que vous avez activ\u00e9 votre th\u00e8me enfant et que votre th\u00e8me parent n&rsquo;est plus en cours d&rsquo;ex\u00e9cution. Il est \u00e9tonnamment facile d&rsquo;oublier cette \u00e9tape !<\/li>\n<li>Rafra\u00eechissez le cache de votre navigateur et le cache cr\u00e9\u00e9 par les extensions de votre site.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/debogage-wordpress\/#how-to-manually-enable-wordpress-debug-mode\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9finissez wp-debug \u00e0 true<\/a> dans le fichier wp-config.php de votre th\u00e8me enfant. Si vous voyez un \u00e9cran blanc, il devrait y avoir un message vous indiquant quel code a caus\u00e9 le probl\u00e8me et dans quel fichier il se trouve. Cela vous aidera \u00e0 identifier le probl\u00e8me et le fichier utilis\u00e9.<\/li>\n<li>V\u00e9rifiez le code d\u2019affichage de votre page, article ou archive. Trouvez l&rsquo;\u00e9l\u00e9ment de corps et voyez quelles classes il a. Celles-ci vous indiqueront le type de contenu que vous consultez, ce qui vous aidera \u00e0 identifier le fichier mod\u00e8le qui est utilis\u00e9. Parfois, ce n&rsquo;est pas ce \u00e0 quoi on s&rsquo;attend. Par exemple, la page principale du blog n&rsquo;utilise jamais archive.php, m\u00eame si elle affiche une archive de vos articles.<\/li>\n<li>V\u00e9rifiez que vous avez correctement nomm\u00e9 vos fichiers. R\u00e9f\u00e9rez-vous \u00e0 la hi\u00e9rarchie de mod\u00e8le pour vous assurer que vous avez utilis\u00e9 la bonne syntaxe.<\/li>\n<li>Si vous avez dupliqu\u00e9 un fichier du th\u00e8me parent et l&rsquo;avez ajout\u00e9 \u00e0 votre th\u00e8me enfant, v\u00e9rifiez que vous avez enregistr\u00e9 vos modifications.<\/li>\n<li>Si une fonction pour remplacer une fonction enfichable ne fonctionne pas, v\u00e9rifiez que vous lui avez donn\u00e9 exactement le m\u00eame nom que la fonction enfichable et que la fonction du th\u00e8me parent est bien enfichable.<\/li>\n<li>Si une fonction que vous avez supprim\u00e9e fonctionne toujours, v\u00e9rifiez que vous avez ajout\u00e9 la bonne priorit\u00e9 et que votre orthographe est identique \u00e0 celle de la fonction et du crochet dans le th\u00e8me parent.<\/li>\n<li>Si vous avez utilis\u00e9 la priorit\u00e9 pour outrepasser ou augmenter une fonction, essayez d&rsquo;augmenter la valeur de priorit\u00e9, afin d&rsquo;\u00eatre absolument s\u00fbr qu&rsquo;elle se d\u00e9clenche en dernier. V\u00e9rifiez qu&rsquo;il n&rsquo;y a pas d&rsquo;autres fonctions attach\u00e9es \u00e0 ce crochet qui interf\u00e8rent avec votre code.<\/li>\n<\/ol>\n<p>Esp\u00e9rons qu&rsquo;une ou plusieurs de ces \u00e9tapes vous aideront \u00e0 identifier le probl\u00e8me et \u00e0 le r\u00e9soudre dans votre th\u00e8me enfant. Rappelez-vous :<strong> Ne modifiez pas directement le th\u00e8me parent<\/strong>.<\/p>\n<h2 id=\"tips\">Conseils utiles lorsque vous travaillez avec les th\u00e8mes enfants WordPress<\/h2>\n<p>Ouf ! Les th\u00e8mes enfants sont tout \u00e0 fait un sujet et une fonctionnalit\u00e9 incroyablement pr\u00e9cieuse de WordPress. Je les utilise sur tous les sites que je construis.<\/p>\n<p>Pour vous aider \u00e0 trouver les m\u00e9thodes dont vous avez besoin pour utiliser le plus efficacement possible les th\u00e8mes enfants, voici mes conseils pour vous aider \u00e0 les utiliser :<\/p>\n<ul>\n<li>Si vous devez modifier un th\u00e8me tiers, utilisez toujours un th\u00e8me enfant \u00e0 la place. De cette fa\u00e7on, vos modifications ne sont pas perdues lorsque vous mettez \u00e0 jour le th\u00e8me.<\/li>\n<li>Chaque th\u00e8me enfant n\u00e9cessite une feuille de style et un fichier de fonctions.<\/li>\n<li>WordPress utilisera la hi\u00e9rarchie des mod\u00e8les pour d\u00e9terminer le fichier mod\u00e8le \u00e0 utiliser lors de l\u2019affichage de contenu. S&rsquo;il trouve deux fichiers portant le m\u00eame nom, il utilisera celui du th\u00e8me enfant.<\/li>\n<li>Vous pouvez remplacer une fonction enfichable dans votre th\u00e8me parent en \u00e9crivant une fonction portant le m\u00eame nom dans votre th\u00e8me enfant.<\/li>\n<li>Vous pouvez d\u00e9crocher une fonction du th\u00e8me parent en utilisant une fonction avec <code>remove_action()<\/code> ou <code>remove_filter()<\/code> dans votre th\u00e8me enfant et ensuite \u00e9crire une nouvelle fonction.<\/li>\n<li>Vous pouvez augmenter une fonction dans votre th\u00e8me parent en \u00e9crivant une fonction dans votre th\u00e8me enfant et en l&rsquo;accrochant \u00e0 la m\u00eame action ou crochet de filtre.<\/li>\n<li>N&rsquo;oubliez pas d&rsquo;activer votre th\u00e8me enfant apr\u00e8s l&rsquo;avoir t\u00e9l\u00e9vers\u00e9. Et assurez-vous que <a href=\"https:\/\/kinsta.com\/fr\/blog\/supprimer-theme-wordpress\/\">personne ne supprime le th\u00e8me parent<\/a> de votre installation WordPress : sans lui, le th\u00e8me enfant ne fonctionnera pas.<\/li>\n<\/ul>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Les th\u00e8mes enfants sont une fonctionnalit\u00e9 utile de WordPress qui vous permet de <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-personnaliser-theme-wordpress\/\">personnaliser un th\u00e8me<\/a> sans modifier directement son code. Vous pouvez en utiliser un pour ajouter des fonctionnalit\u00e9s suppl\u00e9mentaires \u00e0 un th\u00e8me, pour personnaliser le style ou pour cr\u00e9er\/modifier des fichiers mod\u00e8les.<\/p>\n<p>Si vous suivez les conseils ci-dessus, vous serez en mesure de cr\u00e9er des th\u00e8mes enfants dans WordPress en suivant les meilleures pratiques et d&rsquo;en tirer parti pour une vari\u00e9t\u00e9 de t\u00e2ches. Tout cela sans perdre vos modifications et personnalisations lorsque vous mettrez \u00e0 jour le th\u00e8me parent.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous utilisez votre site WordPress depuis un certain temps et il fait ce dont vous avez besoin. Mais maintenant, vous d\u00e9cidez que vous devez le personnaliser. &#8230;<\/p>\n","protected":false},"author":105,"featured_media":30369,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[47,33],"topic":[1038],"class_list":["post-30356","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-themes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)<\/title>\n<meta name=\"description\" content=\"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu&#039;ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)\" \/>\n<meta property=\"og:description\" content=\"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu&#039;ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-22T14:48:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-24T13:43:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu&#039;ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)\",\"datePublished\":\"2019-08-22T14:48:54+00:00\",\"dateModified\":\"2024-01-24T13:43:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\"},\"wordCount\":6635,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"D\u00e9veloppement WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\",\"name\":\"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png\",\"datePublished\":\"2019-08-22T14:48:54+00:00\",\"dateModified\":\"2024-01-24T13:43:33+00:00\",\"description\":\"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu'ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Th\u00e8mes WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/themes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)","description":"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu'ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)","og_description":"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu'ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.","og_url":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-08-22T14:48:54+00:00","article_modified_time":"2024-01-24T13:43:33+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu'ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Rachel McCollin","Dur\u00e9e de lecture estim\u00e9e":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)","datePublished":"2019-08-22T14:48:54+00:00","dateModified":"2024-01-24T13:43:33+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/"},"wordCount":6635,"commentCount":7,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png","keywords":["webdev","WordPress"],"articleSection":["D\u00e9veloppement WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/","name":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png","datePublished":"2019-08-22T14:48:54+00:00","dateModified":"2024-01-24T13:43:33+00:00","description":"Les th\u00e8mes enfants de WordPress sont essentiels pour personnaliser vos th\u00e8mes. Apprenez ce qu'ils sont, comment les utiliser et comment cr\u00e9er des th\u00e8mes enfants pour votre site WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/08\/theme-enfant-dans-wordpress.png","width":1460,"height":730,"caption":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Th\u00e8mes WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/themes-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment cr\u00e9er un th\u00e8me enfant dans WordPress (Guide \u00e9tendu)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/30356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=30356"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/30356\/revisions"}],"predecessor-version":[{"id":72058,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/30356\/revisions\/72058"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/nl"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/translations\/jp"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/30356\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/30369"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=30356"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=30356"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=30356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}