{"id":70315,"date":"2022-05-02T08:08:12","date_gmt":"2022-05-02T15:08:12","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70315"},"modified":"2025-05-26T07:58:38","modified_gmt":"2025-05-26T14:58:38","slug":"dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/","title":{"rendered":"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template"},"content":{"rendered":"\n<p>Avec l&#8217;introduction de <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a>, tu peux maintenant utiliser l&#8217;\u00c9dition Compl\u00e8te du Site pour personnaliser l&#8217;apparence de ton th\u00e8me. De plus, tu peux acc\u00e9der \u00e0 plus de fonctionnalit\u00e9s de design pour construire ton site web sans coder en utilisant un th\u00e8me bas\u00e9 sur des blocs. Cependant, ces param\u00e8tres de base pourraient ne pas r\u00e9pondre \u00e0 tes besoins.<\/p>\n\n\n<p>Heureusement, tu peux facilement ajouter des mod\u00e8les personnalis\u00e9s et des parties de mod\u00e8le \u00e0 ton th\u00e8me de blocs WordPress. Que ce soit en utilisant l&#8217;\u00c9dition Compl\u00e8te de Site ou en modifiant ton fichier de th\u00e8me, tu peux cr\u00e9er un <a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\">agencement personnalis\u00e9<\/a> \u00e0 r\u00e9utiliser lors de la conception de nouveaux contenus.<\/p>\n\n\n<p>Dans cet article, nous allons discuter de ce que sont les mod\u00e8les et les parties de mod\u00e8les. Ensuite, nous te montrerons comment les cr\u00e9er dans WordPress. Commen\u00e7ons !<\/p>\n\n\n<h2 id=\"h-an-introduction-to-wordpress-page-templates\" class=\"wp-block-heading\"><b>Une Introduction Aux Mod\u00e8les De Pages WordPress<\/b><\/h2>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"639\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png\" alt=\"Sch\u00e9ma de la hi\u00e9rarchie des mod\u00e8les de page WordPress\" class=\"wp-image-37192 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-300x187.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-768x479.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1536x958.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-600x374.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-750x468.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-100x62.png 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy.png.webp 1685w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/639;\" \/><\/figure><\/div>\n\n<p>Les th\u00e8mes sont l&#8217;une des fonctionnalit\u00e9s les plus polyvalentes de WordPress. En installant un th\u00e8me sur ton site, tu peux radicalement modifier son apparence pour r\u00e9pondre \u00e0 tes besoins. De plus, il est g\u00e9n\u00e9ralement facile de trouver des th\u00e8mes qui correspondent \u00e0 ton cr\u00e9neau particulier et offrent beaucoup de flexibilit\u00e9 pendant le processus de conception.<\/p>\n\n\n<p>Cependant, il y a quelques choses qui sont difficiles \u00e0 r\u00e9aliser si tu utilises uniquement un th\u00e8me pour personnaliser l&#8217;apparence de ton site. Par exemple, que faire si tu veux que tes archives aient une mise en page tr\u00e8s diff\u00e9rente du reste de tes pages ? De m\u00eame, tu pourrais vouloir que la barre lat\u00e9rale contienne des informations diff\u00e9rentes selon les types de pages.<\/p>\n\n\n<p>Entrez les mod\u00e8les de page \u2014 un moyen d&#8217;obtenir plus de contr\u00f4le sur l&#8217;apparence de ton site. \u00c0 certains \u00e9gards, les mod\u00e8les de page sont tr\u00e8s similaires aux th\u00e8mes. Les deux sont des fichiers avec du code qui indiquent \u00e0 ton site comment afficher les informations.<\/p>\n\n\n<p>Comme le sugg\u00e8re le nom, cependant, un mod\u00e8le de page contr\u00f4le uniquement le style d&#8217;une page particuli\u00e8re (ou type de page). De nombreux th\u00e8mes proposent diff\u00e9rents mod\u00e8les de page parmi lesquels choisir, mais tu peux \u00e9galement cr\u00e9er le tien. Ainsi, tu peux d\u00e9cider exactement comment il doit \u00eatre configur\u00e9 et quelles pages doivent \u00eatre assign\u00e9es pour suivre ce mod\u00e8le.<\/p>\n\n\n<p>Comprendre et utiliser les templates est un peu plus technique que de g\u00e9rer des th\u00e8mes. Si tu veux vraiment comprendre le fonctionnement des templates, tu pourrais passer du temps \u00e0 lire sur la <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\" target=\"_blank\" rel=\"noopener\">Hi\u00e9rarchie des Templates WordPress<\/a>. Ce syst\u00e8me attribue un niveau de priorit\u00e9 \u00e0 chaque type de template afin que ton site WordPress sache toujours lequel afficher.<\/p>\n\n\n<p>Nous n&#8217;entrerons pas trop dans les d\u00e9tails \u00e0 propos de ce concept pour le moment car nous allons d&#8217;abord nous concentrer sp\u00e9cifiquement sur les mod\u00e8les de pages. Commen\u00e7ons par explorer pourquoi tu pourrais vouloir utiliser des mod\u00e8les en premier lieu.<\/p>\n\n\n<h2 id=\"h-the-benefits-of-using-page-templates\" class=\"wp-block-heading\"><b>Les Avantages D&#8217;Utiliser Des Mod\u00e8les De Page<\/b><\/h2>\n\n\n<p>\u00c0 ce stade, tu devrais avoir une id\u00e9e de pourquoi les mod\u00e8les de pages sont si utiles. Ils offrent beaucoup plus de contr\u00f4le sur l&#8217;apparence et la disposition de ton site que ce que tu peux g\u00e9n\u00e9ralement obtenir en modifiant ton th\u00e8me. Les applications pour les mod\u00e8les de pages sont nombreuses \u2014 la seule limite est ta propre cr\u00e9ativit\u00e9.<\/p>\n\n\n<p>Pour te donner une id\u00e9e de l&#8217;importance de cette fonctionnalit\u00e9, voici quelques exemples de situations dans lesquelles tu pourrais vouloir utiliser un mod\u00e8le de page :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Si tu veux qu&#8217;une page particuli\u00e8re ait une mise en page en pleine largeur tout en conservant un design \u00e0 largeur fixe pour les autres pages.<\/li>\n\n\n\n<li>Pour cr\u00e9er une page personnalis\u00e9e qui utilise des widgets non affich\u00e9s sur les autres pages.<\/li>\n\n\n\n<li>Pour afficher des articles recommand\u00e9s aux lecteurs qui sont pertinents pour le contenu sp\u00e9cifique qu&#8217;ils consultent.<\/li>\n\n\n\n<li>Pour construire une page avec un ensemble unique de fonctionnalit\u00e9s, tel qu&#8217;une page de contributeur ou des archives.<\/li>\n\n\n<\/ul>\n\n\n<p>\u00c0 la fin de cet article, nous allons te montrer comment faire chacune de ces choses. Une fois que tu auras commenc\u00e9 \u00e0 exp\u00e9rimenter avec les mod\u00e8les de page et \u00e0 comprendre comment ils fonctionnent, tu pourras faire tout ce que tu veux avec.<\/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=\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\" class=\"wp-block-heading\"><b>Une Introduction \u00c0 L&#8217;\u00c9dition Compl\u00e8te Du Site Avec Des Mod\u00e8les Et Des Parties De Mod\u00e8les<\/b><\/h2>\n\n\n<p>En utilisant l&#8217;<a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">\u00c9dition Compl\u00e8te du Site<\/a>, tu peux concevoir la disposition de ton site web avec des blocs. Tu utilises probablement d\u00e9j\u00e0 des blocs pour cr\u00e9er des articles WordPress. Maintenant, ils peuvent construire ton site entier, y compris les zones non li\u00e9es au contenu.<\/p>\n\n\n<p>Un avantage de l&#8217;\u00e9dition compl\u00e8te de site est ses mod\u00e8les de page. Ils te permettent de voir et de personnaliser facilement tes mod\u00e8les sans avoir \u00e0 \u00e9diter manuellement tes fichiers de th\u00e8me :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"631\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg\" alt=\"l'\u00e9cran des mod\u00e8les WordPress\" class=\"wp-image-37186 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-768x473.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1536x947.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-750x462.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-100x62.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/631;\" \/><\/figure><\/div>\n\n<p>Dans WordPress, il y a aussi des parties de mod\u00e8le, qui fonctionnent comme des sections structurelles plus petites d&#8217;un mod\u00e8le de page. Tu verras g\u00e9n\u00e9ralement des parties de mod\u00e8le pour les en-t\u00eates ou les pieds de page :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"l'\u00e9cran des parties de template dans WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n<p>En utilisant un mod\u00e8le, tu peux construire des pages avec des fonctionnalit\u00e9s uniques. Par exemple, tu pourrais ne pas vouloir que ta <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\">page d&#8217;accueil<\/a> ait la m\u00eame disposition que le reste de ton contenu. Par cons\u00e9quent, tu peux obtenir un design unique avec un mod\u00e8le de page.<\/p>\n\n\n<p>De plus, tu peux gagner du temps pendant le processus de conception en r\u00e9utilisant des mod\u00e8les et des parties de mod\u00e8les. En cliquant simplement sur un mod\u00e8le ou un \u00e9l\u00e9ment individuel, tu peux l&#8217;impl\u00e9menter instantan\u00e9ment.<\/p>\n\n\n<h2 id=\"h-how-to-make-templates-in-wordpress-with-the-template-editor\" class=\"wp-block-heading\"><b>Comment Cr\u00e9er Des Mod\u00e8les Dans WordPress Avec L&#8217;\u00c9diteur De Mod\u00e8les<\/b><\/h2>\n\n\n<p>Si tu utilises un th\u00e8me par blocs, il est \u00e9quip\u00e9 de l&#8217;<a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\">\u00c9diteur de Mod\u00e8les<\/a>. En utilisant cette fonctionnalit\u00e9, tu peux cr\u00e9er et modifier des mod\u00e8les pour n&#8217;importe quelle page ou publication sur ton site web. Il fonctionne de mani\u00e8re similaire \u00e0 l&#8217;\u00c9diteur de Blocs, te permettant de personnaliser ton th\u00e8me avec des blocs.<\/p>\n\n\n<p>Pour commencer, tu devras installer un th\u00e8me par blocs. Dans ton tableau de bord WordPress, navigue vers <i>Apparence &gt; Th\u00e8mes &gt; Ajouter nouveau<\/i>. Ensuite, filtre les r\u00e9sultats avec une \u00e9tiquette <i>\u00c9dition compl\u00e8te du site<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"561\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg\" alt=\"activer l'\u00e9dition compl\u00e8te du site dans WordPress\" class=\"wp-image-37182 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-750x411.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-100x55.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/561;\" \/><\/figure><\/div>\n\n<p>S\u00e9lectionne <i>Appliquer les filtres<\/i>. Dans les r\u00e9sultats de recherche, installe et active un th\u00e8me. Nous utiliserons le th\u00e8me par d\u00e9faut Twenty Twenty-Two pour ce tutoriel :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"729\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg\" alt=\"personnalisation des th\u00e8mes dans WordPress\" class=\"wp-image-37181 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-300x214.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-768x547.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-600x427.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-750x534.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-100x71.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress.jpg.webp 1422w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/729;\" \/><\/figure><\/div>\n\n<p>Pour cr\u00e9er un nouveau mod\u00e8le, commence par ajouter un nouvel article ou une nouvelle page. Ensuite, dans l&#8217;onglet des param\u00e8tres de <i>Post<\/i>, trouve la section <i>Template<\/i> et s\u00e9lectionne le bouton <i>New<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"447\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg\" alt=\"s\u00e9lection de ton mod\u00e8le de page WordPress dans l'\u00e9diteur\" class=\"wp-image-37183 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-768x335.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1536x670.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-600x262.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-750x327.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-100x44.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/447;\" \/><\/figure><\/div>\n\n<p>Dans la fen\u00eatre pop-up, donne ton nouveau mod\u00e8le un nom. Ensuite, s\u00e9lectionne <i>Cr\u00e9er<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"842\" height=\"580\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg\" alt=\"cr\u00e9er un nouveau mod\u00e8le personnalis\u00e9 dans WordPress\" class=\"wp-image-37180 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg.webp 842w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-768x529.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-600x413.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-750x517.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-100x69.jpg 100w\" data-sizes=\"(max-width: 842px) 100vw, 842px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 842px; --smush-placeholder-aspect-ratio: 842\/580;\" \/><\/figure><\/div>\n\n<p>Cela ouvrira automatiquement l&#8217;\u00e9diteur de mod\u00e8les. Tu peux concevoir ton mod\u00e8le en utilisant les m\u00eames blocs que tu utiliserais dans un article. Cependant, il est important de noter que ces blocs seront ajout\u00e9s \u00e0 chaque article avec ce mod\u00e8le :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg\" alt=\"ajout de blocs \u00e0 une nouvelle partie de mod\u00e8le dans WordPress\" class=\"wp-image-37179 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-750x457.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-100x61.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n<p>Tu peux aussi ins\u00e9rer des blocs li\u00e9s \u00e0 ton th\u00e8me. En faisant d\u00e9filer vers le bas jusqu&#8217;\u00e0 la section <i>Theme<\/i> des options de bloc, tu peux afficher un logo, une accroche, les commentaires des articles, et plus encore :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"548\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg\" alt=\"s\u00e9lection des blocs de th\u00e8me WordPress disponibles\" class=\"wp-image-37194 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-300x161.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-768x411.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1536x822.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-600x321.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-750x401.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/548;\" \/><\/figure><\/div>\n\n<p>Lorsque tu auras fini de personnaliser ton mod\u00e8le, clique sur <i>Publier<\/i>. Ensuite, chaque fois que tu souhaiteras attribuer un article ou une page \u00e0 ce mod\u00e8le, s\u00e9lectionne-le simplement dans l&#8217;onglet des param\u00e8tres.<\/p>\n\n\n<h2 id=\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\" class=\"wp-block-heading\"><b>Comment Cr\u00e9er des Parties de Mod\u00e8le dans WordPress avec l&#8217;\u00c9diteur de Site<\/b><\/h2>\n\n\n<p>Avec un th\u00e8me par blocs, tu peux modifier les mod\u00e8les avec l&#8217;\u00e9diteur de site. Tu peux \u00e9diter ton th\u00e8me directement au lieu de cr\u00e9er un nouveau post ou une nouvelle page.<\/p>\n\n\n<p>D&#8217;abord, va \u00e0 ton tableau de bord. Ensuite, s\u00e9lectionne<i> Apparence &gt; \u00c9diteur (b\u00eata)<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"334\" height=\"246\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor.jpg\" alt=\"R\u00e9glage de l'\u00e9diteur de th\u00e8mes WordPress dans le menu Apparence\" class=\"wp-image-37195 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-themes-editor.jpg.webp 334w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-100x74.jpg 100w\" data-sizes=\"(max-width: 334px) 100vw, 334px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 334px; --smush-placeholder-aspect-ratio: 334\/246;\" \/><\/figure><\/div>\n\n<p>Cela ouvrira l&#8217;\u00e9diteur de site. Pour trouver les mod\u00e8les et les parties de mod\u00e8le de ton th\u00e8me, clique sur l&#8217;ic\u00f4ne WordPress dans le coin sup\u00e9rieur gauche :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg\" alt=\"\u00c9diteur de site WordPress\" class=\"wp-image-37191 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1536x716.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-100x47.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/477;\" \/><\/figure><\/div>\n\n<p>Apr\u00e8s avoir s\u00e9lectionn\u00e9 <i>Template Parts<\/i>, tu verras une liste d&#8217;options par d\u00e9faut. Pour ajouter une nouvelle partie de mod\u00e8le, clique sur le bouton <i>Add New<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"l'\u00e9cran des parties de mod\u00e8le dans WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n<p>Ensuite, cr\u00e9e un nom pour ta partie de mod\u00e8le et choisis o\u00f9 la placer. Les trois zones de placement sont <i>G\u00e9n\u00e9ral<\/i>, <i>En-t\u00eate<\/i> et <i>Pied de page<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg\" alt=\"cr\u00e9ation d'une nouvelle partie de mod\u00e8le dans WordPress\" class=\"wp-image-37189 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-300x265.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-768x679.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-600x531.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-750x663.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-100x88.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part.jpg.webp 1244w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/905;\" \/><\/figure><\/div>\n\n<p>Quand tu as termin\u00e9, s\u00e9lectionne <i>Cr\u00e9er<\/i>. Cela te m\u00e8nera \u00e0 la partie de mod\u00e8le isol\u00e9e, que tu peux personnaliser en ajoutant des blocs :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg\" alt=\"WordPress ajoute une nouvelle partie de mod\u00e8le\" class=\"wp-image-33804 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1200x731.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-730x445.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1460x890.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-784x478.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1568x955.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-877x534.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1754x1069.jpg.webp 1754w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n<p>Tu pourrais afficher un appel \u00e0 l&#8217;action simple, le logo du site web, ou tout ce que tu pourrais vouloir r\u00e9utiliser comme partie de mod\u00e8le. Une fois enregistr\u00e9, tu peux l&#8217;ajouter \u00e0 n&#8217;importe quel mod\u00e8le en ins\u00e9rant simplement le bloc <i>Template Part<\/i>.<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t22 WordPress Block Themes Perfect for Full Site Editing [2026]\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-block-themes\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h2 id=\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\" class=\"wp-block-heading\"><b>Comment Cr\u00e9er Des Mod\u00e8les Personnalis\u00e9s Et Des Parties de Mod\u00e8le Dans WordPress (Codage Manuel)<\/b><\/h2>\n\n\n<p>Bien que l&#8217;\u00e9dition compl\u00e8te de site te permette de cr\u00e9er des mod\u00e8les et des parties de mod\u00e8le pour un th\u00e8me existant, tu pourrais vouloir <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">d\u00e9velopper ton th\u00e8me<\/a>. De plus, cette option peut te donner plus de contr\u00f4le sur l&#8217;apparence de ton site web.<\/p>\n\n\n<p>Si tu construis ton nouveau th\u00e8me \u00e0 partir d&#8217;un existant, nous recommandons de <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">cr\u00e9er un th\u00e8me enfant<\/a>. Cette \u00e9tape garantit que les nouvelles mises \u00e0 jour du th\u00e8me parent ne remplaceront pas tes personnalisations.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-add-a-configuration-file\"><b>\u00c9tape 1 : Ajouter Un Fichier De Configuration<\/b><\/h3>\n\n\n<p>Avec les <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\">th\u00e8mes bas\u00e9s sur PHP<\/a> pr\u00e9c\u00e9dents, tu pouvais modifier l&#8217;en-t\u00eate de ton fichier de mod\u00e8le. Cependant, pour cr\u00e9er du contenu personnalis\u00e9 dans un th\u00e8me bas\u00e9 sur des blocs, tu devras cr\u00e9er un nouveau fichier <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><i>theme.json<\/i><\/a>.<\/p>\n\n\n<p>Tu devras d&#8217;abord acc\u00e9der \u00e0 ton site via <a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\">Secure File Transfer Protocol (SFTP)<\/a> ou le tableau de bord du gestionnaire de site de ton fournisseur d&#8217;h\u00e9bergement. Ensuite, cherche le dossier <i>themes<\/i>, qui devrait se trouver sous <i>wp-content<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"420\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg\" alt=\"dossier des th\u00e8mes wp-content dans WordPress via FTP\" class=\"wp-image-37197 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-768x315.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/420;\" \/><\/figure><\/div>\n\n<p>Dans ton dossier de th\u00e8me enfant, cr\u00e9e un nouveau fichier. Nomme-le \u00ab theme.json \u00bb :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg\" alt=\"fichier theme.json\" class=\"wp-image-37187 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-768x272.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-600x213.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-750x266.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-100x35.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file.jpg.webp 1274w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure><\/div>\n\n<p>Dans ce fichier, inclue le num\u00e9ro de version entre accolades. Si tu ne l&#8217;ajoutes pas, il sera lu comme \u00ab version 0 \u00bb :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;\"version\": 2\n}<\/pre>\n\n\n<p>Tu devras configurer ce fichier <i>theme.json<\/i> pour supporter la largeur de ton contenu. Apr\u00e8s ton num\u00e9ro de version, copie et colle <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/#layout\" target=\"_blank\" rel=\"noopener\">ce code suppl\u00e9mentaire<\/a> :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\"settings\": {\n\"layout\": {\n\"contentSize\": \"840px\",\n\"wideSize\": \"1100px\"\n }\n }\n}<\/pre>\n\n\n<p>Cela d\u00e9finira la largeur de ton contenu \u00e0 840px. La largeur large sera \u00e9galement mise \u00e0 jour \u00e0 1100px. Ces valeurs correspondent aux largeurs par d\u00e9faut dans l&#8217;\u00e9diteur de site, mais tu peux les modifier selon tes besoins.<\/p>\n\n\n<p>\u00c9tant donn\u00e9 que la largeur du contenu est maintenant de 840px, cela fournira beaucoup d&#8217;espace pour chaque ligne de caract\u00e8res. Selon la police et la taille que tu as choisies, tu pourrais avoir besoin de l&#8217;ajuster pour que les spectateurs puissent confortablement lire ton contenu.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-new-template-parts\"><b>\u00c9tape 2 : Cr\u00e9er De Nouvelles Parties De Mod\u00e8le<\/b><\/h3>\n\n\n<p>Ensuite, retourne \u00e0 ton dossier <i>themes<\/i> et ouvre le dossier <i>templates<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"419\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg\" alt=\"emplacement du dossier templates dans le dossier th\u00e8mes via un client FTP\" class=\"wp-image-37185 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-768x314.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/419;\" \/><\/figure><\/div>\n\n<p>Ici, cr\u00e9e un fichier <i>index.html<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg\" alt=\"Dossier des th\u00e8mes wp-content de WordPress\" class=\"wp-image-37196 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-768x249.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1536x498.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-750x243.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-100x32.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/332;\" \/><\/figure><\/div>\n\n<p>Retourne dans ton dossier de th\u00e8me et clique sur <i>template-parts<\/i>. Dans ce dossier, cr\u00e9e des fichiers pour <i>footer.html<\/i> et <i>header.html<\/i> :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"520\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg\" alt=\"emplacement du fichier footer.php de WordPress via un client FTP\" class=\"wp-image-37190 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-768x390.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1536x781.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-600x305.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-750x381.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-100x51.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/520;\" \/><\/figure><\/div>\n\n<p>\u00c0 l&#8217;int\u00e9rieur du fichier <i>header.html<\/i>, ajoute les codes pour les blocs du titre de ton site et de la ligne de tag. Tu peux le faire en incluant ce <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">marquage de bloc<\/a>:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:site-title \/--&gt;\n&lt;!-- wp:site-tagline \/--&gt;<\/pre>\n\n\n<p>Ensuite, va dans le fichier footer.html et colle le code suivant :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;\n&lt;p class=\"has-text-align-center\"&gt;Fi\u00e8rement propuls\u00e9 par \n&lt;a href=\"https:\/\/wordpress.org\/\"&gt;WordPress&lt;\/a&gt;.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph \/\u2014-&gt;<\/pre>\n\n\n<p>Une fois que tu ajoutes ces parties de mod\u00e8le, elles peuvent facilement \u00eatre identifi\u00e9es lorsque tu es pr\u00eat \u00e0 tester ton th\u00e8me.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-combine-the-template-parts\"><b>\u00c9tape 3 : Combinez Les Parties Du Mod\u00e8le<\/b><\/h3>\n\n\n<p>La prochaine \u00e9tape consiste \u00e0 placer le balisage de bloc pour les parties de ton mod\u00e8le dans ton fichier HTML de mod\u00e8le. Ouvre le dossier <i>templates<\/i> et trouve le fichier <i>index.html<\/i> que tu as cr\u00e9\u00e9 lors de la derni\u00e8re \u00e9tape.<\/p>\n\n\n<p>Ensuite, tu devras ajouter du code pour tes deux parties de mod\u00e8le :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:template-part {\"slug\":\"header\"} \/--&gt;\n&lt;!-- wp:template-part {\"slug\":\"footer\"} \/\u2014-&gt;<\/pre>\n\n\n<p>Sur la base du nom du fichier de partie de mod\u00e8le, ce nom deviendra le slug. Par exemple, la partie de mod\u00e8le <i>header.html<\/i> aura \u00ab header \u00bb comme slug.<\/p>\n\n\n<p>Ensuite, ajoute le bon \u00e9l\u00e9ment HTML pour chaque partie du mod\u00e8le. Ils identifieront l&#8217;emplacement de la partie du mod\u00e8le :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\"tagName\":\"en-t\u00eate\"\n\"tagName\":\"pied de page\"<\/pre>\n\n\n<p>Si tu pr\u00e9vois d&#8217;utiliser CSS pour identifier cet en-t\u00eate et ce pied de page, tu devras ajouter un nom de classe CSS personnalis\u00e9. Tu peux placer ce code \u00e0 la fin de chaque ligne :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\"className\":\"en-t\u00eate-du-site\"\n\"className\":\"pied-de-page-du-site\"<\/pre>\n\n\n<p>Enfin, le param\u00e8tre de mise en page que tu as ins\u00e9r\u00e9 dans le fichier <i>theme.json<\/i> doit \u00eatre pris en charge. Pour ce faire, ajoute ce code \u00e0 chaque partie du mod\u00e8le :<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\"layout\":{\"inherit\":true}<\/pre>\n\n\n<p>Voici \u00e0 quoi devrait ressembler le code r\u00e9sultant :<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"219\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg\" alt=\"Extraits de code de partie de mod\u00e8le WordPress\" class=\"wp-image-37193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-750x161.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-100x21.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code.jpg.webp 1998w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/219;\" \/><\/figure><\/div>\n\n<p>Une fois que tu as termin\u00e9 de coder, tu peux pr\u00e9visualiser ton site pour voir ces modifications dans ta mise en page.<\/p>\n\n\n<h2 id=\"h-ready-to-create-your-own-custom-templates\" class=\"wp-block-heading\"><b>Pr\u00eat \u00c0 Cr\u00e9er Tes Propres Mod\u00e8les Personnalis\u00e9s ?<\/b><\/h2>\n\n\n<p>Si tu veux simplifier ton processus de conception de site web, c&#8217;est une bonne id\u00e9e d&#8217;utiliser l&#8217;\u00e9dition compl\u00e8te du site. Tu peux facilement personnaliser l&#8217;apparence de ton site avec des mod\u00e8les et des parties de mod\u00e8les en utilisant cette fonctionnalit\u00e9. Cette approche peut \u00eatre une alternative plus simple que de redessiner compl\u00e8tement chaque page \u00e0 partir de z\u00e9ro.<\/p>\n\n\n<p>Pour r\u00e9capituler, voici les diff\u00e9rentes mani\u00e8res de cr\u00e9er des templates et des parties de templates dans WordPress :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Cr\u00e9e un nouveau mod\u00e8le avec l&#8217;\u00e9diteur de mod\u00e8les.<\/li>\n\n\n\n<li>Cr\u00e9e des parties de mod\u00e8le avec l&#8217;\u00e9diteur de site.<\/li>\n\n\n\n<li>Code manuellement des mod\u00e8les et des parties de mod\u00e8le.<\/li>\n\n\n<\/ol>\n\n\n<p>Coder ton propre th\u00e8me peut \u00eatre d\u00e9licat, surtout si tu n&#8217;as pas d&#8217;exp\u00e9rience en d\u00e9veloppement web. Si tu as besoin de personnaliser ta mise en page \u00e0 partir de z\u00e9ro, tu pourrais envisager d&#8217;engager un designer professionnel. Avec notre <a href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/custom-web-design\/\" target=\"_blank\" rel=\"noopener\">Service professionnel de conception web sur mesure<\/a>, tu peux \u00e9viter ce processus de codage compliqu\u00e9 et obtenir un site web de haute qualit\u00e9 con\u00e7u pour ta marque !<\/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      Obtiens Un Site Web Personnalis\u00e9 Dont Tu Serais Fier\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nos designers cr\u00e9eront un site web magnifique de z\u00e9ro pour correspondre parfaitement \u00e0 ta marque.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\"\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<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Avec l&#8217;introduction de WordPress 5.9, tu peux maintenant utiliser l&#8217;\u00e9dition compl\u00e8te du site pour personnaliser l&#8217;apparence de ton th\u00e8me. De plus, tu peux acc\u00e9der \u00e0 plus de fonctionnalit\u00e9s de design pour construire ton site web sans coder en utilisant un th\u00e8me bas\u00e9 sur des blocs. Cependant, ces param\u00e8tres de base peuvent ne pas r\u00e9pondre \u00e0 tes besoins. Heureusement, tu peux facilement ajouter des mod\u00e8les personnalis\u00e9s et des parties de mod\u00e8le [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37177,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Avec WordPress, tu peux maintenant utiliser l\u2019\u00e9dition compl\u00e8te de site pour personnaliser l\u2019apparence de ton th\u00e8me. En savoir plus sur les mod\u00e8les et les parties de mod\u00e8le.","toc_headlines":"[[\"h-an-introduction-to-wordpress-page-templates\",\"Une Introduction Aux Mod\u00e8les De Pages WordPress\"],[\"h-the-benefits-of-using-page-templates\",\"Les Avantages D'Utiliser Des Mod\u00e8les De Page\"],[\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\",\"Une Introduction \u00c0 L'\u00c9dition Compl\u00e8te Du Site Avec Des Mod\u00e8les Et Des Parties De Mod\u00e8les\"],[\"h-how-to-make-templates-in-wordpress-with-the-template-editor\",\"Comment Cr\u00e9er Des Mod\u00e8les Dans WordPress Avec L'\u00c9diteur De Mod\u00e8les\"],[\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\",\"Comment Cr\u00e9er des Parties de Mod\u00e8le dans WordPress avec l'\u00c9diteur de Site\"],[\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\",\"Comment Cr\u00e9er Des Mod\u00e8les Personnalis\u00e9s Et Des Parties de Mod\u00e8le Dans WordPress (Codage Manuel)\"],[\"h-ready-to-create-your-own-custom-templates\",\"Pr\u00eat \u00c0 Cr\u00e9er Tes Propres Mod\u00e8les Personnalis\u00e9s ?\"]]","hide_toc":false,"footnotes":""},"categories":[15011,15005,15009],"tags":[],"class_list":["post-70315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decoding-wordpress-fr","category-website-design-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>D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Avec WordPress, tu peux maintenant utiliser l\u2019\u00e9dition compl\u00e8te de site pour personnaliser l\u2019apparence de ton th\u00e8me. En savoir plus sur les mod\u00e8les et les parties de mod\u00e8le.\" \/>\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\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template\" \/>\n<meta property=\"og:description\" content=\"Avec WordPress, tu peux maintenant utiliser l\u2019\u00e9dition compl\u00e8te de site pour personnaliser l\u2019apparence de ton th\u00e8me. En savoir plus sur les mod\u00e8les et les parties de mod\u00e8le.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-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=\"2022-05-02T15:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T14:58:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\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=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template - DreamHost Blog","description":"Avec WordPress, tu peux maintenant utiliser l\u2019\u00e9dition compl\u00e8te de site pour personnaliser l\u2019apparence de ton th\u00e8me. En savoir plus sur les mod\u00e8les et les parties de mod\u00e8le.","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\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/","og_locale":"en_US","og_type":"article","og_title":"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template","og_description":"Avec WordPress, tu peux maintenant utiliser l\u2019\u00e9dition compl\u00e8te de site pour personnaliser l\u2019apparence de ton th\u00e8me. En savoir plus sur les mod\u00e8les et les parties de mod\u00e8le.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-02T15:08:12+00:00","article_modified_time":"2025-05-26T14:58:38+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T14:58:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/"},"wordCount":2450,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","articleSection":["D\u00e9coder WordPress","Design de Site Web","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/","name":"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T14:58:38+00:00","description":"Avec WordPress, tu peux maintenant utiliser l\u2019\u00e9dition compl\u00e8te de site pour personnaliser l\u2019apparence de ton th\u00e8me. En savoir plus sur les mod\u00e8les et les parties de mod\u00e8le.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","width":900,"height":598,"caption":"WordPress page templates and template parts"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-templates-personnaliss-et-parties-de-template-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"D\u00e9coder WordPress : Templates personnalis\u00e9s et parties de template"}]},{"@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\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"fr","translations":{"fr":70315,"es":33728,"en":33726,"uk":52735,"pt":56850,"de":56853,"pl":56856,"ru":56859,"it":68366,"nl":70336},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70315","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\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70315"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70315\/revisions"}],"predecessor-version":[{"id":70317,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70315\/revisions\/70317"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37177"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}