{"id":71383,"date":"2022-07-06T07:00:36","date_gmt":"2022-07-06T14:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71383"},"modified":"2025-05-26T07:58:04","modified_gmt":"2025-05-26T14:58:04","slug":"dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/","title":{"rendered":"D\u00e9coder WordPress\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON"},"content":{"rendered":"\n<p>Les nouvelles options de configuration de th\u00e8me dans WordPress facilitent plus que jamais la modification de l&#8217;apparence de ton site selon tes besoins sp\u00e9cifiques et uniques. De plus, la possibilit\u00e9 de convertir les th\u00e8mes classiques en th\u00e8mes de blocs ajoute encore plus de fonctionnalit\u00e9s conviviales.<\/p>\n\n\n<p>Dans cet article de blog, le quatri\u00e8me de notre s\u00e9rie \u00ab D\u00e9coder WordPress \u00bb, nous discuterons de ces deux d\u00e9veloppements, y compris ce qu&#8217;ils sont et comment ils peuvent te permettre d&#8217;avoir un site magnifique et personnalis\u00e9, que tu aies des comp\u00e9tences de d\u00e9veloppement WordPress d\u00e9butantes ou interm\u00e9diaires.<\/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-overview-of-wordpress-themes-and-templates\" class=\"wp-block-heading\"><b>Vue D\u2019Ensemble Des Th\u00e8mes Et Mod\u00e8les WordPress<\/b><\/h2>\n\n\n<p>Avant d&#8217;aborder les nouvelles options pour configurer ton th\u00e8me en utilisant les nouvelles possibilit\u00e9s offertes par un fichier appel\u00e9 theme.json, nous allons d&#8217;abord comprendre ce que cela <i>signifie<\/i> r\u00e9ellement de configurer un th\u00e8me. Pour aider \u00e0 comprendre cela, clarifions d&#8217;abord la diff\u00e9rence entre un th\u00e8me et un mod\u00e8le dans WordPress, car il y a souvent une certaine confusion \u00e0 ce sujet, surtout si tu es d\u00e9butant.<\/p>\n\n\n<p>Un th\u00e8me est la conception compl\u00e8te et la base du <a href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" target=\"_blank\" rel=\"noopener\">look and feel<\/a> coh\u00e9rent de ton site. Il inclut des \u00e9l\u00e9ments comme les <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-choose-color-scheme-for-your-website\/\" target=\"_blank\" rel=\"noopener\">palettes de couleurs<\/a>, la <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\" target=\"_blank\" rel=\"noopener\">typographie<\/a>, les dispositions de page, les marges, l&#8217;interligne, les en-t\u00eates et les <a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\">pieds de page<\/a>, le positionnement des barres lat\u00e9rales et d&#8217;autres \u00e9l\u00e9ments. Lorsque tu <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-pick-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">choisis un th\u00e8me<\/a> et l&#8217;installes, tous ces \u00e9l\u00e9ments sont \u00e9galement install\u00e9s automatiquement. Il existe pratiquement un nombre incalculable de th\u00e8mes gratuits et payants disponibles.<\/p>\n\n\n<p>Un <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-templates-template-parts\/\" target=\"_blank\" rel=\"noopener\">mod\u00e8le<\/a>, cependant, est une mise en page d&#8217;une seule page au sein d&#8217;un th\u00e8me de site. Et bien que des modifications puissent \u00eatre apport\u00e9es \u00e0 un mod\u00e8le, elles ne s&#8217;appliquent qu&#8217;aux pages utilisant ce mod\u00e8le, et non \u00e0 l&#8217;ensemble du site. Des \u00e9l\u00e9ments comme personnaliser la mise en page de ton blog, construire des <a href=\"https:\/\/www.dreamhost.com\/blog\/build-lead-generating-landing-pages-wordpress\/\" target=\"_blank\" rel=\"noopener\">pages de destination<\/a> et donner \u00e0 d&#8217;autres contenus un aspect distinctif sont des exemples de ce que tu peux r\u00e9aliser gr\u00e2ce aux mod\u00e8les.<\/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\/07\/wordpress-template-editor-1024x631.jpg\" alt=\"nouvelles options de configuration de th\u00e8me WordPress\" class=\"wp-image-35328 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-768x474.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-730x450.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-784x483.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-877x541.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor.jpg.webp 1200w\" 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<h2 id=\"h-so-what-are-theme-configuration-options-then\" class=\"wp-block-heading\"><b>Alors, Quelles Sont Les Options De Configuration De Th\u00e8me\u00a0?<\/b><\/h2>\n\n\n<p>Les options de configuration de th\u00e8me sont des pages d&#8217;administration qui accompagnent certains th\u00e8mes WordPress. Ces pages d&#8217;administration te permettent de personnaliser les param\u00e8tres de ton th\u00e8me install\u00e9 sans avoir \u00e0 modifier des fichiers de th\u00e8me ou \u00e0 te perdre dans la modification de code. Certaines de ces pages d&#8217;administration peuvent offrir quelques options, tandis que d&#8217;autres peuvent en avoir bien plus. Si tu es d\u00e9butant, la simplicit\u00e9 relative d&#8217;une page d&#8217;administration par rapport \u00e0 une voie plus compliqu\u00e9e peut \u00eatre un v\u00e9ritable gain de temps et un sauveur de sant\u00e9 mentale.<\/p>\n\n\n<p>Si ton objectif est simplement d&#8217;am\u00e9liorer ou de modifier des fonctionnalit\u00e9s dans un th\u00e8me, tu peux grandement simplifier les choses en installant un plugin plut\u00f4t que de reconfigurer tout le th\u00e8me. Cependant, si tu souhaites modifier les styles de th\u00e8me et les param\u00e8tres des blocs sur l&#8217;ensemble de ton site, il faudra reconfigurer les choses en personnalisant.<\/p>\n\n\n<h2 id=\"h-what-the-heck-is-json\" class=\"wp-block-heading\"><b>Qu&#8217;est-ce Que C&#8217;est JSON ?<\/b><\/h2>\n\n\n<p>Pour personnaliser ton th\u00e8me WordPress lorsque celui-ci n&#8217;inclut pas de page d&#8217;administration, tu devras <a href=\"https:\/\/fullsiteediting.com\/lessons\/creating-theme-json\/\" target=\"_blank\" rel=\"noopener\">cr\u00e9er<\/a> et ajouter un fichier de configuration <span style=\"font-weight: 500;\">theme.json au th\u00e8me. Mais qu&#8217;est-ce que <a href=\"https:\/\/en.wikipedia.org\/wiki\/JSON\" target=\"_blank\" rel=\"noopener\">JSON<\/a> ? L&#8217;acronyme signifie JavaScript Object Notation, qui est un format d&#8217;\u00e9change de donn\u00e9es textuel ouvert qui peut \u00eatre lu \u00e0 la fois par les humains et les machines et n&#8217;est li\u00e9 \u00e0 aucun langage de programmation sp\u00e9cifique. Son utilisation la plus courante est pour la transmission de donn\u00e9es dans les applications web.<\/span><\/p>\n\n\n<p><b>theme.json<\/b> a \u00e9t\u00e9 ajout\u00e9 \u00e0 WordPress dans la version 5.8, et ne fonctionne pas avec les versions ant\u00e9rieures de WordPress \u00e0 moins que tu n&#8217;actives le <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">plugin Gutenberg<\/a>. (L&#8217;<a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener\">\u00e9diteur Gutenberg<\/a> a \u00e9t\u00e9 officiellement lanc\u00e9 en 2018 en m\u00eame temps que WordPress 5.0.)<\/p>\n\n\n<p>Certaines des options de personnalisation que tu peux choisir dans <b>theme.json<\/b> incluent :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Activer ou d\u00e9sactiver des fonctionnalit\u00e9s telles que les lettrines, le rembourrage des blocs, les marges et les hauteurs de ligne personnalis\u00e9es<\/li>\n\n\n\n<li>Ajouter plusieurs <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\" target=\"_blank\" rel=\"noopener\">palettes de couleurs<\/a>, d\u00e9grad\u00e9s et filtres duo-ton pour les photos<\/li>\n\n\n\n<li>Modifier les <a href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" target=\"_blank\" rel=\"noopener\">tailles de police<\/a><\/li>\n\n\n\n<li>Ajouter des largeurs par d\u00e9faut pour le contenu<\/li>\n\n\n\n<li>G\u00e9rer les propri\u00e9t\u00e9s CSS (feuille de style en cascade). Le CSS est utilis\u00e9 pour d\u00e9finir l&#8217;apparence visuelle et la mise en forme des documents HTML.<\/li>\n\n\n\n<li>Attribuer des <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-templates-template-parts\/\" target=\"_blank\" rel=\"noopener\">parties de template<\/a> aux zones de parties de template<\/li>\n\n\n<\/ul>\n\n\n<p>Au fur et \u00e0 mesure que le d\u00e9veloppement de Gutenberg avance, les options disponibles avec <b>theme.json<\/b> dans WordPress diff\u00e8rent entre la version 5.8 (o\u00f9 la version 1 de <b>theme.json<\/b> est utilis\u00e9e) jusqu&#8217;\u00e0 la version 5.9+ (o\u00f9 la version 2 de <b>theme.json<\/b> est utilis\u00e9e) ainsi que le plugin Gutenberg.<\/p>\n\n\n<h2 id=\"h-options-explained\" class=\"wp-block-heading\"><b>Options Expliqu\u00e9es<\/b><\/h2>\n\n\n<p>Avec ces options de personnalisation plus d\u00e9taill\u00e9es d\u00e9sormais accessibles aux d\u00e9veloppeurs WordPress d\u00e9butants et interm\u00e9diaires, parlons \u00e0 la fois de <i>ce qu&#8217;elles sont<\/i> et <i>pourquoi<\/i> elles pourraient t\u2019\u00eatre b\u00e9n\u00e9fiques.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enabling-or-disabling-features-like-drop-caps-block-padding-margins-and-custom-line-heights\"><b>Activer Ou D\u00e9sactiver Des Fonctionnalit\u00e9s Comme Les Lettrines, Le Rembourrage Des Blocs, Les Marges Et Les Hauteurs De Ligne Personnalis\u00e9es<\/b><\/h3>\n\n\n<p>Les lettrines (une technique de style o\u00f9 la premi\u00e8re lettre d&#8217;un paragraphe est de plus grande taille), le remplissage des blocs (l&#8217;espace \u00e0 l&#8217;int\u00e9rieur du bloc situ\u00e9 entre l&#8217;\u00e9l\u00e9ment\/contenu et la bordure du bloc, entourant tous les c\u00f4t\u00e9s de l&#8217;\u00e9l\u00e9ment), les marges et les hauteurs de ligne personnalis\u00e9es peuvent donner \u00e0 tes pages un aspect plus distinctif et m\u00eame formel, selon la mani\u00e8re dont tu r\u00e9ussis \u00e0 les styliser.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-multiple-color-palettes-gradients-and-duotone-filters-for-photos\"><b>Ajout de plusieurs palettes de couleurs, d\u00e9grad\u00e9s et filtres duo-ton pour les photos<\/b><\/h3>\n\n\n<p>La palette de couleurs ad\u00e9quate \u2013 ou plusieurs palettes \u2013 peut aider \u00e0 d\u00e9finir et \u00e0 am\u00e9liorer l&#8217;identit\u00e9 commercialisable de ta marque et de ton site, et les d\u00e9grad\u00e9s (arri\u00e8re-plans de deux couleurs qui se fondent l&#8217;une dans l&#8217;autre) peuvent donner \u00e0 ton site une identit\u00e9 plus dynamique que l&#8217;utilisation de couleurs unies pour les pages de ton site. Les filtres Duotone peuvent \u00eatre appliqu\u00e9s aux photos que tu as t\u00e9l\u00e9charg\u00e9es sur ton site, et r\u00e9duire le nombre de couleurs dans la photo \u00e0 juste deux \u2013 une pour les parties sombres de la photo, une autre pour les parties claires. En utilisant ces ressources dans les param\u00e8tres du th\u00e8me WordPress de ton site, les sch\u00e9mas de couleurs globaux de ton site peuvent \u00eatre formels, mod\u00e9r\u00e9s ou avant-gardistes \u2013 limit\u00e9s seulement par ton imagination.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-modifying-font-sizes\"><b>Modification des tailles de police<\/b><\/h3>\n\n\n<p>Parfois, les polices de ta th\u00e8me choisie peuvent convenir \u00e0 l&#8217;identit\u00e9 sp\u00e9cifique, au ton ou \u00e0 l&#8217;attitude que tu souhaites transmettre, mais les tailles de polices disponibles peuvent ne pas l&#8217;\u00eatre. Elles peuvent \u00eatre trop petites ou trop grandes. En ayant la possibilit\u00e9 de modifier les tailles, tu peux personnaliser chaque aspect de l&#8217;apparence du texte de ton site \u00e0 l&#8217;image de ta marque.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-default-widths-for-content\"><b>Ajout de largeurs par d\u00e9faut pour le contenu<\/b><\/h3>\n\n\n<p>La largeur du contenu est une fonctionnalit\u00e9 du th\u00e8me qui te permet de d\u00e9finir la largeur par d\u00e9faut ou maximale autoris\u00e9e (taille) pour tout contenu dans le th\u00e8me, comme les int\u00e9grations et les images ajout\u00e9es aux articles. Lorsque tu d\u00e9finis des largeurs par d\u00e9faut, WordPress peut redimensionner les codes d&#8217;int\u00e9gration \u00e0 des tailles sp\u00e9cifiques sur le frontend et ins\u00e9rer de grandes images sans rompre la zone de contenu principale.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-managing-custom-css-cascading-style-sheet-properties\"><b>G\u00e9rer les propri\u00e9t\u00e9s CSS personnalis\u00e9es (feuille de style en cascade).<\/b><\/h3>\n\n\n<p>Si tu as pass\u00e9 du temps \u00e0 travailler avec le CSS, nous sommes s\u00fbrs que tu te demandes pourquoi tu voudrais \u00e9crire ton CSS personnalis\u00e9 dans le format JSON radicalement diff\u00e9rent. En un mot : flexibilit\u00e9.<\/p>\n\n\n<p>Disons que tu as choisi une couleur, vert for\u00eat, pour ton site que tu <i>aimes vraiment<\/i>. Avec CSS, tu devrais parcourir et ajouter le code couleur partout o\u00f9 tu souhaites utiliser cette couleur. Pas un gros probl\u00e8me, n\u2019est-ce pas ?<\/p>\n\n\n<p>Maintenant, disons que quelques semaines plus tard, tu trouves une nuance de vert for\u00eat l\u00e9g\u00e8rement plus fonc\u00e9e que tu pr\u00e9f\u00e9rerais utiliser. Avec CSS, tu dois revenir en arri\u00e8re et remplacer toutes les occurrences du code couleur &#8220;ancien&#8221; vert for\u00eat par le nouveau.<\/p>\n\n\n<p>Mais, en utilisant theme.json, tu n&#8217;aurais qu&#8217;\u00e0 mettre \u00e0 jour la d\u00e9finition de la couleur une fois, dans le fichier JSON, pour qu&#8217;elle change sur l&#8217;ensemble de ton site.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-assign-template-parts-to-template-part-areas\"><b>Affecter des parties de mod\u00e8le aux zones de parties de mod\u00e8le<\/b><\/h3>\n\n\n<p>Les mod\u00e8les de page sont des fichiers qui contr\u00f4lent l&#8217;apparence d&#8217;une page sp\u00e9cifique et peuvent \u00eatre utilis\u00e9s pour appliquer des mises en page particuli\u00e8res \u00e0 diff\u00e9rentes pages de votre site. Dans WordPress, il existe \u00e9galement des parties de mod\u00e8les, qui fonctionnent comme des sections structurelles plus petites d&#8217;un mod\u00e8le de page.<\/p>\n\n\n<p>Si tu explores les fichiers de ton th\u00e8me, tu verras g\u00e9n\u00e9ralement des parties de mod\u00e8le pour des \u00e9l\u00e9ments comme les en-t\u00eates ou les pieds de page. <b>theme.json<\/b> te permet d&#8217;assigner des parties de mod\u00e8le aux trois zones de placement disponibles dans un mod\u00e8le : <i>G\u00e9n\u00e9ral<\/i>, <i>En-t\u00eate<\/i> et <i>Pied de page<\/i>.<\/p>\n\n\n<h2 id=\"h-to-convert-or-not-to-convert-that-is-the-question\" class=\"wp-block-heading\"><b>Convertir Ou Ne Pas Convertir \u2013 Telle Est La Question<\/b><\/h2>\n\n\n<p>Maintenant que tu as acquis une compr\u00e9hension des options de configuration de th\u00e8me WordPress disponibles gr\u00e2ce au fichier <b>theme.json<\/b>, nous voulons aborder une derni\u00e8re chose : <a href=\"https:\/\/developer.wordpress.org\/themes\/block-themes\/converting-a-classic-theme-to-a-block-theme\/\" target=\"_blank\" rel=\"noopener\">convertir un th\u00e8me classique en th\u00e8me \u00e0 blocs<\/a>, et les probl\u00e8mes que tu devrais consid\u00e9rer lors de la conversion.<\/p>\n\n\n<p>Les th\u00e8mes en blocs dans WordPress pr\u00e9sentent plusieurs avantages, car ils ont \u00e9t\u00e9 con\u00e7us pour am\u00e9liorer \u00e0 la fois la scalabilit\u00e9 et la performance.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Les th\u00e8mes en blocs am\u00e9liorent la performance de chargement en chargeant les styles uniquement pour les blocs qui ont \u00e9t\u00e9 ajout\u00e9s \u00e0 une page.<\/li>\n\n\n\n<li>Les th\u00e8mes en blocs ne n\u00e9cessitent pas d\u2019enfiler manuellement des feuilles de style pour le frontend et les \u00e9diteurs.<\/li>\n\n\n\n<li><b>theme.json<\/b> g\u00e8re tous les aspects de add_theme_support(), ce qui r\u00e9sulte en moins de temps pass\u00e9 \u00e0 manipuler PHP.<\/li>\n\n\n\n<li>Les fonctionnalit\u00e9s d\u2019accessibilit\u00e9 telles que Passer au contenu, la navigation au clavier et les rep\u00e8res sont g\u00e9n\u00e9r\u00e9es automatiquement sans ajouter de code suppl\u00e9mentaire.<\/li>\n\n\n\n<li>Avec un th\u00e8me en blocs, un utilisateur final peut modifier toutes les parties de son site web sans toucher \u00e0 aucun code.<\/li>\n\n\n\n<li>En utilisant l\u2019interface Styles, les utilisateurs peuvent personnaliser les couleurs et la typographie pour le site web et pour tous les blocs qu\u2019ils pourraient utiliser.<\/li>\n\n\n<\/ul>\n\n\n<p>Toutefois, convertir un th\u00e8me classique en un th\u00e8me de bloc n&#8217;est pas sans risques.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Convertir un th\u00e8me classique en th\u00e8me bloc peut affecter les th\u00e8mes enfant qui s&#8217;attendent \u00e0 un th\u00e8me classique. Consid\u00e8re les impacts potentiels \u2014\u00a0ou la cr\u00e9ation d&#8217;un nouveau projet avec un nouveau nom de th\u00e8me \u2014 avant de convertir.<\/li>\n\n\n\n<li><b>theme.json<\/b> n\u00e9cessite la version 5.8 de WordPress ou ult\u00e9rieure. Par cons\u00e9quent, le support pour Internet Explorer 11 a \u00e9t\u00e9 abandonn\u00e9 lorsque WordPress 5.8 a \u00e9t\u00e9 lanc\u00e9. Donc, si ton th\u00e8me classique prend en charge IE11 \u2014 ou si tu as des visiteurs qui utilisent IE11 \u2014 la conversion en th\u00e8me bloc pourrait impacter l&#8217;exp\u00e9rience de tes visiteurs.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"h-pro-help-is-available\" class=\"wp-block-heading\"><b>L&#8217;Aide Pro Est Disponible !<\/b><\/h2>\n\n\n<p>Bien que la personnalisation de tes th\u00e8mes WordPress avec des options via un fichier <b>theme.json<\/b> puisse \u00eatre assez faisable si tu es un d\u00e9veloppeur WordPress d\u00e9butant ou interm\u00e9diaire, peut-\u00eatre n&#8217;es-tu pas encore \u00e0 100% s\u00fbr que c&#8217;est une \u00e9tape avec laquelle tu te sens \u00e0 l&#8217;aise de faire seul. N&#8217;aie pas peur, car lorsque tu t&#8217;inscris aux trois plans d&#8217;h\u00e9bergement WordPress g\u00e9r\u00e9 DreamPress de DreamHost, tu obtiens automatiquement acc\u00e8s \u00e0 notre \u00e9quipe d&#8217;\u00e9lite d&#8217;experts WordPress enti\u00e8rement internes, qui sont disponibles 24\/7 pour t&#8217;aider dans cette composante et toutes les autres de ton parcours de d\u00e9veloppement !<\/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      Fais Plus Avec DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Les utilisateurs de DreamPress Plus et Pro ont acc\u00e8s \u00e0 Jetpack Professionnel (et plus de 200 th\u00e8mes premium) sans co\u00fbt suppl\u00e9mentaire!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            D\u00e9couvrir Les Offres                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Les nouvelles options de configuration de th\u00e8me dans WordPress facilitent plus que jamais la modification de l&#8217;apparence de ton site selon tes besoins sp\u00e9cifiques et uniques. De plus, la capacit\u00e9 de convertir les th\u00e8mes classiques en th\u00e8mes de blocs ajoute encore plus de fonctionnalit\u00e9s conviviales. Dans ce billet de blog, le quatri\u00e8me de notre s\u00e9rie &#8220;D\u00e9coder WordPress&#8221;, nous allons [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":35324,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Adapter les options d\u2019un th\u00e8me WordPress aux besoins de conception uniques de ton site WordPress est possible en cr\u00e9ant et ajoutant un fichier theme.json.","toc_headlines":"[[\"h-an-overview-of-wordpress-themes-and-templates\",\"Vue D\u2019Ensemble Des Th\u00e8mes Et Mod\u00e8les WordPress\"],[\"h-so-what-are-theme-configuration-options-then\",\"Alors, Quelles Sont Les Options De Configuration De Th\u00e8me\u00a0?\"],[\"h-what-the-heck-is-json\",\"Qu'est-ce Que C'est JSON ?\"],[\"h-options-explained\",\"Options Expliqu\u00e9es\"],[\"h-to-convert-or-not-to-convert-that-is-the-question\",\"Convertir Ou Ne Pas Convertir \u2013 Telle Est La Question\"],[\"h-pro-help-is-available\",\"L'Aide Pro Est Disponible !\"]]","hide_toc":false,"footnotes":""},"categories":[15011,14989,15009],"tags":[],"class_list":["post-71383","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decoding-wordpress-fr","category-tech-talk-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\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Adapter les options d\u2019un th\u00e8me WordPress aux besoins de conception uniques de ton site WordPress est possible en cr\u00e9ant et ajoutant un fichier theme.json.\" \/>\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-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-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\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON\" \/>\n<meta property=\"og:description\" content=\"Adapter les options d\u2019un th\u00e8me WordPress aux besoins de conception uniques de ton site WordPress est possible en cr\u00e9ant et ajoutant un fichier theme.json.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-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-07-06T14:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T14:58:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg\" \/>\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=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D\u00e9coder WordPress\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON - DreamHost Blog","description":"Adapter les options d\u2019un th\u00e8me WordPress aux besoins de conception uniques de ton site WordPress est possible en cr\u00e9ant et ajoutant un fichier theme.json.","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-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/","og_locale":"en_US","og_type":"article","og_title":"D\u00e9coder WordPress\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON","og_description":"Adapter les options d\u2019un th\u00e8me WordPress aux besoins de conception uniques de ton site WordPress est possible en cr\u00e9ant et ajoutant un fichier theme.json.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-07-06T14:00:36+00:00","article_modified_time":"2025-05-26T14:58:04+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"D\u00e9coder WordPress\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-05-26T14:58:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/"},"wordCount":2118,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","articleSection":["D\u00e9coder WordPress","Tech Talk","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/","name":"D\u00e9coder WordPress\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-05-26T14:58:04+00:00","description":"Adapter les options d\u2019un th\u00e8me WordPress aux besoins de conception uniques de ton site WordPress est possible en cr\u00e9ant et ajoutant un fichier theme.json.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","width":900,"height":598,"caption":"new WordPress Theme Configuration options"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/dcoder-wordpress-nouvelles-options-de-configuration-de-thme-avec-le-fichier-themejson-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"D\u00e9coder WordPress\u00a0: nouvelles options de configuration de th\u00e8me avec le fichier Theme.JSON"}]},{"@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":71383,"es":35333,"en":35323,"pt":51734,"pl":51738,"uk":53846,"de":53867,"ru":53870,"it":68867,"nl":71413},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71383","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=71383"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71383\/revisions"}],"predecessor-version":[{"id":71387,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71383\/revisions\/71387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/35324"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=71383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}