{"id":83197,"date":"2026-05-04T10:18:55","date_gmt":"2026-05-04T09:18:55","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=83197&#038;preview=true&#038;preview_id=83197"},"modified":"2026-05-07T10:11:24","modified_gmt":"2026-05-07T09:11:24","slug":"wordpress-7-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/","title":{"rendered":"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&rsquo;IA, collaboration en temps r\u00e9el, et bien plus encore"},"content":{"rendered":"<p>Pr\u00e9parez le feu d&rsquo;artifice ! Avec la version 7.0, WordPress entre dans une nouvelle \u00e8re.<\/p>\n<p>Il s&rsquo;agit probablement de la plus grande avanc\u00e9e de la plateforme au cours des derni\u00e8res ann\u00e9es. D\u00e9sormais, vous pouvez collaborer avec votre \u00e9quipe en temps r\u00e9el &#8211; comme avec Google Docs &#8211; et tirer parti d&rsquo;une \u00ab architecture agentique \u00bb pr\u00eate \u00e0 interagir avec de grands mod\u00e8les de langage (LLM).<\/p>\n<p>Mais ce n&rsquo;est pas tout. Outre la collaboration en temps r\u00e9el, WordPress 7.0 affine l&rsquo;interface d&rsquo;administration et introduit de nouveaux blocs et outils de d\u00e9veloppement, tels que l&rsquo;\u00e9diteur d&rsquo;articles iframed et les blocs PHP uniquement.<\/p>\n<p>Pr\u00e9parez-vous une tasse de caf\u00e9 et installez-vous confortablement, car cette lecture va \u00eatre longue et passionnante.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Int\u00e9gration avec l&rsquo;IA<\/h2>\n<p>Avec la version 7.0, WordPress a fait un grand bond en avant. Oubliez la plateforme de blogs de ses d\u00e9buts. Aujourd&rsquo;hui, WordPress est une plateforme collaborative nativement pr\u00eate pour l&rsquo;intelligence artificielle.<\/p>\n<p>Ce projet ambitieux visait \u00e0 fournir une infrastructure fiable et s\u00e9curis\u00e9e permettant aux utilisateurs de WordPress et aux d\u00e9veloppeurs de plugins d&rsquo;interagir avec les grands mod\u00e8les de langage (LLM) d&rsquo;une mani\u00e8re standardis\u00e9e.<\/p>\n<p>Le nouveau paradigme architectural ouvre la voie \u00e0 un \u00ab WordPress agentique \u00bb. Il s&rsquo;agit d&rsquo;un changement vers une utilisation agentique o\u00f9 WordPress est nativement capable d&rsquo;interagir avec des agents d&rsquo;intelligence artificielle externes via des interfaces standardis\u00e9es et conviviales pour les machines.<\/p>\n<p>Il y a beaucoup \u00e0 dire, mais avant d&rsquo;entrer dans les d\u00e9tails de l&rsquo;int\u00e9gration de l&rsquo;IA, voici quelques d\u00e9finitions pr\u00e9liminaires.<\/p>\n<h3>Architecture IA de WordPress : Concepts de base<\/h3>\n<p>Pour comprendre l&rsquo;architecture IA de WordPress 7.0, il est essentiel d&rsquo;identifier quatre composantes essentielles.<\/p>\n<ul>\n<li><strong>Client d&rsquo;IA :<\/strong> une <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/03\/proposal-for-merging-wp-ai-client-into-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">infrastructure d&rsquo;IA agnostique<\/a> qui fournit un moyen standardis\u00e9 pour le code PHP et JS de WordPress d&rsquo;interagir avec des mod\u00e8les d&rsquo;IA g\u00e9n\u00e9ratifs. Parce que le client d&rsquo;IA est agnostique, le syst\u00e8me peut fonctionner ind\u00e9pendamment d&rsquo;un fournisseur d&rsquo;IA particulier.<\/li>\n<li><strong>Fournisseur d&rsquo;IA :<\/strong> l&rsquo;entit\u00e9 ou l&rsquo;entreprise qui d\u00e9veloppe, poss\u00e8de et g\u00e8re les grands mod\u00e8les de langage (LLM), comme Anthropic, Google et OpenAI.<\/li>\n<li><strong>Connecteur :<\/strong> le composant qui <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\" target=\"_blank\" rel=\"noopener noreferrer\">permet l&rsquo;int\u00e9gration entre WordPress et les fournisseurs d&rsquo;IA<\/a>. WordPress 7.0 inclut 3 connecteurs par d\u00e9faut &#8211; OpenAI, Anthropic, et Google &#8211; accessibles depuis <strong>R\u00e9glages<\/strong> &gt; <strong>Connecteurs<\/strong>.<\/li>\n<li><strong>Abilities API :<\/strong> une nouvelle <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-9\/#abilities-api\">interface fonctionnelle<\/a> con\u00e7ue pour permettre aux extension, aux th\u00e8mes et au coeur de WordPress d&rsquo;exposer leurs capacit\u00e9s dans des formats lisibles \u00e0 la fois par l&rsquo;homme et par la machine, permettant aux agents d&rsquo;IA d&rsquo;interagir avec les fonctionnalit\u00e9s de WordPress (par exemple, la cr\u00e9ation d&rsquo;articles ou l&rsquo;ajout d&rsquo;un extrait) d&rsquo;une mani\u00e8re structur\u00e9e. C&rsquo;est ce qui rend WordPress 7.0 <strong>nativement agentique<\/strong>.<\/li>\n<\/ul>\n<figure id=\"attachment_207401\" aria-describedby=\"caption-attachment-207401\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207401 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-connectors-screen.jpg\" alt=\"L'\u00e9cran des connecteurs dans WordPress 7.0.\" width=\"1940\" height=\"1296\"><figcaption id=\"caption-attachment-207401\" class=\"wp-caption-text\">L&rsquo;\u00e9cran des connecteurs dans WordPress 7.0.<\/figcaption><\/figure>\n<h3>Connecteurs<\/h3>\n<p>Les versions pr\u00e9c\u00e9dentes de WordPress n\u00e9cessitaient une extension pour chaque fournisseur d&rsquo;IA que vous souhaitiez utiliser sur votre site. WordPress 7.0 introduit une <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\">interface unifi\u00e9e pour g\u00e9rer les connecteurs d&rsquo;intelligence artificielle<\/a> sous <strong>R\u00e9glages<\/strong> &gt; <strong>Connecteurs<\/strong>.<\/p>\n<p>Vous n&rsquo;avez plus besoin de coller vos cl\u00e9s API \u00e0 plusieurs endroits. Saisissez vos cl\u00e9s une seule fois dans l&rsquo;\u00e9cran <strong>Connecteurs<\/strong>, et toutes les extensions compatibles pourront utiliser cette connexion \u00e0 travers le <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">client IA<\/a>.<\/p>\n<p>En outre, la nouvelle interface vous permet de passer d&rsquo;un fournisseur d&rsquo;IA \u00e0 l&rsquo;autre \u00e0 partir d&rsquo;un seul endroit sans risquer de casser quoi que ce soit.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>WordPress <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/61700\/\" target=\"_blank\" rel=\"noopener noreferrer\">n&rsquo;envoie pas d&rsquo;invites ou de donn\u00e9es<\/a> \u00e0 un service d&rsquo;IA par d\u00e9faut sans votre consentement explicite et la configuration du service.<\/p>\n<\/aside>\n\n<p>Dans l&rsquo;interface <strong>Connecteurs<\/strong>, cliquez sur le bouton <strong>Installer<\/strong> pour votre fournisseur d&rsquo;IA et saisissez votre cl\u00e9 API. Sauvegardez vos r\u00e9glages, et vous \u00eates pr\u00eat \u00e0 interagir avec le fournisseur d&rsquo;IA sur votre site WordPress.<\/p>\n<figure id=\"attachment_207521\" aria-describedby=\"caption-attachment-207521\" style=\"width: 1302px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207521 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-google-api-key.jpg\" alt=\"Ajouter une cl\u00e9 API dans l'interface Connecteurs\" width=\"1302\" height=\"1268\"><figcaption id=\"caption-attachment-207521\" class=\"wp-caption-text\">Ajouter une cl\u00e9 API dans l&rsquo;interface Connecteurs<\/figcaption><\/figure>\n<p>Si vous ne savez pas par o\u00f9 commencer, installez et activez l&rsquo;<a href=\"https:\/\/make.wordpress.org\/ai\/2026\/03\/12\/whats-new-in-ai-experiments-0-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">extension AI Experiments<\/a>. Elle vous permet d&rsquo;ajouter des images mises en avant g\u00e9n\u00e9r\u00e9es par l&rsquo;IA, du texte alt, des extraits, etc.<\/p>\n<figure id=\"attachment_207522\" aria-describedby=\"caption-attachment-207522\" style=\"width: 1978px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207522 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-ai-experiments-settings.png\" alt=\"R\u00e9glages de l'extension AI Experiments\" width=\"1978\" height=\"1834\"><figcaption id=\"caption-attachment-207522\" class=\"wp-caption-text\">R\u00e9glages de l&rsquo;extension AI Experiments<\/figcaption><\/figure>\n<p>La nouvelle int\u00e9gration de l&rsquo;IA introduit non seulement une nouvelle interface utilisateur, mais permet \u00e9galement aux d\u00e9veloppeurs d&rsquo;enregistrer de nouveaux fournisseurs d&rsquo;IA via l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/18\/introducing-the-connectors-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Connectors<\/a>.<\/p>\n<p>Les d\u00e9veloppeurs peuvent d\u00e9sormais enregistrer et g\u00e9rer les connecteurs \u00e0 l&rsquo;aide des nouvelles classes et m\u00e9thodes de base. Une fois enregistr\u00e9, chaque connecteur apparait sous la forme d&rsquo;une carte dans l&rsquo;\u00e9cran Connecteurs.<\/p>\n<p>La nouvelle API propose \u00e9galement trois fonctions publiques.<\/p>\n<ul>\n<li><code>wp_is_connector_registered()<\/code> : v\u00e9rifie si un connecteur est enregistr\u00e9.<\/li>\n<li><code>wp_get_connector()<\/code> : r\u00e9cup\u00e8re les donn\u00e9es d&rsquo;un seul connecteur.<\/li>\n<li><code>wp_get_connectors()<\/code> : r\u00e9cup\u00e8re tous les connecteurs enregistr\u00e9s.<\/li>\n<\/ul>\n<p>De plus, le nouveau crochet d&rsquo;action <code>wp_connectors_init<\/code> vous permet de remplacer les m\u00e9tadonn\u00e9es des connecteurs enregistr\u00e9s.<\/p>\n<h3>Construire avec le client IA<\/h3>\n<p>L&rsquo;\u00e9cran <strong>Connecteurs<\/strong> fournit l&rsquo;interface IA. Le <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/introducing-the-ai-client-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">client IA est le moteur sous le capot<\/a> une couche d&rsquo;abstraction unifi\u00e9e qui standardise la fa\u00e7on dont WordPress interagit avec l&rsquo;IA. Que ce soit OpenAI, Anthropic, ou Google Gemini, votre code reste le m\u00eame. WordPress s&rsquo;occupe de la traduction, ce qui vous permet de vous concentrer sur la logique de votre application.<\/p>\n<p>La nouvelle <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">fonction <code>wp_ai_client_prompt()<\/code><\/a> est au c\u0153ur de cette impl\u00e9mentation.<\/p>\n<p>Voici un exemple simple en PHP :<\/p>\n<pre><code class=\"language-php\">$ai_response = wp_ai_client_prompt( \"Create a professional post about WordPress\" )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $ai_response ) ) {\n\twp_die( $ai_response-&gt;get_error_message() );\n}\n\necho wp_kses_post( $ai_response );<\/code><\/pre>\n<p>L&rsquo;exemple suivant montre comment d\u00e9finir le sch\u00e9ma de r\u00e9ponse pour rendre les donn\u00e9es pr\u00eates \u00e0 l&#8217;emploi.<\/p>\n<pre><code class=\"language-php\">$taxonomy_schema = array(\n\t'type'       =&gt; 'object',\n\t'properties' =&gt; array(\n\t\t'category' =&gt; array( 'type' =&gt; 'string' ),\n\t\t'tags'     =&gt; array( \n\t\t\t'type'  =&gt; 'array',\n\t\t\t'items' =&gt; array( 'type' =&gt; 'string' )\n\t\t),\n\t),\n\t'required'   =&gt; array( 'category', 'tags' ),\n);\n\n$post_body = \"Working from a small tavern in Crete was a game-changer. I realized that Greece is becoming the ultimate hub for remote workers in 2026.\";\n\n$json = wp_ai_client_prompt( \"Based on this text, suggest the most appropriate category and 3-5 relevant tags: $post_body\" )\n\t-&gt;using_temperature( 0.1 )\n\t-&gt;as_json_response( $taxonomy_schema )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $json ) ) {\n\treturn $json;\n}\n\n$suggested_taxonomies = json_decode( $json, true );<\/code><\/pre>\n<p>Dans ce code,<\/p>\n<ul>\n<li>Avec <code>as_json_response()<\/code>, WordPress s&rsquo;assure que la sortie est purement JSON et conforme au sch\u00e9ma sp\u00e9cifi\u00e9 (<code>$taxonomy_schema<\/code>).<\/li>\n<li><code>using_temperature()<\/code> contr\u00f4le la r\u00e9ponse de l&rsquo;IA, la rendant plus ou moins d\u00e9terministe (ou al\u00e9atoire). Une temp\u00e9rature basse (<code>0,1<\/code>) permet d&rsquo;obtenir une plus grande pr\u00e9cision, tandis qu&rsquo;une temp\u00e9rature \u00e9lev\u00e9e encourage une r\u00e9ponse plus cr\u00e9ative.<\/li>\n<li>Le tableau <code>$suggested_taxonomies<\/code> fournit les cat\u00e9gories et les \u00e9tiquettes g\u00e9n\u00e9r\u00e9es par l&rsquo;IA. Vous pouvez les attribuer automatiquement \u00e0 votre article.<\/li>\n<\/ul>\n<p>Une sortie structur\u00e9e garantit des r\u00e9sultats pr\u00e9visibles et constitue un format id\u00e9al pour l&rsquo;utilisation de l&rsquo;API Abilities. Par exemple, le code ci-dessus peut \u00eatre utilis\u00e9 pour cr\u00e9er automatiquement un article avec la cat\u00e9gorie et les \u00e9tiquettes sp\u00e9cifi\u00e9es.<\/p>\n<p>L&rsquo;API ne prend pas seulement en charge le texte. Gr\u00e2ce \u00e0 la m\u00e9thode <code>generate_image()<\/code>, le client IA peut \u00e9galement g\u00e9n\u00e9rer des images.<\/p>\n<p>Vous pouvez demander plusieurs r\u00e9sultats en un seul appel. Par exemple, vous pouvez demander 3 options de texte ou d&rsquo;image en passant une valeur num\u00e9rique aux m\u00e9thodes <code>generate_text()<\/code> ou <code>generate_image()<\/code>: en appelant <code>generate_image( 3 )<\/code>, vous obtiendrez 3 variantes de la m\u00eame image.<\/p>\n<p>L&rsquo;API fournit \u00e9galement un ensemble de m\u00e9thodes qui renvoient des informations suppl\u00e9mentaires. Ces m\u00e9thodes renvoient un objet <code>GenerativeAiResult<\/code> contenant des m\u00e9tadonn\u00e9es riches, telles que l&rsquo;utilisation du jeton, le fournisseur et le mod\u00e8le qui a r\u00e9pondu \u00e0 l&rsquo;invite :<\/p>\n<ul>\n<li><code>generate_text_result()<\/code><\/li>\n<li><code>generate_image_result()<\/code><\/li>\n<li><code>convert_text_to_speech_result()<\/code><\/li>\n<li><code>generate_speech_result()<\/code><\/li>\n<li><code>generate_video_result()<\/code><\/li>\n<\/ul>\n<p>Comme vous pouvez le constater, ces m\u00e9thodes offrent une s\u00e9rie de fonctionnalit\u00e9s suppl\u00e9mentaires, notamment la prise en charge de la conversion texte-parole, de la parole et de la vid\u00e9o.<\/p>\n<p>Les autres m\u00e9thodes de l&rsquo;API sont les suivantes :<\/p>\n<ul>\n<li><code>using_max_tokens()<\/code> : limite la longueur de la r\u00e9ponse (par exemple, <code>-&gt;using_max_tokens( 500 )<\/code>)<\/li>\n<li><code>using_model_preference()<\/code> : d\u00e9finit un mod\u00e8le sp\u00e9cifique (par exemple, <code>-&gt;using_model_preference( 'gemini-2.5-flash' )<\/code>)<\/li>\n<\/ul>\n<p>Pour une analyse plus approfondie et des exemples de code suppl\u00e9mentaires, reportez-vous \u00e0 la page du projet GitHub <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">WP AI Client<\/a> et aux changements effectu\u00e9s en <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\/blob\/trunk\/UPGRADE.md\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e9paration de WordPress 7.0<\/a>.<\/p>\n<h2>Collaboration en temps r\u00e9el dans l&rsquo;\u00e9diteur de blocs<\/h2>\n<p>La collaboration en temps r\u00e9el (Real-Time Collaboration ou RTC) dans l&rsquo;\u00e9diteur de blocs est l&rsquo;une des fonctionnalit\u00e9s les plus attendues de la version de base. WordPress 7.0 introduit la possibilit\u00e9 de modifier le m\u00eame article ou la m\u00eame page de mani\u00e8re synchronis\u00e9e avec plusieurs utilisateurs, comme dans un <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-docs-vers-wordpress\/\">Google Doc.<\/a><\/p>\n<p>Par essence, WordPress 7.0 passe d&rsquo;une plateforme mono-utilisateur \u00e0 une plateforme multi-utilisateurs. Cela repr\u00e9sente un changement fondamental pour les \u00e9quipes \u00e9ditoriales qui travaillent avec WordPress.<\/p>\n<p>Ce projet vise <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52593\" target=\"_blank\" rel=\"noopener noreferrer\">plusieurs objectifs<\/a> :<\/p>\n<ul>\n<li>Permettre une collaboration en temps r\u00e9el sur le contenu, y compris les articles, les pages et les mod\u00e8les.<\/li>\n<li>Permettre la modification hors ligne et la synchronisation des donn\u00e9es.<\/li>\n<li>Fournir une exp\u00e9rience de d\u00e9veloppement optimis\u00e9e afin que les d\u00e9veloppeurs n&rsquo;aient pas \u00e0 se soucier de l&rsquo;\u00e9dition collaborative, puisque les donn\u00e9es sont collaboratives et synchronis\u00e9es par d\u00e9faut.<\/li>\n<\/ul>\n<p>Cette premi\u00e8re impl\u00e9mentation introduit une vari\u00e9t\u00e9 de nouvelles fonctionnalit\u00e9s affectant \u00e0 la fois les utilisateurs de l&rsquo;\u00e9diteur et les d\u00e9veloppeurs. Nous allons nous y plonger.<\/p>\n<h3>Collaboration en temps r\u00e9el dans l&rsquo;\u00e9diteur de blocs : Nouveaut\u00e9s pour les utilisateurs<\/h3>\n<p>Si vous travaillez en \u00e9quipe, vous n&rsquo;avez plus besoin d&rsquo;attendre que votre coll\u00e8gue quitte l&rsquo;\u00e9diteur pour revoir le contenu ou apporter des modifications, car vous pouvez d\u00e9sormais collaborer en temps r\u00e9el \u00e0 la production de contenu.<\/p>\n<p>Pour commencer, assurez-vous que l&rsquo;option <strong>Activer la collaboration en temps r\u00e9el<\/strong> est coch\u00e9e dans les r\u00e9glages d&rsquo;<strong>\u00e9criture<\/strong>.<\/p>\n<figure id=\"attachment_207211\" aria-describedby=\"caption-attachment-207211\" style=\"width: 1514px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207211 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-enable-real-time-collaboration.png\" alt=\"Activer la collaboration en temps r\u00e9el dans WordPress 7.0.\" width=\"1514\" height=\"1068\"><figcaption id=\"caption-attachment-207211\" class=\"wp-caption-text\">Activer la collaboration en temps r\u00e9el dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Ensuite, ouvrez l&rsquo;\u00e9diteur d&rsquo;articles avec d&rsquo;autres membres de votre \u00e9quipe, ou ouvrez plusieurs sessions avec diff\u00e9rents utilisateurs, et commencez \u00e0 explorer.<\/p>\n<p>Ce sont les points cl\u00e9s de l&rsquo;\u00e9dition collaborative.<\/p>\n<h4>Sensibilisation<\/h4>\n<p>Lorsque plusieurs utilisateurs collaborent sur le m\u00eame message ou la m\u00eame page, les avatars des autres utilisateurs apparaissent dans la barre d&rsquo;outils sup\u00e9rieure de l&rsquo;\u00e9diteur de blocs.<\/p>\n<figure id=\"attachment_207212\" aria-describedby=\"caption-attachment-207212\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207212 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborators.png\" alt=\"Les avatars des collaborateurs apparaissent en haut de l'\u00e9diteur.\" width=\"1982\" height=\"448\"><figcaption id=\"caption-attachment-207212\" class=\"wp-caption-text\">Les avatars des collaborateurs apparaissent en haut de l&rsquo;\u00e9diteur.<\/figcaption><\/figure>\n<p>Les modifications apport\u00e9es par chaque collaborateur seront visibles par le reste de l&rsquo;\u00e9quipe en temps quasi r\u00e9el. Lorsqu&rsquo;un utilisateur travaille sur un \u00e9l\u00e9ment de texte, son avatar apparait \u00e9galement dans la barre d&rsquo;outils du bloc et se d\u00e9place avec le curseur.<\/p>\n<figure id=\"attachment_207214\" aria-describedby=\"caption-attachment-207214\" style=\"width: 848px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207214 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing.png\" alt=\"Un autre utilisateur modifie un bloc Paragraphe.\" width=\"848\" height=\"208\"><figcaption id=\"caption-attachment-207214\" class=\"wp-caption-text\">Un autre utilisateur modifie un bloc Paragraphe.<\/figcaption><\/figure>\n<figure id=\"attachment_207215\" aria-describedby=\"caption-attachment-207215\" style=\"width: 1072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207215 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-image-block.jpg\" alt=\"Un autre utilisateur modifie un bloc Image.\" width=\"1072\" height=\"328\"><figcaption id=\"caption-attachment-207215\" class=\"wp-caption-text\">Un autre utilisateur modifie un bloc Image.<\/figcaption><\/figure>\n<p>En outre, lorsqu&rsquo;un utilisateur ajoute un nouveau bloc, celui-ci est mis en \u00e9vidence par une bordure color\u00e9e.<\/p>\n<figure id=\"attachment_207216\" aria-describedby=\"caption-attachment-207216\" style=\"width: 1666px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207216 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-new-image-block.png\" alt=\"Un bloc d'image ajout\u00e9 par un autre utilisateur apparait avec une bordure color\u00e9e.\" width=\"1666\" height=\"386\"><figcaption id=\"caption-attachment-207216\" class=\"wp-caption-text\">Un bloc d&rsquo;image ajout\u00e9 par un autre utilisateur apparait avec une bordure color\u00e9e.<\/figcaption><\/figure>\n<h4>Synchronisation avec le backend<\/h4>\n<p>Gr\u00e2ce \u00e0 l&rsquo;int\u00e9gration d&rsquo;<a href=\"https:\/\/yjs.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yjs<\/a>, le syst\u00e8me <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/68483\" target=\"_blank\" rel=\"noopener noreferrer\">g\u00e8re les conflits de mani\u00e8re intelligente<\/a> en utilisant <a href=\"https:\/\/en.wikipedia.org\/wiki\/Conflict-free_replicated_data_type\" target=\"_blank\" rel=\"noopener noreferrer\">CRDT<\/a>. Si deux utilisateurs travaillent sur le m\u00eame bloc ou \u00e9crivent le m\u00eame mot en m\u00eame temps, le syst\u00e8me synchronise les modifications en douceur. Les modifications des propri\u00e9t\u00e9s des blocs, telles que les couleurs et les polices, sont \u00e9galement g\u00e9r\u00e9es de mani\u00e8re transparente.<\/p>\n<figure id=\"attachment_207217\" aria-describedby=\"caption-attachment-207217\" style=\"width: 1472px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207217 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-style-settings.png\" alt=\"Modification collaborative des r\u00e9glages de style des blocs dans WordPress 7.0.\" width=\"1472\" height=\"878\"><figcaption id=\"caption-attachment-207217\" class=\"wp-caption-text\">Modification collaborative des r\u00e9glages de style des blocs dans WordPress 7.0.<\/figcaption><\/figure>\n<h4>Modification hors ligne et synchronisation des donn\u00e9es<\/h4>\n<p>Le syst\u00e8me fonctionne sans probl\u00e8me m\u00eame lorsque vous \u00eates hors ligne. Ainsi, si vous travaillez dans des zones o\u00f9 les connexions sont lentes ou si vous \u00eates hors ligne pendant quelques minutes, vous pouvez toujours \u00e9crire. Lorsque le signal sera r\u00e9tabli, vos modifications seront fusionn\u00e9es avec celles des autres et il n&rsquo;y aura pas d&rsquo;\u00e9crasement ind\u00e9sirable.<\/p>\n<p>L&rsquo;annulation d&rsquo;une op\u00e9ration (<code>Cmd Z<\/code>) n&rsquo;annulera que vos derni\u00e8res modifications, et non celles effectu\u00e9es par vos coll\u00e8gues une seconde plus t\u00f4t.<\/p>\n<p>Vous n&rsquo;aurez pas \u00e0 vous soucier de sauvegarder constamment votre travail pour le partager avec d&rsquo;autres. La synchronisation s&rsquo;effectue presque en temps r\u00e9el. Les autres utilisateurs connect\u00e9s et travaillant sur le m\u00eame contenu verront vos modifications presque instantan\u00e9ment.<\/p>\n<h3>Collaboration en temps r\u00e9el dans l&rsquo;\u00e9diteur de blocs : une introduction pour les d\u00e9veloppeurs<\/h3>\n<p>Le nouveau <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">syst\u00e8me de collaboration en temps r\u00e9el<\/a> de WordPress est fond\u00e9 sur <a href=\"https:\/\/yjs.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yjs<\/a>, \u00ab un CRDT de haute performance pour construire des applications collaboratives qui se synchronisent automatiquement \u00bb<\/p>\n<p>Yjs est une biblioth\u00e8que JavaScript pour la gestion des donn\u00e9es, comme le contenu de WordPress, qui doivent \u00eatre modifi\u00e9es simultan\u00e9ment par plusieurs personnes en temps r\u00e9el. C&rsquo;est le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52593\" target=\"_blank\" rel=\"noopener noreferrer\">moteur de synchronisation<\/a> pour la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/03\/real-time-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">collaboration en temps r\u00e9el<\/a> dans l&rsquo;\u00e9diteur.<\/p>\n<p>En termes techniques, Yjs est une impl\u00e9mentation de CRDT (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Conflict-free_replicated_data_type\" target=\"_blank\" rel=\"noopener noreferrer\">Conflict-free Replicated Data Types<\/a>) :<\/p>\n<blockquote><p>Il expose son mod\u00e8le CRDT interne sous forme de types de donn\u00e9es partag\u00e9s qui peuvent \u00eatre manipul\u00e9s simultan\u00e9ment. Les types partag\u00e9s sont similaires aux types de donn\u00e9es courants tels que <code>Map<\/code> et <code>Array<\/code>. Ils peuvent \u00eatre manipul\u00e9s, d\u00e9clencher des \u00e9v\u00e8nements en cas de changement et fusionner automatiquement sans conflit de fusion.<\/p><\/blockquote>\n<p>Avant WordPress 7.0, les articles \u00e9taient stock\u00e9s sous la forme d&rsquo;une seule chaine HTML statique. Yjs utilise le format Delta pour d\u00e9crire le contenu et les modifications apport\u00e9es par chaque contributeur. <a href=\"https:\/\/quilljs.com\/docs\/delta\/\" target=\"_blank\" rel=\"noopener noreferrer\">Les deltas sont un format de donn\u00e9es<\/a> qui d\u00e9crit les documents sans la complexit\u00e9 du HTML, y compris les informations de formatage.<\/p>\n<p>Par exemple, consid\u00e9rez le texte \u00ab Hello WordPress \u00bb L&rsquo;objet JSON suivant d\u00e9crit un changement dans le poids de la police :<\/p>\n<pre><code class=\"language-json\">[\n\t{ \"retain\": 6 }, \/\/ Skip \"Hello \" (6 characters)\n\t{ \"retain\": 9, \"attributes\": { \"bold\": true } } \/\/ Apply bold to the next 9 characters\n]<\/code><\/pre>\n<p>Si un utilisateur ajoute \u00ab 7.0 \u00bb \u00e0 la fin de la chaine, l&rsquo;objet JSON r\u00e9sultant est le suivant :<\/p>\n<pre><code class=\"language-json\">[\n\t{ \"retain\" : 15 },\n\t{ \"insert\" : \" 7.0\" }\n]<\/code><\/pre>\n<p>L&rsquo;utilisation de Yjs et la mise en \u0153uvre du format Delta offrent plusieurs avantages :<\/p>\n<ul>\n<li>Il pr\u00e9vient tous les types de conflits. Si plusieurs utilisateurs modifient le m\u00eame paragraphe ou m\u00eame le m\u00eame mot, WordPress peut identifier qui a \u00e9crit chaque lettre. Cela permet des r\u00e9visions granulaires et ouvre la voie \u00e0 des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">restaurations de r\u00e9visions au niveau du bloc<\/a>.<\/li>\n<li>Cela garantit une pr\u00e9cision chirurgicale et une synchronisation instantan\u00e9e. Si vous modifiez un seul mot dans un article de 20.000 mots, seule cette petite modification est enregistr\u00e9e. Cela permet une synchronisation instantan\u00e9e du contenu pour tous les utilisateurs connect\u00e9s.<\/li>\n<li>La m\u00eame approche permet de synchroniser les r\u00e9glages des blocs (tels que les couleurs ou les options de mise en page) en tant qu&rsquo;attributs de carte partag\u00e9s.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Les bo\u00eetes m\u00e9ta PHP traditionnelles d\u00e9sactivent automatiquement la collaboration en temps r\u00e9el pour un article afin d&rsquo;\u00e9viter la perte de donn\u00e9es. Pour prendre en charge ces fonctionnalit\u00e9s, les d\u00e9veloppeurs doivent <a href=\"https:\/\/kinsta.com\/fr\/blog\/ajouter-boite-meta-champ-personnalise-wordpress\/#register-custom-meta-fields\">enregistrer les m\u00e9ta-boxes avec <code>show_in_rest =&gt; true<\/code><\/a> et utiliser des extension de colonne lat\u00e9rale ou des alternatives bas\u00e9es sur les blocs qui lisent dans les magasins de donn\u00e9es de WordPress<\/p>\n<\/aside>\n\n<p>Pour une vue d&rsquo;ensemble approfondie de ce que les d\u00e9veloppeurs doivent savoir pour permettre la collaboration dans l&rsquo;\u00e9diteur, consultez la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/65012\" target=\"_blank\" rel=\"noopener noreferrer\">cette discussion sur l&rsquo;\u00e9dition collaborative<\/a>.<\/p>\n<h3>Infrastructure et transport de donn\u00e9es : L&rsquo;importance de votre h\u00e9bergeur<\/h3>\n<p>Le fait que plusieurs utilisateurs travaillent simultan\u00e9ment sur le backend de WordPress peut peser sur les ressources de votre site, il est donc important de comprendre ce qui se passe en coulisses lors de l&rsquo;\u00e9dition collaborative.<\/p>\n<p>Comme nous l&rsquo;avons mentionn\u00e9 pr\u00e9c\u00e9demment, l&rsquo;interface de l&rsquo;\u00e9diteur et le moteur Yjs fournissent les bases d&rsquo;une collaboration en temps r\u00e9el. Cependant, nous n&rsquo;avons pas encore expliqu\u00e9 comment les donn\u00e9es sont transport\u00e9es entre les utilisateurs. Ce processus est g\u00e9r\u00e9 par la couche de transport, qui transmet vos modifications de votre navigateur au serveur, puis aux autres utilisateurs qui \u00e9ditent le m\u00eame contenu.<\/p>\n<p>Parmi les nombreuses <a href=\"https:\/\/docs.yjs.dev\/ecosystem\/connection-provider\" target=\"_blank\" rel=\"noopener noreferrer\">options de couche de transport disponibles<\/a>, HTTP Polling, WebSockets et WebRTC ont <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/74085\" target=\"_blank\" rel=\"noopener noreferrer\">re\u00e7u le plus d&rsquo;attention<\/a>. Chaque option a ses avantages et ses inconv\u00e9nients.<\/p>\n<ul>\n<li>L&rsquo;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Polling_(computer_science)\" target=\"_blank\" rel=\"noopener noreferrer\">interrogation HTTP<\/a> est appr\u00e9ci\u00e9e pour son support universel &#8211; elle fonctionne sur tous les serveurs PHP et dans tous les environnements d&rsquo;h\u00e9bergement partag\u00e9 sans configuration suppl\u00e9mentaire &#8211; mais elle est moins efficace en raison des frais g\u00e9n\u00e9raux \u00e9lev\u00e9s li\u00e9s aux requ\u00eates HTTP constantes.<\/li>\n<li>Les <a href=\"https:\/\/en.wikipedia.org\/wiki\/WebSocket\" target=\"_blank\" rel=\"noopener noreferrer\">WebSockets<\/a> excellent en termes d&rsquo;efficacit\u00e9 des ressources et de faible latence, les changements apparaissant instantan\u00e9ment, mais ils n\u00e9cessitent un logiciel sp\u00e9cialis\u00e9 qui n&rsquo;est pas disponible sur les h\u00f4tes de base.<\/li>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/WebRTC\" target=\"_blank\" rel=\"noopener noreferrer\">WebRTC<\/a> est tr\u00e8s efficace pour les petits groupes d&rsquo;utilisateurs, car les navigateurs s&rsquo;envoient directement des donn\u00e9es sans serveur central pour la synchronisation. Cependant, il est <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/74085#issuecomment-3670177057\" target=\"_blank\" rel=\"noopener noreferrer\">consid\u00e9r\u00e9 comme peu fiable<\/a>.<\/li>\n<\/ul>\n<p>Finalement, la d\u00e9cision a \u00e9t\u00e9 prise de <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#real-time-collaboration-rtc-coming-to-wordpress-7-0\" target=\"_blank\" rel=\"noopener noreferrer\">mettre en \u0153uvre la solution HTTP Polling<\/a>. Bien que cette solution garantisse la collaboration sur n&rsquo;importe quel serveur, elle s&rsquo;accompagne de frais g\u00e9n\u00e9raux plus \u00e9lev\u00e9s et constitue l&rsquo;option la moins \u00ab en temps r\u00e9el \u00bb. WordPress est con\u00e7u pour fonctionner sur tous les types de serveurs, de l&rsquo;h\u00e9bergement partag\u00e9 d&rsquo;entr\u00e9e de gamme aux infrastructures d&rsquo;entreprise massives, c&rsquo;est pourquoi cette solution a \u00e9t\u00e9 choisie.<\/p>\n<p>Cependant, la couche de transport est <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">con\u00e7ue pour \u00eatre remplac\u00e9e ou \u00e9tendue<\/a>. Les h\u00e9bergeurs ou les extensions sp\u00e9cialis\u00e9s peuvent remplacer le syst\u00e8me de sondage par d\u00e9faut par un <strong>fournisseur WebSocket<\/strong> tr\u00e8s performant.<\/p>\n<h2>Nouveaux blocs et outils de conception<\/h2>\n<p>WordPress 7.0 introduit de nouveaux blocs et outils de conception qui am\u00e9lioreront consid\u00e9rablement l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition. Voici ce qu&rsquo;il y a de nouveau et comment vos flux de travail cr\u00e9atifs changent.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nouveau bloc Breadcrumbs<\/h3>\n<p>WordPress 7.0 introduit un nouveau <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#breadcrumbs-block-enhancements\" target=\"_blank\" rel=\"noopener noreferrer\">bloc de fils d&rsquo;Ariane<\/a> qui refl\u00e8te la hi\u00e9rarchie affich\u00e9e de la page.<\/p>\n<p>\u00c0 la base, le nouveau bloc comprend un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/72498\" target=\"_blank\" rel=\"noopener noreferrer\">composant dynamique<\/a> qui interroge la structure de donn\u00e9es de WordPress pour identifier automatiquement l&#8217;emplacement actuel des visiteurs du site en fonction de la hi\u00e9rarchie de la page (parent\/enfant) ou des termes de la taxonomie de l&rsquo;article.<\/p>\n<p>Dans l&rsquo;image ci-dessous, le bloc Breadcrumbs affiche la hi\u00e9rarchie des cat\u00e9gories d&rsquo;un article de blog ordinaire.<\/p>\n<figure id=\"attachment_206612\" aria-describedby=\"caption-attachment-206612\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206612 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-breadcrumbs-block-settings-1.png\" alt=\"Le bloc Breadcrumbs affiche la hi\u00e9rarchie des cat\u00e9gories de l'article.\" width=\"2146\" height=\"916\"><figcaption id=\"caption-attachment-206612\" class=\"wp-caption-text\">Le bloc Breadcrumbs affiche la hi\u00e9rarchie des cat\u00e9gories de l&rsquo;article.<\/figcaption><\/figure>\n<p>Le bloc Breadcrumbs prend \u00e9galement en charge la boucle de requ\u00eate. Lorsque vous ajoutez un bloc Fil d&rsquo;Ariane \u00e0 un bloc Boucle de requ\u00eate, le bloc affiche les chemins d&rsquo;acc\u00e8s des articles individuels extraits de la requ\u00eate.<\/p>\n<p>Le bloc Breadcrumbs dispose de quelques options de configuration qui vous permettent de :<\/p>\n<ul>\n<li>Afficher\/masquer le lien vers la page d&rsquo;accueil comme point de d\u00e9part de la navigation.<\/li>\n<li>Afficher\/masquer le fil d&rsquo;Ariane actuel.<\/li>\n<li>Modifier le s\u00e9parateur du fil d&rsquo;Ariane.<\/li>\n<li>Afficher les fils d&rsquo;Ariane sur la page d&rsquo;accueil.<\/li>\n<li>Pr\u00e9f\u00e9rer la hi\u00e9rarchie des articles (par d\u00e9faut) ou la hi\u00e9rarchie des termes de taxonomie.<\/li>\n<\/ul>\n<p>Le bloc Fil d&rsquo;Ariane prend en charge les outils de conception Gutenberg et <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">introduit deux filtres<\/a> qui permettent aux d\u00e9veloppeurs de contr\u00f4ler les fils d&rsquo;Ariane de mani\u00e8re programmatique.<\/p>\n<p>Le nouveau filtre <code>block_core_breadcrumbs_post_type_settings<\/code> permet aux d\u00e9veloppeurs de sp\u00e9cifier quelle taxonomie et quel terme doivent \u00eatre utilis\u00e9s dans les fils d&rsquo;Ariane lorsqu&rsquo;un article a plusieurs taxonomies ou termes.<\/p>\n<p>Dans l&rsquo;exemple suivant, le filtre est utilis\u00e9 pour afficher les \u00e9tiquettes au lieu des cat\u00e9gories :<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_post_type_settings', function( $settings, $post_type ) {\n\tif ( 'post' === $post_type ) {\n\t\t$settings['taxonomy'] = 'post_tag';\n\t}\n\treturn $settings;\n}, 10, 2 );<\/code><\/pre>\n<p>Le filtre <code>block_core_breadcrumbs_items<\/code> permet aux d\u00e9veloppeurs de modifier, d&rsquo;ajouter ou de supprimer des \u00e9l\u00e9ments du fil d&rsquo;Ariane final avant qu&rsquo;il ne soit rendu. Voici quelques cas d&rsquo;utilisation :<\/p>\n<ul>\n<li>Remplacer l&rsquo;ic\u00f4ne Accueil par une image (un SVG, le logo de votre entreprise, etc.) pour gagner de l&rsquo;espace ou rendre le bloc plus coh\u00e9rent avec l&rsquo;image de marque de votre site.<\/li>\n<li>Raccourcir le titre d&rsquo;un article dans le fil d&rsquo;Ariane s&rsquo;il est trop long.<\/li>\n<li>Injecter des cat\u00e9gories ou des termes personnalis\u00e9s, par exemple, en for\u00e7ant une \u00e9tape dans le fil d&rsquo;Ariane.<\/li>\n<\/ul>\n<p>Le code suivant utilise le nouveau filtre pour tronquer les \u00e9tiquettes du fil d&rsquo;Ariane lorsque leur longueur d\u00e9passe 20 caract\u00e8res :<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_items', function( $items ) {\n\tforeach ( $items as $key =&gt; $item ) {\n\t\tif ( mb_strlen( $item['label'] ) &gt; 20 ) {\n\t\t\t\/\/ Truncate the string to 17 characters and append '...'\n\t\t\t$items[$key]['label'] = mb_strimwidth( $item['label'], 0, 17, '...' );\n\t\t}\n\t}\n\treturn $items;\n}, 10, 1 );<\/code><\/pre>\n<p>Pour un aper\u00e7u plus approfondi des filtres de blocs Breadcrumbs et d&rsquo;autres exemples de code, consultez la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>.<\/p>\n<h3>Nouveau bloc d&rsquo;ic\u00f4ne<\/h3>\n<p>Un nouveau <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/25\/whats-new-in-gutenberg-22-6-25-february\/#icon-block\">bloc d&rsquo;ic\u00f4ne<\/a> vous permet d&rsquo;ajouter des ic\u00f4nes SVG dans votre contenu. Le nouveau bloc vise \u00e0 fournir <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16484\" target=\"_blank\" rel=\"noopener noreferrer\">une solution standard native<\/a> pour g\u00e9rer le balisage et assurer la coh\u00e9rence de l&rsquo;accessibilit\u00e9, sans n\u00e9cessiter l&rsquo;installation d&rsquo;extensions tierces juste pour ajouter quelques ic\u00f4nes.<\/p>\n<p>Actuellement, le nouveau bloc d&rsquo;ic\u00f4ne est livr\u00e9 avec un jeu par d\u00e9faut \u00e0 partir duquel vous pouvez s\u00e9lectionner vos ic\u00f4nes. Toutefois, il est pr\u00e9vu d&rsquo;ajouter la possibilit\u00e9 pour les utilisateurs d&rsquo;enregistrer des jeux d&rsquo;ic\u00f4nes tiers \u00e0 l&rsquo;avenir.<\/p>\n<figure id=\"attachment_206608\" aria-describedby=\"caption-attachment-206608\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icon-library.png\" alt=\"La biblioth\u00e8que d'ic\u00f4nes de WordPress 7.0\" width=\"2214\" height=\"1400\"><figcaption id=\"caption-attachment-206608\" class=\"wp-caption-text\">La biblioth\u00e8que d&rsquo;ic\u00f4nes de WordPress 7.0<\/figcaption><\/figure>\n<p>Le bloc est bas\u00e9 sur une nouvelle <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/72215\" target=\"_blank\" rel=\"noopener noreferrer\">API d&rsquo;enregistrement d&rsquo;ic\u00f4nes SVG<\/a> c\u00f4t\u00e9 serveur. Cela garantit que les mises \u00e0 jour du registre des ic\u00f4nes sont propag\u00e9es \u00e0 tous les utilisateurs sans erreur. L&rsquo;introduction du nouveau bloc d&rsquo;ic\u00f4nes est associ\u00e9e \u00e0 un nouveau point de terminaison de l&rsquo;API <code>\/wp\/v2\/icons<\/code>.<\/p>\n<figure id=\"attachment_206609\" aria-describedby=\"caption-attachment-206609\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206609 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icons.png\" alt=\"L'ajout d'ic\u00f4nes \u00e0 votre contenu est tr\u00e8s facile avec le nouveau bloc d'ic\u00f4nes.\" width=\"1702\" height=\"986\"><figcaption id=\"caption-attachment-206609\" class=\"wp-caption-text\">L&rsquo;ajout d&rsquo;ic\u00f4nes \u00e0 votre contenu est tr\u00e8s facile avec le nouveau bloc d&rsquo;ic\u00f4nes.<\/figcaption><\/figure>\n<h3>Superpositions de navigation personnalisables<\/h3>\n<p>Avant WordPress 7.0, les menus de navigation mobiles \u00e9taient fixes, et vous ne pouviez pas modifier le design, la mise en page ou le contenu par d\u00e9faut. WordPress 7.0 introduit des <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">superpositions de navigation personnalisables<\/a>, vous donnant un contr\u00f4le total sur vos menus de navigation. Vous pouvez cr\u00e9er un menu superpos\u00e9 en utilisant des blocs et des motifs, et un nouveau bloc de <strong>fermeture de superposition de navigation<\/strong> pour ajouter un bouton de fermeture n&rsquo;importe o\u00f9 dans la superposition de navigation.<\/p>\n<p>Techniquement, les superpositions de navigation sont des \u00e9l\u00e9ments de mod\u00e8le. Une fois que vous aurez cr\u00e9\u00e9 la v\u00f4tre, vous la trouverez dans la section <strong>Mod\u00e8les <\/strong>de la colonne lat\u00e9rale de l&rsquo;\u00e9diteur de site. Chaque superposition est assign\u00e9e \u00e0 un bloc de navigation, mais vous pouvez assigner plusieurs blocs de navigation \u00e0 la m\u00eame superposition.<\/p>\n<p>En fait, il s&rsquo;agit d&rsquo;un canevas de bloc qui peut contenir n&rsquo;importe quel type de bloc. Vous pouvez ajouter un bloc de navigation, mais c&rsquo;est vous qui d\u00e9cidez des blocs que vous ajoutez. Il peut s&rsquo;agir d&rsquo;ic\u00f4nes sociales, d&rsquo;un champ de recherche, du logo de votre site, etc.<\/p>\n<p>Les superpositions de navigation ne peuvent \u00eatre utilis\u00e9es que dans le bloc Navigation. Pour \u00e9viter toute utilisation accidentelle dans d&rsquo;autres parties d&rsquo;un mod\u00e8le, ils sont exclus de l&rsquo;outil d&rsquo;insertion de blocs.<\/p>\n<figure id=\"attachment_206595\" aria-describedby=\"caption-attachment-206595\" style=\"width: 1932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206595 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-create-overlay.png\" alt=\"Cr\u00e9er une superposition de navigation dans WordPress 7.0.\" width=\"1932\" height=\"1731\"><figcaption id=\"caption-attachment-206595\" class=\"wp-caption-text\">Cr\u00e9er une superposition de navigation dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Vous pouvez cr\u00e9er une superposition de navigation personnalis\u00e9e \u00e0 partir de la section <strong>Superpositions<\/strong> dans la colonne lat\u00e9rale du bloc Navigation dans l&rsquo;\u00e9diteur de site.<\/p>\n<p>Lorsque vous s\u00e9lectionnez le bloc Navigation, la colonne lat\u00e9rale de la partie mod\u00e8le affiche les param\u00e8tres de la <strong>superposition de navigation<\/strong>, divis\u00e9s en deux sections. La section <strong>Contenu<\/strong> indique les types de blocs inclus dans la superposition, tandis que la section <strong>Conception<\/strong> propose une s\u00e9rie de conceptions pr\u00e9d\u00e9finies.<\/p>\n<figure id=\"attachment_206597\" aria-describedby=\"caption-attachment-206597\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-settings-2.png\" alt=\"R\u00e9glages de la partie du mod\u00e8le consacr\u00e9e \u00e0 la superposition de navigation.\" width=\"1882\" height=\"1332\"><figcaption id=\"caption-attachment-206597\" class=\"wp-caption-text\">R\u00e9glages de la partie du mod\u00e8le consacr\u00e9e \u00e0 la superposition de navigation.<\/figcaption><\/figure>\n<p>Le bloc lat\u00e9ral est divis\u00e9 en deux onglets, l&rsquo;un pour les r\u00e9glages et l&rsquo;autre pour les styles de la partie de mod\u00e8le Navigation Overlay.<\/p>\n<figure id=\"attachment_206599\" aria-describedby=\"caption-attachment-206599\" style=\"width: 1926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206599 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-blocks.png\" alt=\"Configuration des blocs dans une superposition de navigation.\" width=\"1926\" height=\"1400\"><figcaption id=\"caption-attachment-206599\" class=\"wp-caption-text\">Configuration des blocs dans une superposition de navigation.<\/figcaption><\/figure>\n<p>L&rsquo;onglet <strong>Styles<\/strong> de l&rsquo;onglet des blocs de la superposition de navigation est l&rsquo;endroit o\u00f9 vous pouvez personnaliser l&rsquo;apparence de votre superposition en d\u00e9finissant les couleurs, l&rsquo;image d&rsquo;arri\u00e8re-plan, la typographie, la taille, la bordure et l&rsquo;ombre.<\/p>\n<figure id=\"attachment_206602\" aria-describedby=\"caption-attachment-206602\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206602 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-styles.png\" alt=\"R\u00e9glages de style de la superposition de navigation\" width=\"1882\" height=\"1380\"><figcaption id=\"caption-attachment-206602\" class=\"wp-caption-text\">R\u00e9glages de style de la superposition de navigation<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs de th\u00e8mes peuvent facilement ajouter des superpositions de navigation pr\u00e9d\u00e9finies \u00e0 leurs th\u00e8mes. Vous pouvez fournir \u00e0 la fois un mod\u00e8le de superposition par d\u00e9faut (la superposition elle-m\u00eame) et un ensemble de mod\u00e8les de superposition (mod\u00e8les pr\u00e9construits qui apparaissent lors de l&rsquo;\u00e9dition d&rsquo;une superposition de navigation).<\/p>\n<figure id=\"attachment_206603\" aria-describedby=\"caption-attachment-206603\" style=\"width: 1884px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206603 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-pre-built-designs.png\" alt=\"La section Designs de la barre lat\u00e9rale Template Part fournit un ensemble de mod\u00e8les pr\u00e9d\u00e9finis.\" width=\"1884\" height=\"1296\"><figcaption id=\"caption-attachment-206603\" class=\"wp-caption-text\">La section Designs de la barre lat\u00e9rale Template Part fournit un ensemble de mod\u00e8les pr\u00e9d\u00e9finis.<\/figcaption><\/figure>\n<p>Pour un aper\u00e7u plus approfondi et des exemples de code, reportez-vous \u00e0 la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> officielle et \u00e0 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73359\" target=\"_blank\" rel=\"noopener noreferrer\">cette pull request<\/a>.<\/p>\n<figure id=\"attachment_206601\" aria-describedby=\"caption-attachment-206601\" style=\"width: 1930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206601 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-close-block-settings.png\" alt=\"R\u00e9glages du bouton de fermeture de superposition de navigation\" width=\"1930\" height=\"880\"><figcaption id=\"caption-attachment-206601\" class=\"wp-caption-text\">R\u00e9glages du bouton de fermeture de superposition de navigation<\/figcaption><\/figure>\n<h3>Am\u00e9liorations du bloc Paragraphe<\/h3>\n<p>Plusieurs nouveaux ajouts au bloc Paragraphe offrent une plus grande souplesse dans la mise en forme du texte.<\/p>\n<p>Tout d&rsquo;abord, une nouvelle option dans les r\u00e9glages de typographie vous permet de d\u00e9finir le <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/new-block-support-text-indent-textindent\/\" target=\"_blank\" rel=\"noopener noreferrer\">retrait de la premi\u00e8re ligne<\/a>.<\/p>\n<figure id=\"attachment_208154\" aria-describedby=\"caption-attachment-208154\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208154 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-1.png\" alt=\"Contr\u00f4le du retrait de ligne dans WordPress 7.0\" width=\"2040\" height=\"774\"><figcaption id=\"caption-attachment-208154\" class=\"wp-caption-text\">Contr\u00f4le du retrait de ligne dans WordPress 7.0<\/figcaption><\/figure>\n<p>Vous pouvez contr\u00f4ler l&rsquo;indentation du texte pour des paragraphes individuels, ou vous pouvez l&rsquo;appliquer \u00e0 tous les paragraphes via les r\u00e9glages du style global sous <strong>\u00c9diteur<\/strong> &gt; <strong>Styles<\/strong> &gt; <strong>Blocs<\/strong> &gt; <strong>Paragraphe<\/strong>.<\/p>\n<figure id=\"attachment_208150\" aria-describedby=\"caption-attachment-208150\" style=\"width: 2308px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208150 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-global-styles.png\" alt=\"Contr\u00f4le du retrait de ligne dans les styles globaux\" width=\"2308\" height=\"636\"><figcaption id=\"caption-attachment-208150\" class=\"wp-caption-text\">Contr\u00f4le du retrait de ligne dans les styles globaux<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs de th\u00e8mes peuvent activer\/d\u00e9sactiver et contr\u00f4ler granulairement l&rsquo;indentation des lignes dans le fichier <code>theme.json<\/code> \u00e0 l&rsquo;aide de la nouvelle <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74889\" target=\"_blank\" rel=\"noopener noreferrer\">propri\u00e9t\u00e9 <code>textIndent<\/code><\/a>.<\/p>\n<p>Le bloc Paragraphe prend d\u00e9sormais en charge l&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73958\" target=\"_blank\" rel=\"noopener noreferrer\">alignement large et complet<\/a>. L&rsquo;image suivante montre le nouveau contr\u00f4le <strong>Alignement.<\/strong><\/p>\n<figure id=\"attachment_208151\" aria-describedby=\"caption-attachment-208151\" style=\"width: 1354px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208151 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-align-control.png\" alt=\"Le bloc Paragraphe prend d\u00e9sormais en charge l'alignement large et complet.\" width=\"1354\" height=\"622\"><figcaption id=\"caption-attachment-208151\" class=\"wp-caption-text\">Le bloc Paragraphe prend d\u00e9sormais en charge l&rsquo;alignement large et complet.<\/figcaption><\/figure>\n<p>Un autre ajout utile au bloc Paragraphe est la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74656\" target=\"_blank\" rel=\"noopener noreferrer\">prise en charge des colonnes de texte<\/a>. Cette nouvelle option est disponible dans les r\u00e9glages de <strong>typographie<\/strong> de la colonne lat\u00e9rale du bloc.<\/p>\n<figure id=\"attachment_208152\" aria-describedby=\"caption-attachment-208152\" style=\"width: 2060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208152 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-columns.png\" alt=\"Le bloc Paragraphe prend d\u00e9sormais en charge les colonnes de texte.\" width=\"2060\" height=\"1034\"><figcaption id=\"caption-attachment-208152\" class=\"wp-caption-text\">Le bloc Paragraphe prend d\u00e9sormais en charge les colonnes de texte.<\/figcaption><\/figure>\n<h3>Vid\u00e9os d&rsquo;arri\u00e8re-plan int\u00e9gr\u00e9es pour le bloc Couverture<\/h3>\n<p>Avec WordPress 7.0, vous pouvez utiliser des vid\u00e9os int\u00e9gr\u00e9es, telles que celles de <a href=\"https:\/\/kinsta.com\/fr\/blog\/embarquer-videos-youtube-wordpress\/\">YouTube<\/a> ou de Vimeo, comme <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#cover-block-video-embeds\" target=\"_blank\" rel=\"noopener noreferrer\">vid\u00e9os d&rsquo;arri\u00e8re-plan pour le bloc Couverture<\/a>. Auparavant, vous ne pouviez utiliser que des vid\u00e9os t\u00e9l\u00e9vers\u00e9es.<\/p>\n<p>Cette fonctionnalit\u00e9 est particuli\u00e8rement utile pour ceux qui souhaitent \u00e9conomiser de la bande passante en <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-video\/\">h\u00e9bergeant des vid\u00e9os sur des plateformes externes<\/a>.<\/p>\n<figure id=\"attachment_207246\" aria-describedby=\"caption-attachment-207246\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207246 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embed-video-from-url.png\" alt=\"Int\u00e9grer une vid\u00e9o \u00e0 partir d'une URL dans WordPress 7.0.\" width=\"1748\" height=\"856\"><figcaption id=\"caption-attachment-207246\" class=\"wp-caption-text\">Int\u00e9grer une vid\u00e9o \u00e0 partir d&rsquo;une URL dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Pour ajouter une vid\u00e9o h\u00e9berg\u00e9e, cliquez sur <strong>Ajouter un m\u00e9dia<\/strong> dans la barre d&rsquo;outils du bloc de couverture, puis s\u00e9lectionnez <strong>Int\u00e9grer une vid\u00e9o \u00e0 partir d&rsquo;une URL<\/strong>.<\/p>\n<figure id=\"attachment_207248\" aria-describedby=\"caption-attachment-207248\" style=\"width: 1742px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207248 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-video-url.png\" alt=\"Saisir l'URL de la vid\u00e9o pour le bloc de couverture.\" width=\"1742\" height=\"852\"><figcaption id=\"caption-attachment-207248\" class=\"wp-caption-text\">Saisir l&rsquo;URL de la vid\u00e9o pour le bloc de couverture.<\/figcaption><\/figure>\n<p>Il vous sera alors demand\u00e9 de saisir l&rsquo;URL de la vid\u00e9o.<\/p>\n<figure id=\"attachment_207250\" aria-describedby=\"caption-attachment-207250\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207250 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embedded-video.jpg\" alt=\"Vid\u00e9o int\u00e9gr\u00e9e en tant que vid\u00e9o d'arri\u00e8re-plan pour le bloc de couverture.\" width=\"2378\" height=\"1206\"><figcaption id=\"caption-attachment-207250\" class=\"wp-caption-text\">Vid\u00e9o int\u00e9gr\u00e9e en tant que vid\u00e9o d&rsquo;arri\u00e8re-plan pour le bloc de couverture.<\/figcaption><\/figure>\n<p>Votre vid\u00e9o int\u00e9gr\u00e9e apparaitra en tant que vid\u00e9o d&rsquo;arri\u00e8re-plan pour votre bloc de couverture, \u00e0 la fois dans l&rsquo;\u00e9diteur et sur le site web.<\/p>\n<h3>Bloc de grille r\u00e9actif<\/h3>\n<p>Le bloc Grille a \u00e9t\u00e9 mis \u00e0 jour pour \u00eatre nativement r\u00e9actif. Dans les versions pr\u00e9c\u00e9dentes de WordPress, les utilisateurs ne pouvaient choisir qu&rsquo;entre les modes Auto et Manuel. En mode Auto, vous pouviez d\u00e9finir la largeur minimale des colonnes pour que le bloc soit r\u00e9actif. En mode manuel, vous pouviez d\u00e9finir le nombre de colonnes, qui restait fixe.<\/p>\n<figure id=\"attachment_207377\" aria-describedby=\"caption-attachment-207377\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/grid-block-settings-wp-6-9.jpg\" alt=\"R\u00e9glages du bloc de grille dans WordPress 6.9.\" width=\"1790\" height=\"1002\"><figcaption id=\"caption-attachment-207377\" class=\"wp-caption-text\">R\u00e9glages du bloc de grille dans WordPress 6.9.<\/figcaption><\/figure>\n<p>A partir de WordPress 7.0, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73662\" target=\"_blank\" rel=\"noopener noreferrer\">le bloc Grille est nativement r\u00e9actif<\/a>. Le nombre de colonnes se comporte d\u00e9sormais comme le maximum, et vous pouvez affiner la taille minimale des colonnes et le nombre maximal de colonnes tout en gardant le bloc r\u00e9actif.<\/p>\n<figure id=\"attachment_207378\" aria-describedby=\"caption-attachment-207378\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-wide-screen.jpg\" alt=\"Le bloc Grille sur un grand \u00e9cran.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207378\" class=\"wp-caption-text\">Le bloc Grille sur un grand \u00e9cran.<\/figcaption><\/figure>\n<figure id=\"attachment_207379\" aria-describedby=\"caption-attachment-207379\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-small-screen.jpg\" alt=\"Le bloc Grille sur un petit \u00e9cran.\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207379\" class=\"wp-caption-text\">Le bloc Grille sur un petit \u00e9cran.<\/figcaption><\/figure>\n<h3>Support CSS personnalis\u00e9 pour les blocs individuels<\/h3>\n<p>Vous pouvez d\u00e9sormais ajouter des <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/custom-css-for-individual-block-instances-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">styles personnalis\u00e9s \u00e0 des instances de blocs sp\u00e9cifiques<\/a> \u00e0 partir des r\u00e9glages avanc\u00e9s du bloc.<\/p>\n<figure id=\"attachment_207383\" aria-describedby=\"caption-attachment-207383\" style=\"width: 1712px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-additional-css.jpg\" alt=\"Support CSS personnalis\u00e9 pour les blocs individuels dans WordPress 7.0.\" width=\"1712\" height=\"858\"><figcaption id=\"caption-attachment-207383\" class=\"wp-caption-text\">Support CSS personnalis\u00e9 pour les blocs individuels dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Lorsque vous ajoutez des styles personnalis\u00e9s \u00e0 un bloc, WordPress ajoute automatiquement la classe <code>has-custom-css<\/code>. Si vous inspectez le bloc dans l&rsquo;\u00e9diteur de code, vous verrez un bloc de code similaire \u00e0 ce qui suit :<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:image {\n\t\"id\":848,\n\t\"sizeSlug\":\"large\",\n\t\"linkDestination\":\"none\",\n\t\"style\":{ \"css\":\"border: 4px solid blue;\" }\n} --&gt;\n\t&lt;figure class=\"wp-block-image size-large has-custom-css\"&gt;\n\t\t&lt;img src=\"http:\/\/example.com\/wp-content\/uploads\/2026\/03\/example-768x1024.jpg\" alt=\" class=\"wp-image-848\"\/&gt;\n\t&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;\n<\/code><\/pre>\n<p>Le style personnalis\u00e9 se charge apr\u00e8s les valeurs par d\u00e9faut de WordPress et les styles globaux, ce qui garantit que les modifications que vous apportez n&rsquo;affecteront pas l&rsquo;apparence des autres instances du m\u00eame bloc.<\/p>\n<h3>Visibilit\u00e9 du bloc en fonction de la fen\u00eatre de visualisation<\/h3>\n<p>Dans WordPress 7.0, vous pouvez <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/block-visibility-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">cacher ou afficher les blocs<\/a> individuellement selon que l&rsquo;utilisateur se trouve sur un appareil mobile, une tablette ou un ordinateur de bureau.<\/p>\n<p>Cette premi\u00e8re it\u00e9ration ajoute la nouvelle propri\u00e9t\u00e9 viewport \u00e0 blockVisibility.<\/p>\n<pre><code class=\"language-json\">{\n\t\"metadata\" : {\n\t\t\"blockVisibility\" : {\n\t\t\t\"viewport\" : {\n\t\t\t\t\"mobile\" : false,\n\t\t\t\t\"tablet\" : true,\n\t\t\t\t\"desktop\" : true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Vous pouvez activer le contr\u00f4le de la visibilit\u00e9 en ajoutant l&rsquo;objet JSON ci-dessus au bloc directement dans l&rsquo;\u00e9diteur de code ou via la palette de commandes.<\/p>\n<figure id=\"attachment_207741\" aria-describedby=\"caption-attachment-207741\" style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207741 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-command-palette.jpg\" alt=\"Activer le contr\u00f4le de la visibilit\u00e9 du bloc \u00e0 partir de la palette de commandes.\" width=\"1466\" height=\"900\"><figcaption id=\"caption-attachment-207741\" class=\"wp-caption-text\">Activer le contr\u00f4le de la visibilit\u00e9 du bloc \u00e0 partir de la palette de commandes.<\/figcaption><\/figure>\n<p>Une fois que vous avez activ\u00e9 le contr\u00f4le de la visibilit\u00e9 des blocs, vous pouvez acc\u00e9der aux options de visibilit\u00e9 des blocs en ouvrant la fen\u00eatre modale \u00e0 partir de la barre d&rsquo;outils des blocs, de la colonne lat\u00e9rale de l&rsquo;inspecteur de blocs ou de la palette de commandes.<\/p>\n<figure id=\"attachment_207742\" aria-describedby=\"caption-attachment-207742\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207742 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp_7-0-visibility-modal.jpg\" alt=\"La fen\u00eatre modale de visibilit\u00e9 des blocs dans WordPress 7.0\" width=\"2174\" height=\"1108\"><figcaption id=\"caption-attachment-207742\" class=\"wp-caption-text\">La fen\u00eatre modale de visibilit\u00e9 des blocs dans WordPress 7.0<\/figcaption><\/figure>\n<p>Les prochaines versions devraient inclure des points de rupture configurables et une int\u00e9gration avec <code>theme.json<\/code> pour la visibilit\u00e9 des blocs.<\/p>\n<h3>Options de style pour le bloc Math<\/h3>\n<p>Avant WordPress 7.0, les utilisateurs ne pouvaient pas personnaliser l&rsquo;apparence du <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-9\/#math\">bloc Math\u00e9matique<\/a>. La nouvelle version de WordPress ajoute des options de couleur, de typographie, de dimensions et de bordure <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73544\" target=\"_blank\" rel=\"noopener noreferrer\">pour le bloc Math\u00e9matiques<\/a>.<\/p>\n<p>L&rsquo;image suivante fournit un exemple de style pour le bloc Math :<\/p>\n<figure id=\"attachment_208194\" aria-describedby=\"caption-attachment-208194\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208194 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-math-block-styles.png\" alt=\"Options de style pour le bloc Math.\" width=\"2040\" height=\"1264\"><figcaption id=\"caption-attachment-208194\" class=\"wp-caption-text\">Options de style pour le bloc Math.<\/figcaption><\/figure>\n<h3>Mises \u00e0 jour du bloc HTML<\/h3>\n<p>Le bloc HTML a \u00e9t\u00e9 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73108\" target=\"_blank\" rel=\"noopener noreferrer\">enti\u00e8rement repens\u00e9<\/a>. D\u00e9sormais, lorsque vous ins\u00e9rez un bloc HTML dans votre contenu, une fen\u00eatre modale s&rsquo;affiche avec trois onglets distincts pour la saisie de votre code HTML, CSS et JavaScript.<\/p>\n<figure id=\"attachment_208202\" aria-describedby=\"caption-attachment-208202\" style=\"width: 2426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208202 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal.png\" alt=\"Ajouter du code au bloc HTML dans WordPress 7.0.\" width=\"2426\" height=\"1182\"><figcaption id=\"caption-attachment-208202\" class=\"wp-caption-text\">Ajouter du code au bloc HTML dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Si vous avez besoin de plus d&rsquo;espace, un bouton situ\u00e9 dans le coin sup\u00e9rieur droit de la fen\u00eatre modale vous permet d&rsquo;activer ou de d\u00e9sactiver le mode plein \u00e9cran.<\/p>\n<figure id=\"attachment_208203\" aria-describedby=\"caption-attachment-208203\" style=\"width: 2182px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208203 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal-fullscreen.png\" alt=\"La fen\u00eatre modale du bloc HTML en mode plein \u00e9cran.\" width=\"2182\" height=\"1386\"><figcaption id=\"caption-attachment-208203\" class=\"wp-caption-text\">La fen\u00eatre modale du bloc HTML en mode plein \u00e9cran.<\/figcaption><\/figure>\n<h3>Am\u00e9liorations du bloc image<\/h3>\n<p>Le bloc d&rsquo;images a \u00e9t\u00e9 mis \u00e0 jour avec plusieurs am\u00e9liorations qui offrent de plus grandes options de personnalisation.<\/p>\n<p>Le bloc Image prend d\u00e9sormais en charge <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/04\/whats-new-in-gutenberg-22-5-04-february\/#image-block-aspect-ratio-control-for-wide-and-full-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">le contr\u00f4le du ratio d&rsquo;aspect<\/a> pour l&rsquo;alignement large et complet (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74519\" target=\"_blank\" rel=\"noopener noreferrer\">PR #74519<\/a>). Cette nouvelle fonctionnalit\u00e9 est disponible dans l&rsquo;onglet Styles de la colonne lat\u00e9rale des r\u00e9glages du bloc.<\/p>\n<figure id=\"attachment_208229\" aria-describedby=\"caption-attachment-208229\" style=\"width: 2136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208229 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-aspect-ratio.jpg\" alt=\"Contr\u00f4le du ratio d'aspect pour le bloc Image dans WordPress 7.0.\" width=\"2136\" height=\"1220\"><figcaption id=\"caption-attachment-208229\" class=\"wp-caption-text\">Contr\u00f4le du ratio d&rsquo;aspect pour le bloc Image dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Un autre ajout utile est le contr\u00f4le du point focal. Avec cette nouvelle fonctionnalit\u00e9, vous pouvez ajuster la partie visible d&rsquo;une image lorsqu&rsquo;elle est recadr\u00e9e (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73115\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73115<\/a>)<\/p>\n<figure id=\"attachment_208230\" aria-describedby=\"caption-attachment-208230\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208230 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-focal-point.jpg\" alt=\"Contr\u00f4le du point focal de l'image dans WordPress 7.0.\" width=\"2132\" height=\"982\"><figcaption id=\"caption-attachment-208230\" class=\"wp-caption-text\">Contr\u00f4le du point focal de l&rsquo;image dans WordPress 7.0.<\/figcaption><\/figure>\n<p>Le composant de recadrage d&rsquo;image dans l&rsquo;\u00e9diteur a \u00e9t\u00e9 d\u00e9plac\u00e9 dans un package sp\u00e9cifique, et il peut maintenant \u00eatre utilis\u00e9 dans toute l&rsquo;application, et pas seulement dans l&rsquo;\u00e9diteur de blocs (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73277\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73277<\/a>)<\/p>\n<h2>Am\u00e9lioration de l&rsquo;exp\u00e9rience d&rsquo;administration<\/h2>\n<p>Avec la sortie de WordPress 7.0, la zone d&rsquo;administration de WordPress a \u00e9t\u00e9 redessin\u00e9e et modernis\u00e9e. Il s&rsquo;agit d&rsquo;une am\u00e9lioration substantielle de l&rsquo;exp\u00e9rience d&rsquo;administration visant \u00e0 rendre la navigation du site plus fluide, plus coh\u00e9rente et visuellement attrayante.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Am\u00e9liorations visuelles<\/h3>\n<p>Lorsque vous ouvrirez le panneau d&rsquo;administration de WordPress 7.0, vous remarquerez imm\u00e9diatement que les \u00e9l\u00e9ments de l&rsquo;interface sont diff\u00e9rents. Ces changements ont \u00e9t\u00e9 <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64308\" target=\"_blank\" rel=\"noopener noreferrer\">largement discut\u00e9s<\/a> et ont \u00e9t\u00e9 jug\u00e9s n\u00e9cessaires pour moderniser l&rsquo;apparence du tableau de bord et r\u00e9duire les incoh\u00e9rences entre l&rsquo;ancien tableau de bord et l&rsquo;\u00e9diteur de blocs.<\/p>\n<blockquote><p>L&rsquo;objectif est de moderniser l&rsquo;apparence de l&rsquo;administration, de r\u00e9duire les incoh\u00e9rences entre les anciens \u00e9crans et les nouveaux \u00e9crans de l&rsquo;\u00e9diteur de blocs \/ \u00e9diteur de site, et de mieux l&rsquo;aligner avec le syst\u00e8me de conception de WordPress dans son ensemble.<\/p><\/blockquote>\n<p>La refonte visuelle s&rsquo;est concentr\u00e9e sur une s\u00e9rie de composants centraux qui apparaissent dans toute la zone d&rsquo;administration de WordPress. Comme l&rsquo;a soulign\u00e9 Fabian Kaegy, il s&rsquo;agit de changements purement visuels, sans mises \u00e0 jour architecturales ou fonctionnelles.<\/p>\n<p>Vous pouvez explorer les nouveaux menus, boutons et transitions de WordPress 7.0 dans le <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\">syst\u00e8me de design officiel de WordPress sur Figma<\/a>.<\/p>\n<figure id=\"attachment_208271\" aria-describedby=\"caption-attachment-208271\" style=\"width: 1634px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-admin-buttons-restyling.png\" alt=\"Restylisation des boutons d'administration dans WordPress 7.0\" width=\"1634\" height=\"1064\"><figcaption id=\"caption-attachment-208271\" class=\"wp-caption-text\">Restylisation des boutons d&rsquo;administration dans WordPress 7.0 (Image source : <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Design System<\/a>)<\/figcaption><\/figure>\n<h3>R\u00e9visions visuelles<\/h3>\n<p>Les r\u00e9visions sont d\u00e9sormais pr\u00e9sent\u00e9es sous forme d&rsquo;aper\u00e7us dans une <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74771\" target=\"_blank\" rel=\"noopener noreferrer\">interface de type \u00e9diteur<\/a> qui met en \u00e9vidence les diff\u00e9rences visuelles. Vous n&rsquo;avez plus besoin de lire tout l&rsquo;article pour voir ce qui a chang\u00e9, car les diff\u00e9rences entre les versions d&rsquo;un m\u00eame contenu sont d\u00e9sormais mises en \u00e9vidence au niveau du bloc. Le syst\u00e8me identifie \u00e9galement les changements de style, ce qui permet de rep\u00e9rer facilement les ajustements apport\u00e9s \u00e0 la palette de couleurs, \u00e0 la typographie, aux dimensions, etc.<\/p>\n<figure id=\"attachment_207219\" aria-describedby=\"caption-attachment-207219\" style=\"width: 2266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207219 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-revisions-2.jpg\" alt=\"Les r\u00e9visions offrent d\u00e9sormais un aper\u00e7u visuel des modifications au niveau du bloc.\" width=\"2266\" height=\"1204\"><figcaption id=\"caption-attachment-207219\" class=\"wp-caption-text\">Les r\u00e9visions offrent d\u00e9sormais un aper\u00e7u visuel des modifications au niveau du bloc.<\/figcaption><\/figure>\n<p>Des couleurs diff\u00e9rentes identifient les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75049\" target=\"_blank\" rel=\"noopener noreferrer\">diff\u00e9rents types de changements<\/a> :<\/p>\n<ul>\n<li>Le jaune met en \u00e9vidence un bloc ou un texte qui a \u00e9t\u00e9 modifi\u00e9.<\/li>\n<li>Le rouge met en \u00e9vidence un bloc ou un texte qui a \u00e9t\u00e9 supprim\u00e9.<\/li>\n<li>Le vert identifie un bloc ou un texte qui a \u00e9t\u00e9 ajout\u00e9.<\/li>\n<\/ul>\n<p>Avec les r\u00e9visions, vous pouvez voir toute la puissance d&rsquo;Yjs car lors de la restauration d&rsquo;une version pr\u00e9c\u00e9dente, le syst\u00e8me ne restaure que les modifications apport\u00e9es au document par bloc, et non l&rsquo;ensemble du contenu.<\/p>\n<p>Le syst\u00e8me devrait \u00eatre am\u00e9lior\u00e9 par de futures mises \u00e0 jour, et nous pouvons nous attendre \u00e0 de nouvelles fonctionnalit\u00e9s puissantes. Pour un aper\u00e7u plus d\u00e9taill\u00e9 de ce qui a \u00e9t\u00e9 fait et de ce que nous devrions voir \u00e0 l&rsquo;avenir, consultez <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">cet article de Mathias Ventura de 2023<\/a>, ainsi que les num\u00e9ros <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60096\" target=\"_blank\" rel=\"noopener noreferrer\">#60096<\/a> et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">#61161<\/a>.<\/p>\n<h3>Voir les transitions<\/h3>\n<p>Avec WordPress 7.0, le paquet de <code>d\u00e9marrage<\/code> &#8211; le composant responsable de l&rsquo;initialisation de l&rsquo;\u00e9diteur et de la gestion des transitions entre les diff\u00e9rents \u00e9crans d&rsquo;administration &#8211; re\u00e7oit une <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73586\">mise \u00e0 jour significative<\/a>. Gr\u00e2ce \u00e0 cette nouvelle infrastructure, la navigation entre les \u00e9crans du tableau de bord ne n\u00e9cessite plus de rechargement brutal de la page, mais propose des transitions \u00e9l\u00e9gantes qui am\u00e9liorent significativement l&rsquo;exp\u00e9rience de l&rsquo;administrateur.<\/p>\n<p>Techniquement parlant, en impl\u00e9mentant l&rsquo;API View Transitions dans le paquetage de d\u00e9marrage, WordPress peut maintenant orchestrer des animations de zoom et de glissement pendant les changements d&rsquo;\u00e9tat. Cela \u00e9vite de remonter le canevas lors des changements de route, assurant une transition fluide pour la navigation \u00e0 la racine.<\/p>\n<h2>Changements pour les d\u00e9veloppeurs<\/h2>\n<p>WordPress 7.0 est plus qu&rsquo;une simple mise \u00e0 jour visuelle ; il introduit des changements structurels qui simplifient consid\u00e9rablement le flux de travail des d\u00e9veloppeurs. Parmi les points forts, citons la r\u00e9duction des CSS personnalis\u00e9s gr\u00e2ce \u00e0 un <code>theme.json<\/code> plus puissant, une gestion plus pr\u00e9visible de la mise en page gr\u00e2ce \u00e0 l&rsquo;utilisation accrue des iframes, et de nouveaux outils d\u00e9claratifs pour les interfaces d&rsquo;administration, avec des DataViews, DataForm et Field API am\u00e9lior\u00e9s, ainsi qu&rsquo;une nouvelle Client-side Abilities API qui fournit un moyen standardis\u00e9 d&rsquo;exposer et d&rsquo;interagir avec les capacit\u00e9s de l&rsquo;application via le JavaScript.<\/p>\n<p>Si vous \u00eates un d\u00e9veloppeur, voici les changements techniques les plus importants de WordPress 7.0 que vous devez connaitre.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Support des pseudo-classes dans theme.json<\/h3>\n<p>Bonne nouvelle pour les d\u00e9veloppeurs de th\u00e8mes. Depuis WordPress 7.0, vous pouvez <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/09\/pseudo-element-support-for-blocks-and-their-variations-in-theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">utiliser des s\u00e9lecteurs de pseudo-classes<\/a> (<code>:hover<\/code>, <code>:focus<\/code>, <code>:focus-visible<\/code>, et <code>:active<\/code>) directement sur vos blocs et variations de style dans votre <code>theme.json<\/code>.<\/p>\n<p>Avant WordPress 7.0, les pseudo-classes n&rsquo;\u00e9taient support\u00e9es que pour les \u00e9l\u00e9ments HTML comme les boutons et les liens, et leur utilisation au niveau des blocs n&rsquo;\u00e9tait possible que dans les CSS personnalis\u00e9s.<\/p>\n<p>Pour utiliser les pseudo-classes au niveau des blocs, vous devez <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64263\">ajouter votre configuration de style<\/a> dans la section <code>styles<\/code> de votre fichier <code>theme.json<\/code>. Voici un exemple simple d&rsquo;utilisation des pseudo-classes pour un bloc Bouton (voir aussi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/71418\" target=\"_blank\" rel=\"noopener noreferrer\">PR #71418<\/a>) :<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\" : 3,\n\t\"styles\" : {\n\t\t\"blocks\" : {\n\t\t\t\"core\/button\" : {\n\t\t\t\t\"border\" : {\n\t\t\t\t\t\"width\" : \"2px\",\n\t\t\t\t\t\"style\" : \"solid\",\n\t\t\t\t\t\"color\" : \"#000000\"\n\t\t\t\t},\n\t\t\t\t\":hover\" : {\n\t\t\t\t\t\"border\" : {\n\t\t\t\t\t\t\"color\" : \"#ff4400\"\n\t\t\t\t\t},\n\t\t\t\t\t\"shadow\" : \"0 8px 15px rgba(255, 68, 0, 0.3)\",\n\t\t\t\t\t\"typographie\" : {\n\t\t\t\t\t\t\"textDecoration\" : \"underline\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\":active\" : {\n\t\t\t\t\t\"filter\" : \"brightness(0.8)\",\n\t\t\t\t\t\"shadow\" : \"none\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>L&rsquo;image suivante montre les diff\u00e9rents \u00e9tats du bloc Bouton.<\/p>\n<figure id=\"attachment_206689\" aria-describedby=\"caption-attachment-206689\" style=\"width: 942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206689 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-pseudo-elements.png\" alt=\"Utilisation des pseudo-classes : hover et : active dans un bloc Bouton.\" width=\"942\" height=\"213\"><figcaption id=\"caption-attachment-206689\" class=\"wp-caption-text\">Utilisation des pseudo-classes : hover et : active dans un bloc Bouton.<\/figcaption><\/figure>\n<p>L&rsquo;exemple suivant montre comment utiliser les pseudo-classes pour une variation de bloc dans <code>theme.json<\/code> :<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\" : 3,\n\t\"styles\" : {\n\t\t\"blocks\" : {\n\t\t\t\"core\/button\" : {\n\t\t\t\t\"variations\" : {\n\t\t\t\t\t\"neon\" : {\n\t\t\t\t\t\t\"border\" : {\n\t\t\t\t\t\t\t\"width\" : \"2px\",\n\t\t\t\t\t\t\t\"style\" : \"solid\",\n\t\t\t\t\t\t\t\"color\" : \"#00ff00\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"color\" : {\n\t\t\t\t\t\t\t\"text\" : \"#00ff00\",\n\t\t\t\t\t\t\t\"background\" : \"transparent\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":hover\" : {\n\t\t\t\t\t\t\t\"border\" : {\n\t\t\t\t\t\t\t\t\"color\" : \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"shadow\" : \"0 0 20px #00ff00, 0 0 40px #00ff00\",\n\t\t\t\t\t\t\t\"color\" : {\n\t\t\t\t\t\t\t\t\"text\" : \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"typographie\" : {\n\t\t\t\t\t\t\t\t\"textDecoration\" : \"none\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":active\" : {\n\t\t\t\t\t\t\t\"filter\" : \"brightness(1.5) blur(1px)\",\n\t\t\t\t\t\t\t\"shadow\" : \"0 0 10px #ffffff\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>\u00c9diteur d&rsquo;articles encadr\u00e9<\/h3>\n<p>Depuis WordPress 7.0, l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/24\/iframed-editor-changes-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9diteur d&rsquo;articles est charg\u00e9 dans une iframe<\/a> si le contenu ne contient que des blocs utilisant la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75187\" target=\"_blank\" rel=\"noopener noreferrer\">version 3 de l&rsquo;API des blocs ou une version sup\u00e9rieure<\/a>. Avant la version 7.0, l&rsquo;\u00e9diteur d&rsquo;articles n&rsquo;\u00e9tait charg\u00e9 dans une iframe que si tous les blocs enregistr\u00e9s (m\u00eame ceux qui n&rsquo;\u00e9taient pas inclus dans le contenu) utilisaient la version 3 de l&rsquo;API de blocs.<\/p>\n<p>Le principal avantage du chargement de l&rsquo;\u00e9diteur dans une iframe est qu&rsquo;il isole les styles de l&rsquo;interface utilisateur de l&rsquo;\u00e9diteur des styles du contenu du th\u00e8me. Sans iframe, les feuilles de style de l&rsquo;\u00e9diteur et du th\u00e8me coexistent dans le m\u00eame document, ce qui entraine souvent des probl\u00e8mes de compatibilit\u00e9 et complique la t\u00e2che des d\u00e9veloppeurs lorsqu&rsquo;il s&rsquo;agit d&rsquo;assurer la coh\u00e9rence visuelle entre le backend et le frontend.<\/p>\n<p>Les <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">principaux avantages<\/a> de l&rsquo;\u00e9diteur de texte ifram\u00e9 sont les suivants :<\/p>\n<h4>Isolation du style<\/h4>\n<ul>\n<li><strong>Pas d&rsquo;infiltration de CSS :<\/strong> l&rsquo;iframe emp\u00eache les styles de l&rsquo;administration de WordPress de s&rsquo;infiltrer dans le canevas de l&rsquo;\u00e9diteur et vice versa, ce qui garantit que l&rsquo;apparence des blocs n&rsquo;est pas affect\u00e9e par l&rsquo;interface utilisateur environnante.<\/li>\n<li><strong>Pas besoin de r\u00e9initialiser le CSS :<\/strong> les d\u00e9veloppeurs n&rsquo;ont plus besoin de r\u00e9initialiser manuellement les r\u00e8gles CSS de l&rsquo;administrateur WordPress pour que le contenu de l&rsquo;\u00e9diteur corresponde \u00e0 l&rsquo;apparence du frontend.<\/li>\n<li><strong>Pas de pr\u00e9fixe :<\/strong> les d\u00e9veloppeurs de th\u00e8mes n&rsquo;ont plus besoin d&rsquo;ajouter des pr\u00e9fixes ou des s\u00e9lecteurs de haute sp\u00e9cificit\u00e9 \u00e0 leurs r\u00e8gles CSS pour \u00e9viter de casser l&rsquo;interface d&rsquo;administration.<\/li>\n<\/ul>\n<h4>Coh\u00e9rence de la mise en page<\/h4>\n<ul>\n<li><strong>Unit\u00e9s relatives \u00e0 la vue :<\/strong> sans iframe, les unit\u00e9s telles que <code>vw<\/code> (viewport width) et <code>vh<\/code> (viewport height) se r\u00e9f\u00e8rent \u00e0 l&rsquo;ensemble de la page d&rsquo;administration (y compris la colonne lat\u00e9rale) ; elles ne doivent \u00eatre utilis\u00e9es <a href=\"https:\/\/make.wordpress.org\/core\/2025\/11\/12\/preparing-the-post-editor-for-full-iframe-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">que dans le canevas de l&rsquo;\u00e9diteur<\/a>.<\/li>\n<li><strong>Requ\u00eates multim\u00e9dias natives :<\/strong> les requ\u00eates multim\u00e9dias fonctionnent de mani\u00e8re native dans l&rsquo;iframe, refl\u00e9tant la taille du canevas de l&rsquo;\u00e9diteur plut\u00f4t que celle de la fen\u00eatre enti\u00e8re du navigateur.<\/li>\n<\/ul>\n<h4>Exp\u00e9rience des d\u00e9veloppeurs<\/h4>\n<ul>\n<li><strong>Flux de travail simplifi\u00e9 :<\/strong> les auteurs de th\u00e8mes et d&rsquo;extensions peuvent \u00ab reporter \u00bb les styles du frontend dans l&rsquo;\u00e9diteur avec un minimum de changements, voire aucun.<\/li>\n<li><strong>S\u00e9lections persistantes :<\/strong> les Iframes maintiennent la s\u00e9lection dans l&rsquo;\u00e9diteur (par exemple, le texte s\u00e9lectionn\u00e9) visible m\u00eame lorsque l&rsquo;utilisateur interagit avec les \u00e9l\u00e9ments de l&rsquo;interface utilisateur, tels que les contr\u00f4les de la colonne lat\u00e9rale.<\/li>\n<li><strong>Pr\u00e9visibilit\u00e9 :<\/strong> l&rsquo;\u00e9diteur iframed r\u00e9sout \u00e9galement le probl\u00e8me de l&rsquo;incoh\u00e9rence visuelle, en emp\u00eachant l&rsquo;\u00e9diteur de changer soudainement de mode en fonction des extensions install\u00e9es.<\/li>\n<\/ul>\n<h4>R\u00e9trocompatibilit\u00e9<\/h4>\n<p>Si un article contient un bloc utilisant des versions plus anciennes de l&rsquo;API, l&rsquo;iframe est automatiquement supprim\u00e9 pour assurer la r\u00e9trocompatibilit\u00e9. Pour profiter de ces am\u00e9liorations, les d\u00e9veloppeurs de blocs sont encourag\u00e9s \u00e0 mettre \u00e0 jour leurs blocs avec la version 3 de l&rsquo;API des blocs.<\/p>\n<h3>Enregistrement de blocs en PHP uniquement<\/h3>\n<p>WordPress 7.0 introduit la possibilit\u00e9 d&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/03\/php-only-block-registration\/\">enregistrer des blocs exclusivement via PHP<\/a> avec des contr\u00f4les d&rsquo;inspecteur g\u00e9n\u00e9r\u00e9s automatiquement. Cet ajout rationalise les flux de travail des d\u00e9veloppeurs et encourage les sites qui utilisent des th\u00e8mes hybrides ou des fonctions PHP et des codes courts \u00e0 adopter et \u00e0 d\u00e9velopper l&rsquo;\u00e9diteur de blocs. Voici un exemple de bloc enregistr\u00e9 via PHP :<\/p>\n<pre><code class=\"language-php\">\/**\n * Render callback (frontend and editor)\n *\/\nfunction my_php_only_block_render( $attributes ) {\n\treturn '&lt;div&gt;\n\t\t&lt;h3&gt;\ud83d\ude80 PHP-only Block&lt;\/h3&gt;\n\t\t&lt;p&gt;This block was created with only PHP!&lt;\/p&gt;\n\t&lt;\/div&gt;';\n}\n\n\/**\n * Register the block on the 'init' hook.\n *\/\nadd_action( 'init', function() {\n\tregister_block_type( 'my-plugin\/php-only-test-block', array(\n\t\t'title'\t\t   =&gt; 'My PHP-only Block',\n\t\t'icon'\t\t\t=&gt; 'welcome-learn-more',\n\t\t'category'\t\t=&gt; 'text',\n\t\t'render_callback' =&gt; 'my_php_only_block_render',\n\t\t'supports'\t\t=&gt; array(\n\t\t\t\/\/ Automatically registers the block in the Editor JS (previously auto_ssr)\n\t\t\t'auto_register' =&gt; true, \n\t\t),\n\t) );\n});<\/code><\/pre>\n<p>\u00c0 l&rsquo;heure o\u00f9 nous \u00e9crivons ces lignes, les blocs en PHP uniquement ne sont pas dynamiques et ne peuvent utiliser que des contr\u00f4les de configuration sp\u00e9cifiques. Mais il existe encore de nombreux cas d&rsquo;utilisation \u00e0 explorer. C&rsquo;est pourquoi nous avons publi\u00e9 un tutoriel couvrant uniquement les <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-gutenberg-uniquement-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">blocs PHP<\/a>. Si vous \u00eates un d\u00e9veloppeur PHP, il vaut la peine d&rsquo;y jeter un coup d&rsquo;\u0153il.<\/p>\n<figure id=\"attachment_206054\" aria-describedby=\"caption-attachment-206054\" style=\"width: 1644px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206054 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/02\/basic-php-only-block.png\" alt=\"Un simple bloc PHP uniquement\" width=\"1644\" height=\"656\"><figcaption id=\"caption-attachment-206054\" class=\"wp-caption-text\">Un simple bloc PHP uniquement<\/figcaption><\/figure>\n<h3>Am\u00e9liorations des API DataViews, DataForm et Field<\/h3>\n<p>WordPress 7.0 apporte plusieurs am\u00e9liorations aux DataViews, marquant un pas d\u00e9cisif vers une interface administrative plus moderne et modulaire. Cette mise \u00e0 jour transforme la gestion des donn\u00e9es en une exp\u00e9rience hautement personnalisable avec une approche d\u00e9clarative. Les d\u00e9veloppeurs peuvent d\u00e9sormais cr\u00e9er des interfaces personnalis\u00e9es complexes en d\u00e9finissant simplement leurs r\u00e8gles au format JSON, permettant au noyau de g\u00e9n\u00e9rer l&rsquo;interface.<\/p>\n<p>Les nouveaux ajouts incluent :<\/p>\n<ul>\n<li><strong>Am\u00e9lioration de la visualisation des donn\u00e9es (DataViews) :<\/strong> le nouveau mod\u00e8le d&rsquo;<strong>activit\u00e9<\/strong> utilise un style de ligne temporelle de flux d&rsquo;activit\u00e9. Il existe \u00e9galement un nouveau mode d&rsquo;affichage compact pour les listes.<\/li>\n<li><strong>Am\u00e9lioration des formulaires (DataForm) :<\/strong> la nouvelle pr\u00e9sentation <strong>D\u00e9tails<\/strong> est d\u00e9sormais disponible, ainsi que les ic\u00f4nes d&rsquo;\u00e9dition pour la pr\u00e9sentation <strong>Panneau<\/strong>. Ces ic\u00f4nes peuvent \u00eatre configur\u00e9es pour n\u2019apparaitre qu&rsquo;en cas de besoin.<\/li>\n<li><strong>Am\u00e9lioration du contr\u00f4le des donn\u00e9es (Field API) :<\/strong> la validation automatique des champs est disponible, ainsi que de nouvelles options de personnalisation du formatage pour les types de champs num\u00e9riques et de dates.<\/li>\n<\/ul>\n<p>Voici un exemple de d\u00e9finition d&rsquo;une vue qui regroupe et affiche des donn\u00e9es en mode compact :<\/p>\n<pre><code class=\"language-javascript\">const myCompactView = {\n\ttype: 'list',\n\tlayout: { \n\t\tdensity: 'compact' \n\t},\n\tgroupBy: {\n\t\tfield: 'status',\n\t\tdirection: 'desc',\n\t\tshowLabel: true\n\t}\n};<\/code><\/pre>\n<p>Pour un aper\u00e7u d\u00e9taill\u00e9 des am\u00e9liorations apport\u00e9es aux DataViews, DataForm et Field API, veuillez consulter la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/dataviews-dataform-et-al-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>.<\/p>\n<h3>API de capacit\u00e9s c\u00f4t\u00e9 client<\/h3>\n<p>WordPress 6.9 a introduit l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-9\/#abilities-api\">API Abilities<\/a>, une nouvelle interface fonctionnelle qui fournit un registre standardis\u00e9 pour les extensions, les th\u00e8mes et le c\u0153ur de WordPress pour interagir avec WordPress en exposant leurs capacit\u00e9s dans des formats lisibles \u00e0 la fois par l&rsquo;homme et par la machine.<\/p>\n<p>WordPress 7.0 introduit maintenant une API JavaScript qui vous permet d&rsquo;impl\u00e9menter des fonctionnalit\u00e9s c\u00f4t\u00e9 client comme la navigation ou l&rsquo;ajout de blocs \u00e0 votre contenu directement \u00e0 partir de JavaScript, d&rsquo;une mani\u00e8re s\u00e9curis\u00e9e et standardis\u00e9e.<\/p>\n<p>La nouvelle API Client-side Abilities est divis\u00e9e en deux paquets.<\/p>\n<ul>\n<li><code>@wordpress\/core-abilities<\/code> : si votre extension a besoin d&rsquo;acc\u00e9der aux capacit\u00e9s enregistr\u00e9es sur le serveur, vous devrez vous connecter au paquet <code>@wordpress\/core-abilities<\/code>. Ce paquet r\u00e9cup\u00e8re toutes les capacit\u00e9s et cat\u00e9gories enregistr\u00e9es via l&rsquo;API REST et les stocke dans le magasin <code>@wordpress\/abilities<\/code>.<\/li>\n<li><code>@wordpress\/abilities<\/code> : ce paquet fournit le magasin de capacit\u00e9s sans charger les capacit\u00e9s enregistr\u00e9es sur le serveur. Si votre extension n&rsquo;a besoin que d&rsquo;enregistrer des capacit\u00e9s c\u00f4t\u00e9 client et n&rsquo;a pas besoin d&rsquo;acc\u00e9der aux capacit\u00e9s enregistr\u00e9es sur le serveur, elle doit mettre en file d&rsquo;attente <code>@wordpress\/abilities<\/code>.<\/li>\n<\/ul>\n<p>Reportez-vous \u00e0 la note du d\u00e9veloppeur pour une analyse d\u00e9taill\u00e9e de la nouvelle <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/client-side-abilities-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">API \u00ab Client-side Abilities \u00bb<\/a> et plusieurs exemples de code.<\/p>\n<h3>Modifications de l&rsquo;API Interactivit\u00e9<\/h3>\n<p>L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/api-interactivite-wordpress\/\">API Interactivit\u00e9<\/a> est une API native de WordPress qui permet aux d\u00e9veloppeurs d&rsquo;ajouter de l&rsquo;interactivit\u00e9 \u00e0 leurs sites web d&rsquo;une mani\u00e8re standardis\u00e9e. WordPress 7.0 am\u00e9liore l&rsquo;API Interactivit\u00e9 avec une nouvelle fonction <code>watch()<\/code> qui vous permet d&rsquo;observer de mani\u00e8re programmatique les changements d&rsquo;\u00e9tat. Auparavant, il n&rsquo;\u00e9tait possible d&rsquo;utiliser que la directive <code>data-wp-watch<\/code> pour r\u00e9agir aux changements d&rsquo;\u00e9tat.<\/p>\n<p>Les autres changements apport\u00e9s par WordPress 7.0 concernent le magasin <code>core\/router<\/code>.<\/p>\n<p>Pour une description plus d\u00e9taill\u00e9e des changements apport\u00e9s \u00e0 l&rsquo;API Interactivit\u00e9, veuillez vous r\u00e9f\u00e9rer \u00e0 la <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/changes-to-the-interactivity-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>.<\/p>\n<h3>Autres changements pour les d\u00e9veloppeurs<\/h3>\n<p>Voici quelques autres changements pour les d\u00e9veloppeurs qui m\u00e9ritent d&rsquo;\u00eatre mentionn\u00e9s :<\/p>\n<ul>\n<li>A partir de WordPress 7.0, les attributs de blocs supportant les <a href=\"https:\/\/kinsta.com\/fr\/blog\/api-wordpress-block-bindings\/\">Block Bindings<\/a> supportent \u00e9galement les <a href=\"https:\/\/kinsta.com\/fr\/blog\/construire-compositions-blocs-wordpress\/#synced-pattern-overrides\">Pattern Overrides<\/a>. Cela signifie que <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/16\/pattern-overrides-in-wp-7-0-support-for-custom-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">vous pouvez utiliser des substitutions de compositions avec n&rsquo;importe quel bloc<\/a>, y compris les blocs personnalis\u00e9s.<\/li>\n<li>Les mod\u00e8les non synchronis\u00e9s et les parties de mod\u00e8les sont d\u00e9sormais <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/pattern-editing-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9finis par d\u00e9faut sur <code>contentOnly<\/code><\/a>. Les utilisateurs verront les contr\u00f4les pour l&rsquo;\u00e9dition du texte et des m\u00e9dias en premier, sans risquer de casser accidentellement la structure du bloc. Si vous avez cr\u00e9\u00e9 des blocs personnalis\u00e9s et que vous souhaitez qu&rsquo;ils restent modifiables, veillez \u00e0 d\u00e9finir le <code>\"r\u00f4le\" : \"contentOnly\"<\/code> dans le fichier <code>block.json.<\/code> Les d\u00e9veloppeurs peuvent d\u00e9sactiver cette fonctionnalit\u00e9 via PHP en utilisant le filtre <code>block_editor_settings_all<\/code>, ou via JavaScript en d\u00e9finissant <code>disableContentOnlyForUnsyncedPatterns<\/code> \u00e0 <code>true<\/code>.<\/li>\n<li>WordPress 7.0 <a href=\"https:\/\/make.wordpress.org\/core\/2026\/01\/09\/dropping-support-for-php-7-2-and-7-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">abandonne le support de PHP 7.2 et 7.3<\/a>. La version minimale recommand\u00e9e de PHP reste 8.3.<\/li>\n<li>Le syst\u00e8me de support des blocs Dimensions a \u00e9t\u00e9 consid\u00e9rablement am\u00e9lior\u00e9. Vous pouvez utiliser la <code>largeur<\/code> et la <code>hauteur<\/code> comme support de bloc standard sous <code>dimensions<\/code> dans <code>block.json<\/code>, et les th\u00e8mes peuvent d\u00e9finir des pr\u00e9r\u00e9glages de taille de dimension dans leur <code>theme.json<\/code>.<\/li>\n<\/ul>\n<h2>L&rsquo;avenir : 7.0 marque une nouvelle \u00e8re pour WordPress<\/h2>\n<p>WordPress 7.0 n&rsquo;est pas une simple mise \u00e0 jour ; elle repr\u00e9sente un tournant pour les utilisateurs et les d\u00e9veloppeurs. Gr\u00e2ce \u00e0 l&rsquo;int\u00e9gration de l&rsquo;IA et \u00e0 l&rsquo;API Abilities, l&rsquo;IA peut d\u00e9sormais naviguer dans le tableau de bord, cr\u00e9er de nouveaux contenus, modifier des articles existants et collaborer avec les humains en temps r\u00e9el. Nous pensons vraiment que nous nous trouvons \u00e0 un tournant historique, et nous sommes impatients d&rsquo;explorer ces outils aliment\u00e9s par l&rsquo;IA et de commencer \u00e0 cr\u00e9er nous-m\u00eames quelque chose d&rsquo;enti\u00e8rement nouveau.<\/p>\n<p>Mais WordPress 7.0 ne se limite pas \u00e0 l&rsquo;IA et au RTC. L&rsquo;exp\u00e9rience d&rsquo;\u00e9dition a \u00e9t\u00e9 compl\u00e8tement repens\u00e9e, avec une collaboration en temps r\u00e9el, une nouvelle architecture de r\u00e9vision au niveau des blocs, de nouveaux blocs principaux et des mises \u00e0 jour significatives du syst\u00e8me de conception.<\/p>\n<p>Au-del\u00e0 de l&rsquo;int\u00e9gration de l&rsquo;IA, les d\u00e9veloppeurs b\u00e9n\u00e9ficieront d&rsquo;am\u00e9liorations qui rationalisent le flux de travail de d\u00e9veloppement et ouvrent des possibilit\u00e9s in\u00e9dites. De l&rsquo;\u00e9diteur iframed et du support des pseudo-classes dans <code>theme.json<\/code> \u00e0 l&rsquo;API Client-side Abilities et aux blocs PHP uniquement, WordPress 7.0 fournit une multitude d&rsquo;outils pour construire des sites et des applications de plus en plus puissants.<\/p>\n<p>Pour exploiter pleinement le potentiel de WordPress 7.0, vous avez besoin d&rsquo;un service d&rsquo;h\u00e9bergement de pointe, optimis\u00e9 pour la performance et la s\u00e9curit\u00e9. Chez Kinsta, vous trouverez tout ce dont vous avez besoin pour pousser WordPress au maximum de son potentiel. <a href=\"https:\/\/kinsta.com\/fr\/tarifs\/\">Consultez nos offres<\/a> et trouvez celle qui correspond le mieux aux besoins de votre site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9parez le feu d&rsquo;artifice ! Avec la version 7.0, WordPress entre dans une nouvelle \u00e8re. Il s&rsquo;agit probablement de la plus grande avanc\u00e9e de la plateforme &#8230;<\/p>\n","protected":false},"author":36,"featured_media":83198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1040],"class_list":["post-83197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-mises-a-jour-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>Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&#039;IA, collaboration en temps r\u00e9el, et bien plus encore<\/title>\n<meta name=\"description\" content=\"Collaboration en temps r\u00e9el, int\u00e9gration de l&#039;IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.\" \/>\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\/wordpress-7-0\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&#039;IA, collaboration en temps r\u00e9el, et bien plus encore\" \/>\n<meta property=\"og:description\" content=\"Collaboration en temps r\u00e9el, int\u00e9gration de l&#039;IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/\" \/>\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=\"2026-05-04T09:18:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T09:11:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1472\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Collaboration en temps r\u00e9el, int\u00e9gration de l&#039;IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"42 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&rsquo;IA, collaboration en temps r\u00e9el, et bien plus encore\",\"datePublished\":\"2026-05-04T09:18:55+00:00\",\"dateModified\":\"2026-05-07T09:11:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/\"},\"wordCount\":8253,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/\",\"name\":\"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l'IA, collaboration en temps r\u00e9el, et bien plus encore\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"datePublished\":\"2026-05-04T09:18:55+00:00\",\"dateModified\":\"2026-05-07T09:11:24+00:00\",\"description\":\"Collaboration en temps r\u00e9el, int\u00e9gration de l'IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"width\":1472,\"height\":737},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mises \u00e0 jour WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&#8217;IA, collaboration en temps r\u00e9el, et bien plus encore\"}]},{\"@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\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l'IA, collaboration en temps r\u00e9el, et bien plus encore","description":"Collaboration en temps r\u00e9el, int\u00e9gration de l'IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.","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\/wordpress-7-0\/","og_locale":"fr_FR","og_type":"article","og_title":"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l'IA, collaboration en temps r\u00e9el, et bien plus encore","og_description":"Collaboration en temps r\u00e9el, int\u00e9gration de l'IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2026-05-04T09:18:55+00:00","article_modified_time":"2026-05-07T09:11:24+00:00","og_image":[{"width":1472,"height":737,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Collaboration en temps r\u00e9el, int\u00e9gration de l'IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"42 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&rsquo;IA, collaboration en temps r\u00e9el, et bien plus encore","datePublished":"2026-05-04T09:18:55+00:00","dateModified":"2026-05-07T09:11:24+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/"},"wordCount":8253,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/","name":"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l'IA, collaboration en temps r\u00e9el, et bien plus encore","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","datePublished":"2026-05-04T09:18:55+00:00","dateModified":"2026-05-07T09:11:24+00:00","description":"Collaboration en temps r\u00e9el, int\u00e9gration de l'IA, nouveaux blocs et outils avanc\u00e9s pour les d\u00e9veloppeurs et les designers\u00a0: voici les nouveaut\u00e9s de WordPress 7.0.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","width":1472,"height":737},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-7-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Mises \u00e0 jour WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/"},{"@type":"ListItem","position":3,"name":"Nouveaut\u00e9s de WordPress 7.0 : int\u00e9gration de l&#8217;IA, collaboration en temps r\u00e9el, et bien plus encore"}]},{"@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\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/83197","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\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=83197"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/83197\/revisions"}],"predecessor-version":[{"id":83246,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/83197\/revisions\/83246"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/83197\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/83197\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/83197\/translations\/de"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/83197\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/83198"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=83197"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=83197"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=83197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}