{"id":80625,"date":"2025-08-28T07:49:48","date_gmt":"2025-08-28T06:49:48","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=80625&#038;preview=true&#038;preview_id=80625"},"modified":"2025-08-28T14:19:30","modified_gmt":"2025-08-28T13:19:30","slug":"des-enregistrer-variations-style","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/","title":{"rendered":"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs"},"content":{"rendered":"<p>Lorsque vous construisez un <a href=\"https:\/\/kinsta.com\/fr\/blog\/creer-theme-wordpress-classique\/\">th\u00e8me personnalis\u00e9<\/a> ou que vous travaillez avec un <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">th\u00e8me enfant<\/a>, vous pouvez avoir besoin de supprimer ou de masquer certaines caract\u00e9ristiques de style, que ce soit pour un seul bloc de base ou pour une variation de style du th\u00e8me complet.<\/p>\n<p>Il ne s&rsquo;agit pas seulement d&rsquo;une question de pr\u00e9f\u00e9rence. Cela apporte souvent des avantages pratiques, tels que l&rsquo;am\u00e9lioration des performances, une conception plus coh\u00e9rente et une interface utilisateur plus simple.<\/p>\n<p>Les approches adopt\u00e9es pour atteindre ces objectifs varient et sont susceptibles de d\u00e9pendre de vos besoins et de vos comp\u00e9tences. Pour les exemples de cet article, nous travaillons avec un th\u00e8me enfant de <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\">Twenty Twenty-Five<\/a> (TT5), un <a href=\"https:\/\/kinsta.com\/fr\/blog\/themes-wordpress-blocs\/\">th\u00e8me de blocs WordPress<\/a> moderne.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Le d\u00e9s-enregistrement d\u00e9pend de la fa\u00e7on dont elle a \u00e9t\u00e9 enregistr\u00e9e.<\/h2>\n<p>Pour ce qui nous concerne, lorsque nous parlons de d\u00e9s-enregistrer une variation de style de bloc ou de th\u00e8me, nous faisons la distinction entre une suppression compl\u00e8te et une suppression partielle, et nous indiquons si la variation est enti\u00e8rement supprim\u00e9e ou simplement cach\u00e9e de l&rsquo;interface. Ces distinctions sont importantes.<\/p>\n<p>Pour comprendre comment annuler l&rsquo;enregistrement d&rsquo;un bloc, il faut d&rsquo;abord savoir comment il a \u00e9t\u00e9 enregistr\u00e9. Par exemple, les blocs de base enregistr\u00e9s avec <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-javascript\/\">JavaScript<\/a> sont mieux d\u00e9s-enregistr\u00e9s dans ce langage. En revanche, les variations de style du th\u00e8me sont enregistr\u00e9es en <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-php\/\">PHP<\/a>, et il convient donc d&rsquo;adopter une approche diff\u00e9rente.<\/p>\n<p>L&rsquo;annulation de l&rsquo;enregistrement des blocs personnalis\u00e9s n&rsquo;entre pas dans le cadre de cet article, et votre approche d\u00e9pend de la fa\u00e7on dont ces blocs ont \u00e9t\u00e9 enregistr\u00e9s \u00e0 l&rsquo;origine.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Vous pouvez utiliser notre environnement de d\u00e9veloppement local gratuit, <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a>, pour vous aider dans votre flux de travail lorsque vous personnalisez des blocs et des th\u00e8mes WordPress.<\/p>\n<\/aside>\n\n<h2>Qu&rsquo;est-ce qu&rsquo;une variation de style ?<\/h2>\n<p>WordPress fait la distinction entre les styles de blocs et les variations de style des th\u00e8mes. Les styles de bloc sont des alternatives visuelles pour un bloc sp\u00e9cifique, comme les styles \u00ab fill \u00bb ou \u00ab outline \u00bb d&rsquo;un bloc bouton. Les variations de style de bloc sont enregistr\u00e9es dans core, <code>theme.json<\/code>, <code>block.json<\/code> (ou dans une extension).<\/p>\n<p>Les variations de style de th\u00e8me, en revanche, sont des alternatives visuelles enti\u00e8res qui incluent les couleurs, la typographie et les dispositions d\u00e9finies dans un fichier <code>theme.json<\/code> unique. Elles permettent aux utilisateurs de passer d&rsquo;une apparence \u00e0 l&rsquo;autre (skins) pour un site sans changer de th\u00e8me. TT5 est livr\u00e9 avec huit variations de style en plus du style par d\u00e9faut.<\/p>\n<h2>Premi\u00e8re \u00e9tape : mettre vos scripts en file d&rsquo;attente<\/h2>\n<p>Comme nous travaillons avec un th\u00e8me enfant, vous devez veiller \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\">mettre vos scripts en file d&rsquo;attente<\/a> correctement.<\/p>\n<p>Cette configuration vous permet de commencer, y compris la mise en file d&rsquo;attente de notre fichier personnalis\u00e9 <code>unregister-blocks.js<\/code>.<\/p>\n<pre><code class=\"language-php\">\/\/ Enqueue Parent and Child Styles\nadd_action('wp_enqueue_scripts', function () {\n    wp_enqueue_style(\n        'parent-style',\n        get_template_directory_uri() . '\/style.css'\n    );\n\n    wp_enqueue_style(\n        'child-style',\n        get_stylesheet_uri(),\n        ['parent-style'],\n        wp_get_theme()-&gt;get('Version')\n    );\n});\n\n\/\/ Enqueue styles in the WordPress admin\nadd_action('admin_enqueue_scripts', function () {\n    wp_enqueue_style(\n        'child-admin-style',\n        get_stylesheet_uri(),\n        [],\n        wp_get_theme()-&gt;get('Version')\n    );\n});\n\n\/\/ Enqueue JavaScript for block editor\nadd_action('enqueue_block_editor_assets', function () {\n    wp_enqueue_script(\n        'unregister-core-blocks',\n        get_stylesheet_directory_uri() . '\/js\/unregister-blocks.js',\n        ['wp-blocks', 'wp-dom-ready', 'wp-edit-post'],\n        null,\n        true\n    );\n});<\/code><\/pre>\n<p>Comme vous pouvez le voir, nous avons un fichier JavaScript \u00e0 <code>js\/unregister-blocks.js<\/code>, qui comprend tous nos scripts pour cet article.<\/p>\n<p>N&rsquo;utilisez pas <code>get_template_directory_uri()<\/code> pour le fichier JavaScript, car il pointe vers le th\u00e8me parent.<\/p>\n<h2>Le timing, c&rsquo;est tout<\/h2>\n<p>Il est essentiel de savoir quand un crochet se d\u00e9clenche lorsque l&rsquo;on travaille avec PHP dans WordPress. Vous devriez conna\u00eetre la s\u00e9quence de chargement de base, qui commence \u00e0 <code>wp-settings.php<\/code>:<\/p>\n<ul>\n<li>Constantes<\/li>\n<li>Globales<\/li>\n<li>Composants de base<\/li>\n<li>Charger les extensions<\/li>\n<li>Charger le th\u00e8me<\/li>\n<\/ul>\n<p>Trouver le bon moment pour ex\u00e9cuter une fonction personnalis\u00e9e est l&rsquo;une des parties les plus d\u00e9licates et les plus frustrantes du d\u00e9veloppement de WordPress.<\/p>\n<h2>D\u00e9s-enregistrer un style de bloc central<\/h2>\n<p>Consid\u00e9rons une situation dans laquelle vous souhaitez supprimer le style d&rsquo;un bloc de base. Dans ce cas, nous voulons supprimer le style de contour du bloc bouton.<\/p>\n<p>Comme les styles de remplissage et de contour du bouton sont enregistr\u00e9s dans le fichier <code><a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-json\/\">theme.json<\/a><\/code> de TT5, nous utilisons JavaScript pour g\u00e9rer le processus.<\/p>\n<pre><code class=\"language-js\">wp.domReady(() =&gt; {\n    if (wp.blocks && wp.blocks.unregisterBlockStyle) {\n        wp.blocks.unregisterBlockStyle('core\/button', 'outline');\n    }\n});<\/code><\/pre>\n<p>Le r\u00e9sultat est la suppression du style de contour dans la barre d&rsquo;outils et la colonne lat\u00e9rale.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/07\/removed-button-block-outline.png\" alt=\"Supprim\u00e9, le style de contour du bloc bouton n'est plus visible.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Supprim\u00e9, le style de contour du bloc bouton n&rsquo;est plus visible.<\/figcaption><\/figure>\n<h2>D\u00e9s-enregistrement d&rsquo;un bloc de base<\/h2>\n<p>Supposons que vous souhaitez supprimer tous les styles de bloc pour un bloc. Une approche plus rationnelle consiste \u00e0 d\u00e9s-enregistrer le bloc (ou les blocs). Cela permet de rationaliser l&rsquo;insertion en supprimant le ou les blocs que vous ne voulez pas que les utilisateurs utilisent et d&rsquo;am\u00e9liorer les performances.<\/p>\n<p>Ici, le bloc Citation (quote) est supprim\u00e9.<\/p>\n<pre><code class=\"language-js\">wp.domReady(() =&gt; {\n    wp.blocks.unregisterBlockType('core\/quote');\n});<\/code><\/pre>\n<p>Que se passe-t-il si le script s&rsquo;ex\u00e9cute alors que le bloc Citation a d\u00e9j\u00e0 \u00e9t\u00e9 utilis\u00e9 ? WordPress affiche un message \u00ab Ce bloc n&rsquo;est plus disponible \u00bb dans l&rsquo;\u00e9diteur, mais le contenu est toujours affich\u00e9 sur le site. Les utilisateurs peuvent modifier ou convertir manuellement la vue HTML brute vers laquelle le bloc retombe.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/07\/quote-block-removed.png\" alt=\"Vue de l'\u00e9diteur de page apr\u00e8s la suppression du bloc Citation.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Vue de l&rsquo;\u00e9diteur de page apr\u00e8s la suppression du bloc Citation.<\/figcaption><\/figure>\n<p>Vous pouvez soit le laisser tel quel, soit le convertir en <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">HTML<\/a> pour conserver le contenu et le style.<\/p>\n<p>Qu&rsquo;en est-il de la suppression de plusieurs blocs ? Dans cet exemple, nous supprimons les blocs Citation et Titre en ex\u00e9cutant une boucle foreach pour obtenir un moyen tr\u00e8s efficace de le faire.<\/p>\n<pre><code class=\"language-js\">wp.domReady(() =&gt; {\n    const blocksToRemove = [\n        'core\/quote',\n        'core\/heading',\n    ];\n\n    blocksToRemove.forEach((blockName) =&gt; {\n        if (wp.blocks.getBlockType(blockName)) {\n            wp.blocks.unregisterBlockType(blockName);\n        }\n    });\n});<\/code><\/pre>\n<p>Ce script permet de supprimer facilement d&rsquo;autres blocs si n\u00e9cessaire.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/07\/insterter-without-the-quote.png\" alt=\"Panneau d'insertion de blocs avec les blocs Citation et En-t\u00eate supprim\u00e9s.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Panneau d&rsquo;insertion de blocs avec les blocs Citation et En-t\u00eate supprim\u00e9s.<\/figcaption><\/figure>\n<h2>D\u00e9s-enregistrement d&rsquo;une variation de style d&rsquo;un th\u00e8me<\/h2>\n<p>La beaut\u00e9 des variations de style dans les th\u00e8mes de blocs est qu&rsquo;elles n&rsquo;ont pas besoin d&rsquo;\u00eatre enregistr\u00e9es, comme vous avez pu le faire par le pass\u00e9 avec d&rsquo;autres extensions WordPress.<\/p>\n<p>Au lieu de cela, elles sont automatiquement reconnues par Core simplement en pla\u00e7ant un fichier <code>theme.json<\/code> correctement format\u00e9 dans le r\u00e9pertoire racine ou <code>\/styles<\/code> du th\u00e8me enfant.<\/p>\n<p>Il est facile de supposer que vous avez besoin d&rsquo;une fonction pour annuler l&rsquo;enregistrement des variations de style, mais les th\u00e8mes de blocs fonctionnent diff\u00e9remment.<\/p>\n<p>Comme pour les styles de blocs, il n&rsquo;y a pas d&rsquo;interface utilisateur par d\u00e9faut pour supprimer les variations de style ind\u00e9sirables.<\/p>\n<p>Commen\u00e7ons par les m\u00e9thodes les plus simples et progressons \u00e0 partir de l\u00e0. Ce qui rend les variations de style si faciles \u00e0 \u00ab enregistrer \u00bb ou \u00e0 ajouter \u00e0 un th\u00e8me de blocs est exactement ce qui rend tr\u00e8s difficile leur \u00ab d\u00e9s-enregistrement \u00bb. Par cons\u00e9quent, nous disposons de quelques approches.<\/p>\n<h3>Supprimer une variation de style d&rsquo;un th\u00e8me<\/h3>\n<p>Il y a plusieurs fa\u00e7ons de supprimer la variation de style <strong>Evening<\/strong>\u00a0dans un th\u00e8me en bloc comme TT5.<\/p>\n<p>Si vous n&rsquo;utilisez pas de th\u00e8me enfant, l&rsquo;option la plus directe consiste \u00e0 supprimer le fichier <code>.json<\/code> correspondant du th\u00e8me parent. Par exemple, en supprimant <code>01-evening.json<\/code> du r\u00e9pertoire <code>\/styles<\/code>, la variation Evening est enti\u00e8rement supprim\u00e9e.<\/p>\n<p>Cependant, cela n&rsquo;est pas recommand\u00e9 car le fichier reviendra probablement apr\u00e8s la prochaine mise \u00e0 jour du th\u00e8me.<\/p>\n<p>Une meilleure m\u00e9thode, plus s\u00fbre, consiste \u00e0 utiliser un th\u00e8me enfant et \u00e0 remplacer la variation de style. Vous pouvez le faire en cr\u00e9ant un fichier vierge dans le m\u00eame chemin avec le m\u00eame nom de fichier. Pour remplacer <code>01-evening.json<\/code>, ajoute un fichier vide nomm\u00e9 <code>01-evening.json<\/code> dans le r\u00e9pertoire <code>\/styles<\/code> de votre th\u00e8me enfant.<\/p>\n<p>Cette approche ne permet pas vraiment de \u00ab d\u00e9s-enregistrer \u00bb la variation ; elle la neutralise simplement. WordPress reconna\u00eet toujours le fichier, mais comme il ne contient aucun r\u00e9glage, la variation devient invisible dans l&rsquo;interface utilisateur et non fonctionnelle. Cette neutralisation ne fonctionne que parce que les th\u00e8mes enfants se chargent apr\u00e8s les th\u00e8mes parents, il vaut donc la peine de confirmer que votre th\u00e8me enfant est correctement configur\u00e9.<\/p>\n<h3>Masquer une variation avec CSS<\/h3>\n<p>Une autre solution consiste \u00e0 masquer la variation de style de l&rsquo;interface utilisateur \u00e0 l&rsquo;aide d&rsquo;une feuille de style CSS. Cela ne la supprime pas de la m\u00e9moire ou de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/api-rest-wordpress\/\">API REST<\/a>, et cela ne r\u00e9duira pas l&rsquo;encombrement de l&rsquo;interface, mais cela emp\u00eachera les utilisateurs de la s\u00e9lectionner dans l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-full-site-editing\/\">\u00c9diteur de site<\/a>.<\/p>\n<p>Voici un exemple de masquage de la variation Evening :<\/p>\n<pre><code class=\"language-bash\">\/* Hide specific global style variations in the Site Editor *\/\n.edit-site-global-styles-variations_item[data-slug=\"morning\"],\n.edit-site-global-styles-variations_item[data-name=\"evening\"],\n.edit-site-global-styles-variations_item[title=\"Evening\"],\n.edit-site-global-styles-variations_item[aria-label*=\"Evening\"] {\n    display: none !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n}<\/code><\/pre>\n<p>Cela fonctionne dans le panneau <strong>\u00c9diteur<\/strong> &gt; <strong>Styles<\/strong> &gt; <strong>Parcourir les styles<\/strong>. Si un utilisateur a pr\u00e9c\u00e9demment activ\u00e9 la variation Soir, elle sera toujours appliqu\u00e9e, mais il ne pourra pas la re-s\u00e9lectionner ou passer \u00e0 nouveau \u00e0 cette variation.<\/p>\n<h3>Masquer une variation avec JavaScript<\/h3>\n<p>Vous pouvez aussi utiliser JavaScript pour cacher la variation, inject\u00e9e via PHP \u00e0 l&rsquo;aide de <code>wp_add_inline_script<\/code>. Il s&rsquo;agit d&rsquo;un peu de \u00ab hack \u00bb, puisque les variations de style sont enregistr\u00e9es en PHP, mais c&rsquo;est parfois le seul moyen pratique de manipuler l&rsquo;interface utilisateur de mani\u00e8re fiable.<\/p>\n<p>Voici un exemple qui fonctionne :<\/p>\n<pre><code class=\"language-js\">\/\/ Inject JS to hide specific style variations in the Site Editor UI\nadd_action('enqueue_block_editor_assets', function () {\n    wp_add_inline_script(\n        'unregister-core-blocks',\n        &lt;&lt; {\n    const interval = setInterval(() =&gt; {\n        document.querySelectorAll(\n            '[aria-label*=\"Noon\"], [title*=\"Evening\"], [data-name=\"noon\"], [data-slug=\"evening\"]'\n        ).forEach(el =&gt; {\n            el.style.display = 'none';\n        });\n    }, 500);\n\n    \/\/ Stop the interval after 5 seconds\n    setTimeout(() =&gt; clearInterval(interval), 5000);\n});\nJS\n    );\n});<\/code><\/pre>\n<p>Ce script attend que le DOM se charge, puis recherche et cache la variation de fa\u00e7on r\u00e9p\u00e9t\u00e9e pendant quelques secondes. Il est fragile (parce qu&rsquo;il d\u00e9pend de la synchronisation et des noms de classe), mais il fonctionne lorsque vous avez besoin de supprimer des variations sp\u00e9cifiques sans toucher au syst\u00e8me de fichiers.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>M\u00eame lorsque vous masquez une variation avec CSS ou JS, elle reste disponible dans l&rsquo;API REST et dans les donn\u00e9es de bloc si elle a d\u00e9j\u00e0 \u00e9t\u00e9 appliqu\u00e9e. Ces m\u00e9thodes am\u00e9liorent principalement l&rsquo;exp\u00e9rience de l&rsquo;\u00e9diteur, et non les donn\u00e9es du th\u00e8me sous-jacent.<\/p>\n<\/aside>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Garder votre site propre et exempt d&rsquo;\u00e9l\u00e9ments inutilis\u00e9s am\u00e9liore l&rsquo;exp\u00e9rience de l&rsquo;utilisateur et, dans de nombreux cas, les performances du site.<\/p>\n<p>Les exemples que nous avons pr\u00e9sent\u00e9s ici fournissent des approches solides pour d\u00e9s-enregistrer les variations de style. Nous esp\u00e9rons qu&rsquo;ils vous aideront \u00e9galement \u00e0 comprendre pourquoi le d\u00e9s-enregistrement peut vous laisser perplexe.<\/p>\n<p>Vous cherchez un h\u00e9bergement WordPress rapide et fiable pour cr\u00e9er et tester des th\u00e8mes personnalis\u00e9s ? <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">Kinsta<\/a> offre des <a href=\"https:\/\/kinsta.com\/fr\/outils\/\">fonctionnalit\u00e9s adapt\u00e9es aux d\u00e9veloppeurs<\/a>, des <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">environnements de staging<\/a> et une <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/premiers-pas-wordpress\/infrastructure-wordpress\/\">infrastructure<\/a> aux performances optimis\u00e9es pour prendre en charge votre flux de travail, du d\u00e9veloppement local \u00e0 la production.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorsque vous construisez un th\u00e8me personnalis\u00e9 ou que vous travaillez avec un th\u00e8me enfant, vous pouvez avoir besoin de supprimer ou de masquer certaines caract\u00e9ristiques de &#8230;<\/p>\n","protected":false},"author":313,"featured_media":80626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1028],"class_list":["post-80625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>D\u00e9s-enregistrer des variations de style dans un th\u00e8me de bloc WordPress<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d&#039;optimiser la conception, d&#039;am\u00e9liorer les performances et de simplifier l&#039;interface de l&#039;\u00e9diteur.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d&#039;optimiser la conception, d&#039;am\u00e9liorer les performances et de simplifier l&#039;interface de l&#039;\u00e9diteur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-28T06:49:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-28T13:19:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d&#039;optimiser la conception, d&#039;am\u00e9liorer les performances et de simplifier l&#039;interface de l&#039;\u00e9diteur.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs\",\"datePublished\":\"2025-08-28T06:49:48+00:00\",\"dateModified\":\"2025-08-28T13:19:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\"},\"wordCount\":1780,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png\",\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\",\"name\":\"D\u00e9s-enregistrer des variations de style dans un th\u00e8me de bloc WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png\",\"datePublished\":\"2025-08-28T06:49:48+00:00\",\"dateModified\":\"2025-08-28T13:19:30+00:00\",\"description\":\"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d'optimiser la conception, d'am\u00e9liorer les performances et de simplifier l'interface de l'\u00e9diteur.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D\u00e9s-enregistrer des variations de style dans un th\u00e8me de bloc WordPress","description":"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d'optimiser la conception, d'am\u00e9liorer les performances et de simplifier l'interface de l'\u00e9diteur.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/","og_locale":"fr_FR","og_type":"article","og_title":"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs","og_description":"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d'optimiser la conception, d'am\u00e9liorer les performances et de simplifier l'interface de l'\u00e9diteur.","og_url":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2025-08-28T06:49:48+00:00","article_modified_time":"2025-08-28T13:19:30+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d'optimiser la conception, d'am\u00e9liorer les performances et de simplifier l'interface de l'\u00e9diteur.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Bud Kraus","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs","datePublished":"2025-08-28T06:49:48+00:00","dateModified":"2025-08-28T13:19:30+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/"},"wordCount":1780,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png","inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/","url":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/","name":"D\u00e9s-enregistrer des variations de style dans un th\u00e8me de bloc WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png","datePublished":"2025-08-28T06:49:48+00:00","dateModified":"2025-08-28T13:19:30+00:00","description":"D\u00e9couvrez comment d\u00e9s-enregistrer les variations de style dans un th\u00e8me WordPress afin d'optimiser la conception, d'am\u00e9liorer les performances et de simplifier l'interface de l'\u00e9diteur.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/08\/deregistering-style-variations-in-wordpress-block-themes.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/des-enregistrer-variations-style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"D\u00e9s-enregistrer des variations de style dans un bloc de th\u00e8me WordPress de blocs"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/80625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=80625"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/80625\/revisions"}],"predecessor-version":[{"id":80637,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/80625\/revisions\/80637"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/80625\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/80626"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=80625"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=80625"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=80625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}