{"id":70137,"date":"2023-11-28T07:00:36","date_gmt":"2023-11-28T15:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70137"},"modified":"2025-05-26T07:50:53","modified_gmt":"2025-05-26T14:50:53","slug":"alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/","title":{"rendered":"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9?"},"content":{"rendered":"\n<p>Si tu veux que quelque chose soit fait d&#8217;une certaine mani\u00e8re \u2014 eh bien, tu pourrais devoir le faire toi-m\u00eame. Bien que de nombreux <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-find-wp-themes\/\" target=\"_blank\" rel=\"noopener\">th\u00e8mes WordPress<\/a> excellents soient disponibles, en trouver un qui r\u00e9pond \u00e0 tes besoins sp\u00e9cifiques peut s&#8217;av\u00e9rer difficile. Lors de ta recherche de la solution parfaite, tu pourrais \u00eatre tent\u00e9 de cr\u00e9er ton propre th\u00e8me WordPress personnalis\u00e9.<\/p>\n\n\n<p>Heureusement, cr\u00e9er un th\u00e8me personnalis\u00e9 pour WordPress est un processus relativement simple. \u00c9tonnamment, cela ne n\u00e9cessite pas beaucoup de connaissances techniques ni d&#8217;exp\u00e9rience en d\u00e9veloppement web. De plus, construire ton propre th\u00e8me peut vraiment valoir l&#8217;effort, puisque tu peux faire en sorte que ton site ressemble exactement \u00e0 ce que tu veux.<\/p>\n\n\n<h2 id=\"design\" class=\"wp-block-heading\">Concevoir Un Site Web WordPress Personnalis\u00e9<\/h2>\n\n\n<p>Tu veux que ton site soit superbe et qu&#8217;il dispose de toutes les fonctionnalit\u00e9s dont tu as besoin, alors tu consultes l&#8217;<a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">Annuaire des th\u00e8mes WordPress<\/a>:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes.jpg\" alt=\"capture d'\u00e9cran de la vue principale des th\u00e8mes WordPress avec trois options de th\u00e8me affich\u00e9es\" class=\"wp-image-42452 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-300x150.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-1024x512.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-768x384.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-1536x768.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-600x300.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1200x600.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-730x365.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1460x730.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-784x392.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1568x784.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-877x439.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/800;\" \/><\/figure>\n\n\n<p>Malheureusement, rien de ce que tu vois ne r\u00e9pond \u00e0 tes exigences, et tu ne veux pas faire de compromis sur ta vision. Peut-\u00eatre que tu veux quelque chose d&#8217;unique pour que ton site se d\u00e9marque, mais tu ne veux pas d\u00e9penser de l&#8217;argent pour un th\u00e8me premium.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Cr\u00e9ateurs de Pages<\/h3>\n\n\n<p>Une option est d&#8217;utiliser un <a href=\"https:\/\/www.dreamhost.com\/website-builder\/\" target=\"_blank\" rel=\"noopener\">plugin de cr\u00e9ation de pages<\/a>. Ces outils te permettent de prendre un th\u00e8me existant et de r\u00e9organiser la disposition pour r\u00e9pondre \u00e0 tes besoins. La plupart des cr\u00e9ateurs de pages populaires offrent des contr\u00f4les simples par glisser-d\u00e9poser sans n\u00e9cessit\u00e9 de coder. Certains th\u00e8mes polyvalents int\u00e8grent cette fonctionnalit\u00e9.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Th\u00e8mes de Bloc<\/h3>\n\n\n<p>Si tu d\u00e9cides d&#8217;essayer l&#8217;\u00e9diteur natif de WordPress, l&#8217;\u00e9dition compl\u00e8te du site est un ensemble de fonctionnalit\u00e9s dans WordPress qui inclut plusieurs outils pour rendre le processus de conception plus accessible aux propri\u00e9taires de sites.<\/p>\n\n\n<p>En utilisant ce nouvel \u00c9diteur de site, tu peux utiliser des blocs glisser-d\u00e9poser pour personnaliser la plupart de ton site depuis une seule interface, y compris les mod\u00e8les de pages, sans utiliser de code. Voici notre <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">guide complet de l&#8217;\u00e9dition compl\u00e8te du site<\/a>.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Personnalisation Du Th\u00e8me<\/h3>\n\n\n<p>Si tu choisis un th\u00e8me personnalisable, tu peux \u00e9galement ajuster l&#8217;apparence de ton site sans devenir technique. En utilisant le Customizer WordPress et le panneau Theme Options, tu devrais pouvoir ajuster divers \u00e9l\u00e9ments de design :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Sch\u00e9ma de couleurs<\/b> : Depuis la couleur d&#8217;arri\u00e8re-plan de ton site jusqu&#8217;\u00e0 la teinte particuli\u00e8re de ton texte principal.<\/li>\n\n\n\n<li><b>Typographie<\/b> : Cela couvre les polices utilis\u00e9es sur ton site et comment le texte est affich\u00e9 dans diff\u00e9rents types de contenus.<\/li>\n\n\n\n<li><b>Disposition<\/b> : Certains th\u00e8mes te permettent de passer entre diff\u00e9rentes dispositions et de choisir comment ton site doit s&#8217;adapter \u00e0 diff\u00e9rentes tailles d&#8217;\u00e9cran.<\/li>\n\n\n<\/ul>\n\n\n<p>Le choix pr\u00e9cis des options ici d\u00e9pendra du th\u00e8me que tu choisis et de la mani\u00e8re dont il s&#8217;harmonise avec le reste de tes actifs de marque et <a href=\"https:\/\/www.hubspot.com\/campaign-assistant\" target=\"_blank\" rel=\"noreferrer noopener\">campagnes marketing<\/a>. Les th\u00e8mes premium ont tendance \u00e0 offrir plus de fonctionnalit\u00e9s de personnalisation.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Cr\u00e9ation D&#8217;un Th\u00e8me Enfant<\/h3>\n\n\n<p>Si tu veux plus de contr\u00f4le, tu pourrais envisager de <a href=\"https:\/\/www.dreamhost.com\/blog\/install-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">cr\u00e9er un th\u00e8me enfant<\/a>.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Th\u00e8me Enfant<\/h3>\n    <p>Un \u00ab th\u00e8me enfant \u00bb est un th\u00e8me WordPress avec la m\u00eame apparence et fonctionnalit\u00e9 que son \u00ab th\u00e8me parent \u00bb. Cependant, tu peux personnaliser ses fichiers s\u00e9par\u00e9ment des fichiers de son th\u00e8me parent.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/child-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            En savoir plus                    <\/a>\n\n<\/div>\n\n\n<p>\u00c9tant donn\u00e9 le nombre de choix dans l&#8217;annuaire des th\u00e8mes WordPress, il est probable que tu trouves un th\u00e8me qui r\u00e9pond \u00e0 certaines (sinon toutes) de tes attentes. Plut\u00f4t que de partir d&#8217;un mod\u00e8le tr\u00e8s basique, tu peux adapter le th\u00e8me existant pour qu&#8217;il corresponde \u00e0 ta vision.<\/p>\n\n\n<p>En surface, un th\u00e8me enfant WordPress fonctionne comme tout autre th\u00e8me. La diff\u00e9rence principale est que le th\u00e8me enfant h\u00e9rite des attributs d&#8217;un th\u00e8me parent (le th\u00e8me original que tu as choisi d&#8217;utiliser).<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes.jpg\" alt=\"Quatre options de th\u00e8mes parent affich\u00e9es autour d'une option pour &quot;ajouter votre th\u00e8me&quot; \" class=\"wp-image-42453 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Cette relation permet au th\u00e8me enfant de remplacer des parties sp\u00e9cifiques du th\u00e8me parent tout en conservant la majeure partie de l&#8217;apparence et des fonctionnalit\u00e9s du parent.<\/p>\n\n\n<p>Les th\u00e8mes enfant offrent une m\u00e9thode efficace pour personnaliser un th\u00e8me existant sans modifier les fichiers du th\u00e8me parent. Il est essentiel de mettre \u00e0 jour les th\u00e8mes parent et enfant pour les corrections de s\u00e9curit\u00e9 et de bugs. Le plus souvent, seul le th\u00e8me parent devra \u00eatre mis \u00e0 jour.<\/p>\n\n\n<p>De ce fait, utiliser un th\u00e8me enfant est une mani\u00e8re efficace de cr\u00e9er une pr\u00e9sence en ligne unique sans trop s&#8217;immerger dans le monde du d\u00e9veloppement.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Contr\u00f4le Complet<\/h3>\n\n\n<p>Parfois, m\u00eame cela ne suffit pas. Quand tu veux construire quelque chose de vraiment unique, il est temps de consid\u00e9rer la cr\u00e9ation de ton propre th\u00e8me.<\/p>\n\n\n<p>Heureusement, d\u00e9velopper un th\u00e8me pour WordPress est plus facile que tu pourrais le penser. Gr\u00e2ce \u00e0 l\u2019interface conviviale de la plateforme et aux nombreux outils disponibles, presque tout le monde peut cr\u00e9er un th\u00e8me personnalis\u00e9.<\/p>\n\n\n<p>Nous allons te guider \u00e0 travers le processus de cr\u00e9ation de ton premier th\u00e8me. Pour commencer, tu auras besoin de deux choses :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Ton propre <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-site-cost\/\" target=\"_blank\" rel=\"noopener\">site web WordPress<\/a><\/li>\n\n\n\n<li>Un <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noopener\">plan d&#8217;h\u00e9bergement de qualit\u00e9<\/a><\/li>\n\n\n<\/ul>\n\n\n<p>Tu b\u00e9n\u00e9ficieras \u00e9galement de l&#8217;exp\u00e9rience avec des <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">environnements de pr\u00e9production locaux<\/a>, car tu en utiliseras un pour cr\u00e9er ton th\u00e8me. Avoir une certaine compr\u00e9hension du <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-css\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a> et du <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-php\/\" target=\"_blank\" rel=\"noopener\">PHP<\/a> sera \u00e9galement utile (bien que pas strictement n\u00e9cessaire).<\/p>\n\n\n<p>Enfin, il y a un outil important que tu voudras avoir, qui rendra le processus beaucoup plus facile : un th\u00e8me de d\u00e9marrage.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"starter\" class=\"wp-block-heading\">Qu&#8217;est-ce Qu&#8217;un Th\u00e8me De D\u00e9marrage ? (Et Pourquoi Devrais-Tu En Utiliser Un)<\/h2>\n\n\n<p>Un th\u00e8me de base est un th\u00e8me WordPress minimaliste que tu peux utiliser comme fondation pour cr\u00e9er le tien. Cela te permet de construire sur une structure solide sans te soucier des complexit\u00e9s de coder un th\u00e8me depuis z\u00e9ro. Cela t&#8217;aidera \u00e9galement \u00e0 comprendre comment fonctionne WordPress en te montrant la structure de base d&#8217;un th\u00e8me et comment toutes ses parties interagissent.<\/p>\n\n\n<p>Il existe de nombreux excellents th\u00e8mes de d\u00e9marrage, y compris <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a>, <a href=\"https:\/\/understrap.com\/\" target=\"_blank\" rel=\"noopener\">UnderStrap<\/a>, et <a href=\"https:\/\/themble.com\/bones\/\" target=\"_blank\" rel=\"noopener\">Bones<\/a> (pour n&#8217;en nommer que quelques-uns).<\/p>\n\n\n<p>Nous utiliserons Underscores pour notre tutoriel. C&#8217;est un choix solide pour les d\u00e9butants car il contient uniquement les bases. De plus, ce th\u00e8me de d\u00e9marrage a \u00e9t\u00e9 d\u00e9velopp\u00e9 par Automattic (l&#8217;\u00e9quipe derri\u00e8re WordPress.com), ce qui signifie qu&#8217;il est plus susceptible d&#8217;\u00eatre s\u00fbr, compatible et bien soutenu \u00e0 long terme.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>WordPress.com<\/h3>\n    <p>WordPress.com est la version h\u00e9berg\u00e9e de WordPress. \u00c9tant donn\u00e9 qu&#8217;il propose une option de plan totalement gratuite, WordPress.com est une plateforme populaire pour les blogs et les sites personnels.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/wordpress-com\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lire Plus                    <\/a>\n\n<\/div>\n\n\n<h2 id=\"develop\" class=\"wp-block-heading\">Comment D\u00e9velopper Ton Premier Th\u00e8me WordPress (En 5 \u00c9tapes)<\/h2>\n\n\n<p>Avec les pr\u00e9paratifs termin\u00e9s, tu es enfin pr\u00eat \u00e0 commencer \u00e0 cr\u00e9er ton premier th\u00e8me. Comme nous l&#8217;avons mentionn\u00e9 pr\u00e9c\u00e9demment, nous utiliserons un th\u00e8me de d\u00e9marrage pour ce guide.<\/p>\n\n\n<p>Cependant, si tu veux essayer de tout cr\u00e9er toi-m\u00eame sans mod\u00e8le, tu peux le faire, mais cette approche n\u00e9cessitera beaucoup plus de comp\u00e9tences en codage.<\/p>\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Configure Un Environnement Local<\/h3>\n\n\n<p>La premi\u00e8re chose que tu devras faire est de <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">cr\u00e9er un environnement de d\u00e9veloppement local<\/a>. C&#8217;est en effet un serveur que tu installes sur ton ordinateur, que tu peux utiliser pour d\u00e9velopper et g\u00e9rer des sites WordPress locaux. Un site local est un moyen s\u00fbr de d\u00e9velopper un th\u00e8me sans impacter ton site en direct.<\/p>\n\n\n<p>Il existe de nombreuses mani\u00e8res de cr\u00e9er un environnement local, mais nous utiliserons <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\">Local<\/a>. C\u2019est une m\u00e9thode rapide et facile pour installer gratuitement une version locale de WordPress et elle est compatible avec Mac et Windows :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"875\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local.jpg\" alt=\"Capture d'\u00e9cran de la page d'accueil de Local d\u00e9clarant c'est &quot;L'outil de d\u00e9veloppement WordPress local n\u00b01&quot; \" class=\"wp-image-42454 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-1024x560.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-768x420.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-1536x840.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-600x328.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1200x656.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-730x399.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1460x798.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-784x429.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1568x858.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-877x480.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/875;\" \/><\/figure>\n\n\n<p>Pour commencer, s\u00e9lectionne la version gratuite de Local, choisis ta plateforme, ajoute tes d\u00e9tails et t\u00e9l\u00e9charge l&#8217;installateur. Une fois l&#8217;installation termin\u00e9e, tu peux ouvrir le programme sur ton ordinateur.<\/p>\n\n\n<p>Ici, il te sera demand\u00e9 de configurer ton nouvel environnement local :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP.jpg\" alt=\"Capture d'\u00e9cran de l'\u00e9tape \u00ab Configurer WordPress \u00bb en local demandant le nom d'utilisateur WordPress, le mot de passe et l'email de l'utilisateur\" class=\"wp-image-42455 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>C&#8217;est <a href=\"https:\/\/wpengine.com\/resources\/local-wordpress-development-environment-how-to\/\" target=\"_blank\" rel=\"noopener\">un processus simple<\/a>, et tu auras ton site WordPress local pr\u00eat en quelques minutes. Une fois configur\u00e9, ton nouveau site aura l&#8217;apparence et fonctionnera exactement comme un site WordPress en ligne.<\/p>\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : T\u00e9l\u00e9charge et installe ton th\u00e8me de d\u00e9marrage<\/h3>\n\n\n<p>Comme la plupart des th\u00e8mes de d\u00e9marrage, <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a> est tr\u00e8s facile \u00e0 utiliser. En fait, tout ce que tu dois faire, c&#8217;est te rendre sur le site et nommer ton th\u00e8me :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1050\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores.jpg\" alt=\"capture d\u2019\u00e9cran du th\u00e8me initial Underscores d\u00e9clarant &quot;Cr\u00e9e ton th\u00e8me bas\u00e9 sur Underscores&quot; avec une bo\u00eete de texte &quot;nom du th\u00e8me&quot; \u00e0 c\u00f4t\u00e9 d\u2019un bouton &quot;g\u00e9n\u00e9rer&quot;\" class=\"wp-image-42456 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-300x197.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-1024x672.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-768x504.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-1536x1008.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-600x394.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1200x788.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-730x479.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1460x958.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-784x515.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1568x1029.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-877x576.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1050;\" \/><\/figure>\n\n\n<p>Si tu veux, tu peux cliquer sur <i>Options avanc\u00e9es<\/i> pour personnaliser davantage le th\u00e8me de base :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"550\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option.jpg\" alt=\"Gros plan sur la bo\u00eete de texte &quot;Nom du th\u00e8me&quot; avec &quot;Options avanc\u00e9es&quot; affich\u00e9es juste en dessous\" class=\"wp-image-42457 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-300x103.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-1024x352.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-768x264.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-1536x528.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-600x206.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1200x413.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-730x251.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1460x502.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-784x270.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1568x539.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-877x301.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/550;\" \/><\/figure>\n\n\n<p>Ici, tu peux remplir plus d&#8217;informations, telles que le nom de l&#8217;auteur, et donner une description au th\u00e8me :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author.jpg\" alt=\"La m\u00eame bo\u00eete de texte du nom du th\u00e8me montrant maintenant des bo\u00eetes de texte suppl\u00e9mentaires : slug du th\u00e8me, auteur, URL de l\u2019auteur, et description ainsi que des cases \u00e0 cocher pour &quot;WooCommerce boilerplate&quot; et &quot;_sassify!&quot; \" class=\"wp-image-42458 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Il y a aussi l&#8217;option <i>_sassify!<\/i>, qui ajoutera des fichiers Syntactically Awesome StyleSheets (SASS) \u00e0 ton th\u00e8me. SASS est un langage de pr\u00e9traitement pour CSS qui te permet d&#8217;utiliser des variables, de l&#8217;imbrication, des op\u00e9rateurs math\u00e9matiques, et plus encore.<\/p>\n\n\n<p>Lorsque tu as fait tes choix, tu peux cliquer sur <i>Generate<\/i>, ce qui t\u00e9l\u00e9chargera un fichier <i>.zip<\/i> contenant ton th\u00e8me de d\u00e9part. C&#8217;est le fichier principal autour duquel tu d\u00e9velopperas ton propre th\u00e8me, donc tu devras <a href=\"https:\/\/www.dreamhost.com\/blog\/tutorial-how-to-install-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">l&#8217;installer sur ton site local<\/a>.<\/p>\n\n\n<p>Une fois que tu as install\u00e9 ton th\u00e8me, tu peux pr\u00e9visualiser ton site pour voir \u00e0 quoi il ressemble. C&#8217;est tr\u00e8s basique pour l&#8217;instant, mais \u00e7a ne le restera pas longtemps !<\/p>\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : D\u00e9couvre Les Diff\u00e9rents Composants D&#8217;un Th\u00e8me WordPress<\/h3>\n\n\n<p>Avant de pouvoir personnaliser ton th\u00e8me, tu dois comprendre la fonction de ses composants et comment ils s&#8217;assemblent.<\/p>\n\n\n<p>Tout d&#8217;abord, discutons des <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\" target=\"_blank\" rel=\"noopener\">fichiers de mod\u00e8le<\/a>, qui sont les principaux \u00e9l\u00e9ments constitutifs d&#8217;un th\u00e8me WordPress. Ces fichiers d\u00e9terminent la disposition et l&#8217;apparence du contenu sur ton site.<\/p>\n\n\n<p>Par exemple, <i>header.php<\/i> est utilis\u00e9 pour cr\u00e9er un en-t\u00eate, tandis que <i>comments.php<\/i> te permet d&#8217;afficher les commentaires.<\/p>\n\n\n<p>WordPress d\u00e9termine quels fichiers de mod\u00e8le utiliser sur chaque page en parcourant la <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\" target=\"_blank\" rel=\"noopener\">hi\u00e9rarchie des mod\u00e8les<\/a>. Voici <a href=\"https:\/\/wphierarchy.com\/\" target=\"_blank\" rel=\"noopener\">l&#8217;ordre<\/a> dans lequel WordPress recherchera les fichiers de mod\u00e8le correspondants \u00e0 chaque fois qu&#8217;une page de votre site est charg\u00e9e.<\/p>\n\n\n<p>Par exemple, si tu visites l&#8217;URL <i>http:\/\/example.com\/post\/this-post<\/i>, WordPress cherchera les fichiers de mod\u00e8le suivants dans cet ordre :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Fichiers correspondant au slug, tels que <i>this-post<\/i><\/li>\n\n\n\n<li>Fichiers correspondant \u00e0 l&#8217;ID du post<\/li>\n\n\n\n<li>Un fichier de post unique g\u00e9n\u00e9rique, tel que <i>single.php<\/i><\/li>\n\n\n\n<li>Un fichier d&#8217;archive, tel que <i>archive.php<\/i><\/li>\n\n\n\n<li>Le fichier <i>index.php<\/i><\/li>\n\n\n<\/ol>\n\n\n<p>Puisque le fichier <i>index.php<\/i> est requis par tous les th\u00e8mes, c&#8217;est l&#8217;option par d\u00e9faut si aucun autre fichier ne peut \u00eatre trouv\u00e9. Underscores contient les fichiers de th\u00e8me les plus courants, qui fonctionneront directement. Toutefois, tu peux <a href=\"https:\/\/www.designbombs.com\/working-with-underscores-theme-beginner-developer\/\" target=\"_blank\" rel=\"noopener\">exp\u00e9rimenter leur modification<\/a> si tu veux comprendre comment ils fonctionnent ensemble.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Fichiers principaux du th\u00e8me<\/h4>\n\n\n<p>En plus du fichier <i>index.php<\/i>, tu trouveras les fichiers suivants dans la plupart des th\u00e8mes WordPress :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>header.php<\/b> : Ce fichier contient le HTML pour ton mod\u00e8le d&#8217;en-t\u00eate personnalis\u00e9, incluant les m\u00e9tadonn\u00e9es et les liens vers les feuilles de style. Note que les menus sont g\u00e9n\u00e9ralement g\u00e9r\u00e9s par la fonctionnalit\u00e9 de menu personnalis\u00e9 de WordPress.<\/li>\n\n\n\n<li><b>footer.php<\/b> : Ce fichier contient le HTML pour le mod\u00e8le de pied de page de ton site web.<\/li>\n\n\n\n<li><b>sidebar.php<\/b> : Si tu souhaites que ton site web ait une barre lat\u00e9rale, le code proviendra de ce fichier. Garde \u00e0 l&#8217;esprit que ceci est simplement la structure ; les <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/widget\/\" target=\"_blank\" rel=\"noopener\">widgets<\/a> sont contr\u00f4l\u00e9s depuis la zone d&#8217;administration.<\/li>\n\n\n\n<li><b>single.php<\/b> : C&#8217;est le fichier mod\u00e8le pour les articles de blog individuels. Si tu souhaites prendre en charge diff\u00e9rents types de publications, tu peux cr\u00e9er plusieurs fichiers.<\/li>\n\n\n\n<li><b>page.php<\/b> : La disposition par d\u00e9faut des pages individuelles provient de ce fichier. Encore une fois, tu peux cr\u00e9er plus d&#8217;un mod\u00e8le \u2014 par exemple, tu pourrais cr\u00e9er un design de page produit pour une boutique en ligne.<\/li>\n\n\n\n<li><b>comments.php<\/b> : Ce fichier contr\u00f4le l&#8217;affichage des commentaires sous tes articles de blog et sur les pages.<\/li>\n\n\n\n<li><b>search.php<\/b> : Lorsqu&#8217;une personne utilise la fonctionnalit\u00e9 de recherche sur ton site web, ce mod\u00e8le d\u00e9finit l&#8217;apparence des r\u00e9sultats de recherche.<\/li>\n\n\n<\/ul>\n\n\n<p>En g\u00e9n\u00e9ral, tu n&#8217;auras besoin de modifier ces fichiers que si tu souhaites ajouter du contenu ou changer radicalement la disposition de ton site. La plupart des autres ajustements peuvent \u00eatre r\u00e9alis\u00e9s en utilisant du CSS personnalis\u00e9 dans ton fichier de feuille de style.<\/p>\n\n\n<h4 class=\"wp-block-heading\">La Boucle<\/h4>\n\n\n<p>Un autre \u00e9l\u00e9ment important que tu dois comprendre est la Boucle. WordPress utilise ce code pour afficher le contenu, donc dans beaucoup de sens, c\u2019est le c\u0153ur battant de ton site. Il appara\u00eet dans tous les fichiers de mod\u00e8le qui affichent le contenu des articles, tels que <i>index.php<\/i> ou <i>sidebar.php<\/i>.<\/p>\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\" target=\"_blank\" rel=\"noopener\">The Loop<\/a> est un sujet complexe que nous te recommandons de lire davantage si tu veux comprendre comment WordPress affiche le contenu des articles. Heureusement, la boucle sera d\u00e9j\u00e0 int\u00e9gr\u00e9e dans ton th\u00e8me gr\u00e2ce \u00e0 Underscores, donc il n&#8217;est pas n\u00e9cessaire de s&#8217;en pr\u00e9occuper pour le moment.<\/p>\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 4 : Configurer Ton Th\u00e8me<\/h3>\n\n\n<p>Il est facile de penser que les th\u00e8mes sont purement \u00e0 des fins esth\u00e9tiques, mais ils ont en r\u00e9alit\u00e9 un impact consid\u00e9rable sur la fonctionnalit\u00e9 de ton site. Regardons comment tu peux effectuer quelques personnalisations de base.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Ajouter Des Fonctionnalit\u00e9s Avec Des Crochets<\/h4>\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/plugin-api-hooks\/\" target=\"_blank\" rel=\"noopener\">Hooks<\/a> sont des extraits de code ins\u00e9r\u00e9s dans les fichiers de mod\u00e8le, qui permettent d&#8217;ex\u00e9cuter des actions PHP dans diff\u00e9rentes zones d&#8217;un site, d&#8217;ins\u00e9rer du style et d&#8217;afficher d&#8217;autres informations. La plupart des hooks sont impl\u00e9ment\u00e9s directement dans le logiciel principal de WordPress, mais certains sont \u00e9galement utiles pour les d\u00e9veloppeurs de th\u00e8mes.<\/p>\n\n\n<p>Jetons un coup d&#8217;\u0153il \u00e0 certains des hooks les plus courants et \u00e0 leurs utilisations possibles :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>wp_head()<\/b> : Ajout\u00e9 dans l&#8217;\u00e9l\u00e9ment &lt;head&gt; dans <i>header.php<\/i>. Il permet l&#8217;activation de styles, de scripts et d&#8217;autres informations qui s&#8217;ex\u00e9cutent d\u00e8s que le site se charge. Cela est souvent utilis\u00e9 pour ins\u00e9rer le <a href=\"https:\/\/support.google.com\/analytics\/answer\/1008080?hl=en&amp;utm_medium=et&amp;utm_campaign=en_us&amp;utm_source=SetupChecklist#GA&amp;zippy=%2Cin-this-article%2Cstatic-website\" target=\"_blank\" rel=\"noopener\">code Google Analytics<\/a>.<\/li>\n\n\n\n<li><b>wp_footer()<\/b> : Ajout\u00e9 dans <i>footer.php<\/i> juste avant la balise &lt;\/body&gt;.<\/li>\n\n\n\n<li><b>wp_meta()<\/b> : Appara\u00eet habituellement dans <i>sidebar.php<\/i> pour inclure des scripts suppl\u00e9mentaires (comme un nuage de tags).<\/li>\n\n\n\n<li><b>comment_form()<\/b> : Ajout\u00e9 dans <i>comments.php<\/i> juste avant la fermeture de la balise &lt;\/div&gt; du fichier pour afficher les donn\u00e9es des commentaires.<\/li>\n\n\n<\/ul>\n\n\n<p>Ces hooks seront d\u00e9j\u00e0 inclus dans ton th\u00e8me Underscores. Cependant, nous recommandons toujours de visiter la <a href=\"https:\/\/adambrown.info\/p\/wp_hooks\" target=\"_blank\" rel=\"noopener\">base de donn\u00e9es des Hooks<\/a> pour voir tous les hooks disponibles et <a href=\"https:\/\/codex.wordpress.org\/Plugin_API#Hooks:_Actions_and_Filters\" target=\"_blank\" rel=\"noopener\">en savoir plus<\/a> \u00e0 leur sujet.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Ajouter Des Styles Avec CSS<\/h4>\n\n\n<p><a href=\"https:\/\/wordpress.org\/support\/article\/css\/\" target=\"_blank\" rel=\"noopener\">Les feuilles de style en cascade (CSS)<\/a> d\u00e9finissent l&#8217;apparence de tout le contenu sur ton site. Dans WordPress, cela se fait en utilisant le fichier <i>style.css<\/i>. Tu auras d\u00e9j\u00e0 ce fichier inclus dans ton th\u00e8me, mais pour le moment, il contient seulement le style par d\u00e9faut de base :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet.jpg\" alt=\"modification de la feuille de style CSS d'un nouveau th\u00e8me WordPress personnalis\u00e9\" class=\"wp-image-42459 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Si tu veux un exemple rapide de comment fonctionne le CSS, tu peux modifier n&#8217;importe quel style ici et enregistrer le fichier pour voir les effets. Par exemple, tu peux trouver le code suivant (habituellement \u00e0 la ligne 485) :<\/p>\n\n\n<p><code>a {<\/code><br><code>color: royalblue;<\/code><br><code>}<\/code><\/p>\n\n\n<p>Ce code contr\u00f4le la couleur des hyperliens non visit\u00e9s, qui apparaissent en bleu royal par d\u00e9faut :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue.jpg\" alt=\"Site de test de th\u00e8me montrant des hyperliens bleus sur la page incluant &quot;Hello word&quot; et &quot;theme-tester&quot;\" class=\"wp-image-42460 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Regardons ce qui se passe si nous essayons de changer cela en le rempla\u00e7ant par le code suivant :<\/p>\n\n\n<p><code>a {<\/code><br><code>color: red;<\/code><br><code>}<\/code><\/p>\n\n\n<p>Enregistre le fichier et consulte ton site local. Comme tu peux t&#8217;y attendre, tous les liens non visit\u00e9s appara\u00eetront d\u00e9sormais en rouge vif :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red.jpg\" alt=\"le m\u00eame site de test de th\u00e8me affichant maintenant les hyperliens &quot;Hello World&quot; et &quot;theme-tester&quot; en rouge\" class=\"wp-image-42461 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Tu peux remarquer que le lien visit\u00e9 en haut n&#8217;a pas chang\u00e9 de couleur. C\u2019est parce qu\u2019il est en r\u00e9alit\u00e9 r\u00e9gi par la section suivante dans la feuille de style :<\/p>\n\n\n<p><code>a:visited {<\/code><br><code>color: purple;<\/code><br><code>}<\/code><\/p>\n\n\n<p>Ceci est un exemple tr\u00e8s basique de comment modifier <i>style.css<\/i> influencera l&#8217;apparence de ton site. CSS est un sujet vaste que nous te recommandons d&#8217;explorer davantage si tu souhaites en apprendre plus sur la cr\u00e9ation de designs web. Il existe plein de <a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noopener\">ressources sur le sujet<\/a> pour les d\u00e9butants.<\/p>\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 5 : Exporter Le Th\u00e8me Et Le T\u00e9l\u00e9charger Sur Ton Site<\/h3>\n\n\n<p>Lorsque tu as fini de bidouiller ton th\u00e8me, il est temps de t&#8217;assurer qu&#8217;il fonctionne correctement. Pour ce faire, tu peux utiliser les donn\u00e9es du <a href=\"https:\/\/codex.wordpress.org\/Theme_Unit_Test\" target=\"_blank\" rel=\"noopener\">Theme Unit Test<\/a>.<\/p>\n\n\n<p>Ceci est un ensemble de donn\u00e9es fictives que tu peux t\u00e9l\u00e9charger sur ton site. Il contient de nombreuses variations de styles et de contenus, et cela te permettra de voir comment ton th\u00e8me g\u00e8re des donn\u00e9es impr\u00e9visibles.<\/p>\n\n\n<p>Lorsque tu as bien test\u00e9 ton th\u00e8me et que tu es convaincu qu&#8217;il r\u00e9pond aux <a href=\"https:\/\/make.wordpress.org\/themes\/handbook\/review\/\" target=\"_blank\" rel=\"noopener\">normes requises<\/a>, il ne reste plus qu&#8217;\u00e0 l&#8217;exporter.<\/p>\n\n\n<p>Tout d&#8217;abord, tu devras trouver l&#8217;emplacement de ton site web sur ta machine locale. Tu le trouveras probablement dans un dossier appel\u00e9 <i>Websites,<\/i> \u00e0 l&#8217;int\u00e9rieur de ton r\u00e9pertoire <i>Documents<\/i> par d\u00e9faut.<\/p>\n\n\n<p>Ouvre le dossier du site web et acc\u00e8de \u00e0 <i>\/wp-content\/themes\/<\/i>, o\u00f9 tu trouveras ton th\u00e8me :<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes.jpg\" alt=\"Dossier des th\u00e8mes wp-content de WordPress dans un client FTP\" class=\"wp-image-42462 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Tu peux maintenant utiliser un outil de compression, tel que <a href=\"https:\/\/www.rarlab.com\/download.htm\" target=\"_blank\" rel=\"noopener\">WinRAR<\/a>, pour cr\u00e9er un fichier <i>.zip<\/i> \u00e0 partir du dossier. Il suffit de cliquer droit sur le dossier et de s\u00e9lectionner l&#8217;option qui te permet de le zipper, telle que <i>Compresser \u201cdossier.\u201d<\/i><\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme.jpg\" alt=\"compression d'un th\u00e8me WordPress personnalis\u00e9 pour pr\u00e9parer le t\u00e9l\u00e9chargement\" class=\"wp-image-42463 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Lorsque le dossier est compress\u00e9, il est pr\u00eat \u00e0 \u00eatre t\u00e9l\u00e9charg\u00e9 et install\u00e9 sur n&#8217;importe quel site WordPress, tout comme tu as install\u00e9 ton th\u00e8me Underscores au d\u00e9but.<\/p>\n\n\n<h2 id=\"tips\" class=\"wp-block-heading\">Conseils Pour D\u00e9velopper Ton Premier Th\u00e8me Personnalis\u00e9<\/h2>\n\n\n<p>Lorsque tu commences \u00e0 manipuler du code pour la premi\u00e8re fois, il est toujours possible de faire quelques erreurs. Pour cette raison, il est judicieux de prendre ton temps pour d\u00e9velopper ton premier th\u00e8me et d&#8217;exp\u00e9rimenter dans ton environnement local.<\/p>\n\n\n<p>Voici quelques mesures suppl\u00e9mentaires que tu peux prendre pour assurer que ton th\u00e8me prosp\u00e9rera dans la pratique :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Utilise le contr\u00f4le de version<\/b> : Des syst\u00e8mes comme Git te permettent de suivre les modifications dans ton code au fil du temps et de revenir en arri\u00e8re en cas de bugs.<\/li>\n\n\n\n<li><b>Valide ton code<\/b> : Utilise des outils comme Theme Check et le Validateur W3C pour trouver des erreurs dans ton code. Effectuer des v\u00e9rifications fr\u00e9quentes peut t&#8217;aider \u00e0 d\u00e9tecter les probl\u00e8mes rapidement.<\/li>\n\n\n\n<li><b>Teste ton th\u00e8me<\/b> : Essaye de charger ton th\u00e8me sur diff\u00e9rents navigateurs et appareils pour identifier les probl\u00e8mes de mise en page ou de rendu. Un design qui fonctionne parfaitement sur ton propre ordinateur peut s&#8217;effondrer sur une autre plateforme.<\/li>\n\n\n\n<li><b>Utilise les commentaires de code<\/b> : Te laisser des notes expliquant ce que tout fait peut t&#8217;aider \u00e0 r\u00e9soudre des probl\u00e8mes \u00e0 une date ult\u00e9rieure.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"create\" class=\"wp-block-heading\">Cr\u00e9er Un Th\u00e8me WordPress Personnalis\u00e9<\/h2>\n\n\n<p>Cr\u00e9er un th\u00e8me WordPress personnalis\u00e9 \u00e0 partir de z\u00e9ro n&#8217;est pas une mince affaire. Cependant, le processus pourrait ne pas \u00eatre aussi difficile que tu le penses.<\/p>\n\n\n<p>Pour r\u00e9sumer, voici comment d\u00e9velopper un th\u00e8me WordPress en cinq \u00e9tapes simples :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Configure un environnement local, en utilisant <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\">Local<\/a>.<\/li>\n\n\n\n<li>T\u00e9l\u00e9charge et installe un th\u00e8me de d\u00e9marrage, comme <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a>.<\/li>\n\n\n\n<li>Apprends les diff\u00e9rents composants d&#8217;un th\u00e8me WordPress.<\/li>\n\n\n\n<li>Configure ton th\u00e8me.<\/li>\n\n\n\n<li>Exporte le th\u00e8me et t\u00e9l\u00e9charge-le sur ton site.<\/li>\n\n\n<\/ol>\n\n\n<p>En suivant les directives sur le <a href=\"https:\/\/codex.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">site de documentation Codex<\/a>, tu peux d\u00e9velopper un th\u00e8me qui respecte les normes de qualit\u00e9. Tu pourrais m\u00eame envisager de le soumettre au R\u00e9pertoire de Th\u00e8mes WordPress !<\/p>\n\n\n<h3 class=\"wp-block-heading\">Lance Ton Site WordPress Unique Avec DreamPress<\/h3>\n\n\n<p>Construire un excellent th\u00e8me est la premi\u00e8re \u00e9tape vers la cr\u00e9ation d&#8217;un site web r\u00e9ussi. Nous avons les outils pour t&#8217;aider \u00e0 compl\u00e9ter le reste.<\/p>\n\n\n<p>Avec l&#8217;<a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">h\u00e9bergement g\u00e9r\u00e9 DreamPress<\/a>, tu peux tester n&#8217;importe quel th\u00e8me ou plugin en ligne avec une mise en pr\u00e9production en un clic. Nous fournissons \u00e9galement des sauvegardes \u00e0 toute \u00e9preuve, donc tu peux revenir sur les modifications \u00e0 tout moment, et un cache int\u00e9gr\u00e9 pour des performances optimales.<\/p>\n\n\n<p><a href=\"https:\/\/panel.dreamhost.com\/signup\/?lng=en#!\/dreampress\/?plan=standard&amp;term=yearly&amp;p=DPINTRO\" target=\"_blank\" rel=\"noopener\">Inscris-toi aujourd&#8217;hui<\/a> pour lancer ton site WordPress !<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Nous Rendons WordPress Plus Simple Pour Toi\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Confie-nous la migration de ton site, l&#8217;installation de WordPress, la gestion de la s\u00e9curit\u00e9 et des mises \u00e0 jour, ainsi que l&#8217;optimisation de la performance du serveur. Maintenant, tu peux te concentrer sur ce qui compte le plus : d\u00e9velopper ton site web.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            D\u00e9couvrir les Plans                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Si tu veux que quelque chose soit fait d&#8217;une certaine mani\u00e8re \u2014 eh bien, tu pourrais devoir le faire toi-m\u00eame. Bien que de nombreux excellents th\u00e8mes WordPress soient disponibles, en trouver un qui r\u00e9ponde \u00e0 tes besoins sp\u00e9cifiques peut s&#8217;av\u00e9rer difficile. Dans ta recherche de la solution parfaite, tu pourrais \u00eatre tent\u00e9 de cr\u00e9er ton propre th\u00e8me WordPress personnalis\u00e9. Heureusement, [\u2026]<\/p>\n","protected":false},"author":1077,"featured_media":42447,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"D\u00e9velopper un th\u00e8me pour WordPress n\u2019est pas aussi compliqu\u00e9 que tu pourrais le penser. Dans ce guide \u00e9tape par \u00e9tape, nous allons te montrer comment cr\u00e9er le site parfait !","toc_headlines":"[[\"design\",\"Concevoir Un Site Web WordPress Personnalis\u00e9\"],[\"starter\",\"Qu'est-ce Qu'un Th\u00e8me De D\u00e9marrage ? (Et Pourquoi Devrais-Tu En Utiliser Un)\"],[\"develop\",\"Comment D\u00e9velopper Ton Premier Th\u00e8me WordPress (En 5 \u00c9tapes)\"],[\"tips\",\"Conseils Pour D\u00e9velopper Ton Premier Th\u00e8me Personnalis\u00e9\"],[\"create\",\"Cr\u00e9er Un Th\u00e8me WordPress Personnalis\u00e9\"]]","hide_toc":false,"footnotes":""},"categories":[15013,14995,15009],"tags":[],"class_list":["post-70137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-central-fr","category-tutorials-fr","category-wordpress-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9? - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"D\u00e9velopper un th\u00e8me pour WordPress n\u2019est pas aussi compliqu\u00e9 que tu pourrais le penser. Dans ce guide \u00e9tape par \u00e9tape, nous allons te montrer comment cr\u00e9er le site parfait !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9velopper un th\u00e8me pour WordPress n\u2019est pas aussi compliqu\u00e9 que tu pourrais le penser. Dans ce guide \u00e9tape par \u00e9tape, nous allons te montrer comment cr\u00e9er le site parfait !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-28T15:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T14:50:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9? - DreamHost Blog","description":"D\u00e9velopper un th\u00e8me pour WordPress n\u2019est pas aussi compliqu\u00e9 que tu pourrais le penser. Dans ce guide \u00e9tape par \u00e9tape, nous allons te montrer comment cr\u00e9er le site parfait !","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:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/","og_locale":"en_US","og_type":"article","og_title":"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9?","og_description":"D\u00e9velopper un th\u00e8me pour WordPress n\u2019est pas aussi compliqu\u00e9 que tu pourrais le penser. Dans ce guide \u00e9tape par \u00e9tape, nous allons te montrer comment cr\u00e9er le site parfait !","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-28T15:00:36+00:00","article_modified_time":"2025-05-26T14:50:53+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9?","datePublished":"2023-11-28T15:00:36+00:00","dateModified":"2025-05-26T14:50:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/"},"wordCount":3493,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","articleSection":["Centre D\u00e9veloppeur","Tutoriels","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/","name":"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9? - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","datePublished":"2023-11-28T15:00:36+00:00","dateModified":"2025-05-26T14:50:53+00:00","description":"D\u00e9velopper un th\u00e8me pour WordPress n\u2019est pas aussi compliqu\u00e9 que tu pourrais le penser. Dans ce guide \u00e9tape par \u00e9tape, nous allons te montrer comment cr\u00e9er le site parfait !","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","width":1460,"height":1095,"caption":"man working at a computer looking and smiling at a woman who is explaining something on the computer to him"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/alors-tu-veux-crer-ton-propre-thme-wordpress-personnalis-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Alors Tu Veux Cr\u00e9er Ton Propre Th\u00e8me WordPress Personnalis\u00e9?"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"fr","translations":{"fr":70137,"es":37426,"en":37404,"de":51667,"uk":56663,"pt":56684,"pl":56690,"ru":56693,"it":68277,"nl":70166},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70137"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70137\/revisions"}],"predecessor-version":[{"id":70139,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70137\/revisions\/70139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42447"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}