{"id":77426,"date":"2024-07-05T09:13:27","date_gmt":"2024-07-05T08:13:27","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=77426&#038;preview=true&#038;preview_id=77426"},"modified":"2025-03-10T16:33:28","modified_gmt":"2025-03-10T15:33:28","slug":"wordpress-6-6","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/","title":{"rendered":"Nouveaut\u00e9s de WordPress 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, et bien plus encore !"},"content":{"rendered":"<p>WordPress 6.6 \u00ab Dorsey \u00bb est disponible. <a href=\"https:\/\/wordpress.org\/download\/releases\/6-6\/\">La nouvelle version<\/a> se concentre sur l&rsquo;affinage et l&rsquo;am\u00e9lioration de plusieurs fonctionnalit\u00e9s introduites dans les versions pr\u00e9c\u00e9dentes. Cependant, de nombreux ajouts permettent au c\u0153ur de faire un pas de plus sur la voie de la phase 3 du d\u00e9veloppement de WordPress.<\/p>\n<p>Au total, <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/25\/wordpress-6-6-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">299 billets Core Track<\/a> sont inclus dans WordPress 6.6, ainsi que 392 am\u00e9liorations, 462 corrections de bugs et 46 am\u00e9liorations de l&rsquo;accessibilit\u00e9 pour l&rsquo;\u00e9diteur de blocs.<\/p>\n<p>Parmi les nombreuses nouvelles fonctionnalit\u00e9s qui arrivent avec WordPress 6.6, les remplacements de compositions de blocs sont celles que nous aimons le plus. Initialement pr\u00e9vues pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/\">WordPress 6.5<\/a>, puis report\u00e9es \u00e0 la version 6.6, les superpositions de compositions constituent la deuxi\u00e8me impl\u00e9mentation de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#block-bindings-api\">API Block Bindings<\/a> et nous donnent une meilleure id\u00e9e de ce qui nous attend dans les prochaines versions de WordPress.<\/p>\n<p>Cependant, les remplacements de compositions ne sont que l&rsquo;un des nombreux ajouts \u00e0 la prochaine version de WordPress. Commen\u00e7ons donc notre voyage pour d\u00e9couvrir les nouvelles fonctionnalit\u00e9s et les am\u00e9liorations les plus int\u00e9ressantes de WordPress 6.6.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Remplacements de compositions synchronis\u00e9es<\/h2>\n<p>La premi\u00e8re mise en \u0153uvre de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#block-bindings-api\">API Block Bindings<\/a> permettait de <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#connecting-custom-fields-to-blocks\">connecter les attributs des blocs et les champs personnalis\u00e9s<\/a>. Avec WordPress 6.6, une deuxi\u00e8me it\u00e9ration d\u00e9bloque une am\u00e9lioration des compositions synchronis\u00e9es appel\u00e9e <strong>Synced Pattern Overrides<\/strong>.<\/p>\n<p>Il existe deux types de compositions de blocs :<\/p>\n<ul>\n<li>Les compositions de blocs synchronis\u00e9es<\/li>\n<li>Les compositions de blocs standard (non synchronis\u00e9es)<\/li>\n<\/ul>\n<p>La <a href=\"https:\/\/kinsta.com\/fr\/blog\/construire-compositions-blocs-wordpress\/#custom-block-patterns\">diff\u00e9rence entre les deux types<\/a> est que toutes les modifications apport\u00e9es \u00e0 une composition synchronis\u00e9e s&rsquo;appliquent \u00e0 toutes les occurrences d&rsquo;une composition sur l&rsquo;ensemble de votre site. En revanche, les modifications apport\u00e9es \u00e0 un mod\u00e8le de bloc standard n&rsquo;affectent qu&rsquo;une instance sp\u00e9cifique de la composition.<\/p>\n<p>Les modifications apport\u00e9es aux compositions synchronis\u00e9es se situent entre ces deux extr\u00eames. Gr\u00e2ce \u00e0 l&rsquo;API Block Bindings, vous pouvez d\u00e9sormais cr\u00e9er des <strong>compositions de blocs qui conservent la m\u00eame structure partout sur votre site web<\/strong> et qui changent en synchronisation avec les personnalisations apport\u00e9es \u00e0 la structure et au style de la composition dans l&rsquo;\u00e9diteur de site. <b>Cependant, vous pouvez modifier le contenu de la composition sur une instance individuelle sans affecter les autres instances de la m\u00eame composition sur le site.<\/b><\/p>\n<p>D\u00e9couvrons comment fonctionnent les remplacements de compositions.<\/p>\n<p>Tout d&rsquo;abord, vous avez besoin d&rsquo;une composition synchronis\u00e9e. Vous pouvez la cr\u00e9er de toutes pi\u00e8ces dans l&rsquo;\u00e9diteur de publications ou trouver des compositions synchronis\u00e9es existantes dans la section <strong>Compositions <\/strong>de l&rsquo;\u00e9diteur de site.<\/p>\n<p><strong>\u00c9tape 1<\/strong>: Allez dans <strong>Composition<\/strong> et dupliquez l&rsquo;une des compositions existante, par exemple la composition <strong>Hero<\/strong> du <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-four\/\">th\u00e8me par d\u00e9faut Twenty Twenty-Four<\/a>. Ajoutez un nom et d\u00e9finissez la copie comme <strong>composition synchronis\u00e9e<\/strong>.<\/p>\n<figure id=\"attachment_181296\" aria-describedby=\"caption-attachment-181296\" style=\"width: 1842px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181296 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-duplicate-pattern.jpg\" alt=\"Dupliquer une composition dans l'\u00e9diteur de site\" width=\"1842\" height=\"1214\"><figcaption id=\"caption-attachment-181296\" class=\"wp-caption-text\">Dupliquer une composition dans l&rsquo;\u00e9diteur de site<\/figcaption><\/figure>\n<p><strong>\u00c9tape 2<\/strong>: Naviguez dans la section <strong>Mes compositions<\/strong> et trouvez votre nouvelle composition synchronis\u00e9e. Ouvrez-la dans l&rsquo;\u00e9diteur de site et s\u00e9lectionnez tous les blocs que vous devez remplacer individuellement.<\/p>\n<p>Allez dans la colonne lat\u00e9rale des r\u00e9glages des blocs et faites d\u00e9filer vers le bas jusqu&rsquo;\u00e0 la section <strong>Avanc\u00e9<\/strong>. Vous y trouverez un bouton, <strong>Activer les remplacements<\/strong>.<\/p>\n<figure id=\"attachment_181299\" aria-describedby=\"caption-attachment-181299\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181299 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-enable-overrides-1.jpg\" alt=\"Enable pattern overrides\" width=\"2270\" height=\"1156\"><figcaption id=\"caption-attachment-181299\" class=\"wp-caption-text\">Activer le remplacement de compositions<\/figcaption><\/figure>\n<p>Lorsque vous cliquez sur le bouton, vous \u00eates invit\u00e9 \u00e0 ajouter un nom et \u00e0 d\u00e9finir le type de composition.<\/p>\n<figure id=\"attachment_181300\" aria-describedby=\"caption-attachment-181300\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181300\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-overrides-enabled.jpg\" alt=\"Overrides enabled\" width=\"2270\" height=\"1250\"><figcaption id=\"caption-attachment-181300\" class=\"wp-caption-text\">Activation des d\u00e9rogations<\/figcaption><\/figure>\n<p><strong>\u00c9tape 3<\/strong>: R\u00e9p\u00e9tez le m\u00eame processus pour chaque bloc que vous voulez remplacer. Lorsque vous avez termin\u00e9, cr\u00e9ez un nouvel article ou une nouvelle page et incluez votre composition personnalis\u00e9e.<\/p>\n<figure id=\"attachment_181338\" aria-describedby=\"caption-attachment-181338\" style=\"width: 2272px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181338 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-insert-override.jpg\" alt=\"Ajout d'une composition au canevas de l'\u00e9diteur\" width=\"2272\" height=\"1238\"><figcaption id=\"caption-attachment-181338\" class=\"wp-caption-text\">Ajout d&rsquo;une composition au canevas de l&rsquo;\u00e9diteur<\/figcaption><\/figure>\n<p><strong>\u00c9tape 4<\/strong>: modifie le contenu des blocs pour les remplacer et enregistre le billet. Enfin, v\u00e9rifie le r\u00e9sultat sur le front-end.<\/p>\n<figure id=\"attachment_181339\" aria-describedby=\"caption-attachment-181339\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181339\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-override-added-and-customized.jpg\" alt=\"A block pattern with overrides in the post editor\" width=\"2270\" height=\"1320\"><figcaption id=\"caption-attachment-181339\" class=\"wp-caption-text\">Un motif de bloc avec des remplacements dans l&rsquo;\u00e9diteur de post<\/figcaption><\/figure>\n<p>Et voil\u00e0, vous avez termin\u00e9. Vous pouvez ajouter n&rsquo;importe quel nombre de ces compositions n&rsquo;importe o\u00f9 sur votre site web, et chaque nouvelle instance affiche le m\u00eame contenu d&rsquo;origine mais est pr\u00eate pour votre personnalisation.<\/p>\n<p>Maintenant, v\u00e9rifions le code de ces compositions. Retournez \u00e0 la section <strong>Compositions <\/strong>de l&rsquo;\u00e9diteur de site. S\u00e9lectionnez <strong>Mes compositions<\/strong> et ajoutez votre composition. Ensuite, ouvrez le menu Options et s\u00e9lectionnez \u00c9diteur de code pour afficher le code de la composition.<\/p>\n<p>Dans notre exemple, le code devrait ressembler \u00e0 ce qui suit :<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-group\"&gt;\n\t&lt;!-- wp:heading {\n\t\t\"textAlign\":\"center\",\n\t\t\"level\":1,\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t}\n\t\t\t},\n\t\t\"name\":\"Hero title\"\n\t},\"fontSize\":\"x-large\"} --&gt;\n\t\t&lt;h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\"&gt;A commitment to innovation and sustainability&lt;\/h1&gt;\n\t&lt;!-- \/wp:heading --&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Dans le d\u00e9limiteur de bloc, vous remarquerez la propri\u00e9t\u00e9 <code>metadata.bindings<\/code>. Celle-ci rend le bloc <strong>Heading<\/strong> modifiable. La liaison <code>__default<\/code> indique \u00e0 WordPress de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60694\" target=\"_blank\" rel=\"noopener noreferrer\">connecter tous les attributs pris en charge<\/a> \u00e0 une source sp\u00e9cifique, qui est <code>\u00ab core\/pattern-overrides \u00bb<\/code>.<\/p>\n<p>La m\u00eame propri\u00e9t\u00e9 s&rsquo;applique \u00e0 tous les blocs que vous devez rendre modifiables. Voir, par exemple, le bloc <strong>Bouton<\/strong>:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-buttons\"&gt;\n\t&lt;!-- wp:button {\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\"name\":\"Hero button\"\n\t\t\t}\n\t\t} --&gt;\n\t&lt;!-- \/wp:button --&gt;\n\t&lt;div class=\"wp-block-button\"&gt;\n\t\t&lt;a class=\"wp-block-button__link wp-element-button\"&gt;About us&lt;\/a&gt;\n\t&lt;\/div&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Maintenant, retournons \u00e0 l&rsquo;\u00e9diteur de messages et passons \u00e0 l&rsquo;<strong>\u00e9diteur de code<\/strong>. Le code devrait \u00eatre similaire \u00e0 ce qui suit :<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:block {\n\t\"ref\":261,\n\t\"content\":{\n\t\t\"Hero title\":{\n\t\t\t\"content\":\"Managed WordPress Hosting\"\n\t\t},\n\t\t\"Hero body\":{\n\t\t\t\"content\":\"Kinsta is an extension of your business. Fast, secure, feature-rich hosting that makes your work so much easier. Built for WordPress websites and agencies worldwide.\"\n\t\t},\n\t\t\"Hero button\":{\n\t\t\t\"text\":\"Learn more\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/wordpress-hosting\/\",\n\t\t\t\"linkTarget\":\"\",\n\t\t\t\"rel\":\"\"\n\t\t},\n\t\t\"Second button\":{\n\t\t\t\"text\":\"View pricing\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/pricing\/\",\n\t\t\t\"linkTarget\":\"_blank\",\n\t\t\t\"rel\":\"noreferrer noopener\"\n\t\t},\n\t\t\"Hero image\":{\n\t\t\t\"id\":268,\n\t\t\t\"alt\":\"\",\n\t\t\t\"url\":\"http:\/\/wordpress.kinsta.cloud\/wp-content\/uploads\/2024\/06\/homepage-featured-image.jpg\"\n\t\t}\n\t}\n} \/--&gt;<\/code><\/pre>\n<p>Ici, vous ne verrez pas de blocs, mais seulement une r\u00e9f\u00e9rence \u00e0 la composition de bloc et un ensemble de propri\u00e9t\u00e9s pour chaque bloc qui sont d\u00e9finies comme modifiables.<\/p>\n<p>Encore une fois, vous pouvez ajouter n&rsquo;importe quel nombre de compositions de blocs n&rsquo;importe o\u00f9 sur votre site, et ces compositions correspondront \u00e0 la m\u00eame structure et au m\u00eame design que ceux que vous avez construits dans l&rsquo;\u00c9diteur de site.<\/p>\n<figure id=\"attachment_181351\" aria-describedby=\"caption-attachment-181351\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-site-editor.jpg\" alt=\"Modifier le style et la structure des compositions avec des options de remplacement dans l'\u00e9diteur de site\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-181351\" class=\"wp-caption-text\">Modifier le style et la structure des compositions avec des options de remplacement dans l&rsquo;\u00e9diteur de site<\/figcaption><\/figure>\n<p>Vous pouvez ensuite modifier le contenu des blocs modifiables individuellement, en conservant la m\u00eame structure.<\/p>\n<figure id=\"attachment_181352\" aria-describedby=\"caption-attachment-181352\" style=\"width: 2238px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-front-end.jpg\" alt=\"Une composition avec des options de remplacement sur le site principal\" width=\"2238\" height=\"1612\"><figcaption id=\"caption-attachment-181352\" class=\"wp-caption-text\">Une composition avec des options de remplacement sur le site principal<\/figcaption><\/figure>\n<p>\u00c9tant donn\u00e9 que les surcharges de compositions sont une impl\u00e9mentation de l&rsquo;API Block Bindings, nous ne pouvons surcharger que les blocs pris en charge : En-t\u00eate, Paragraphe, Image et Boutons.<\/p>\n<figure id=\"attachment_181473\" aria-describedby=\"caption-attachment-181473\" style=\"width: 2470px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181473 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-image-override.jpg\" alt=\"Vous pouvez remplacer les attributs URL, Alt et Title de l'image\" width=\"2470\" height=\"1200\"><figcaption id=\"caption-attachment-181473\" class=\"wp-caption-text\">Vous pouvez remplacer les attributs URL, Alt et Title de l&rsquo;image<\/figcaption><\/figure>\n<p>Vous pouvez approfondir la question des remplacements de compositions dans <a href=\"https:\/\/wordpress.tv\/2024\/06\/11\/developer-hours-exploring-synced-pattern-overrides-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">cette vid\u00e9o de WordPress TV<\/a> et dans <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/18\/an-introduction-to-overrides-in-synced-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">cet article de blog<\/a> de Nick Diego.<\/p>\n<p>Les remplacements de compositions sont sujets \u00e0 des am\u00e9liorations et des ajouts futurs. La discussion se poursuit sur GitHub <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/59819\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a> et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/57937\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a>.<\/p>\n<h2>Modifier les valeurs des champs personnalis\u00e9s \u00e0 partir de blocs connect\u00e9s<\/h2>\n<p>WordPress 6.5 a introduit les champs personnalis\u00e9s comme source de donn\u00e9es (<code>core\/post-meta<\/code>) pour les attributs des blocs, ce qui permet aux utilisateurs de connecter les valeurs des champs personnalis\u00e9s aux blocs. <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/28\/editing-custom-fields-from-connected-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 apporte de nouvelles am\u00e9liorations<\/a> \u00e0 cette fonctionnalit\u00e9, comme la possibilit\u00e9 de modifier les valeurs des champs personnalis\u00e9s <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61753\" target=\"_blank\" rel=\"noopener noreferrer\">directement \u00e0 partir du bloc connect\u00e9<\/a>.<\/p>\n<p>Vous pouvez l&rsquo;essayer vous-m\u00eame en enregistrant un nouvel ensemble de champs personnalis\u00e9s \u00e0 partir d&rsquo;une extension ou du <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-functions-php\/\">fichier de fonctions<\/a> de votre ton th\u00e8me, en veillant \u00e0 remplacer <code>show_in_rest<\/code> par <code>true<\/code> lors de l&rsquo;enregistrement du m\u00e9ta de l&rsquo;article. Voici un exemple :<\/p>\n<pre><code class=\"language-php\">register_post_meta( \n\t'post', \n\t'book_title', \n\tarray(\n\t\t'show_in_rest' =&gt; true,\n\t\t'type' =&gt; 'string',\n\t\t'single' =&gt; true,\n\t\t'sanitize_callback' =&gt; 'sanitize_text_field'\n\t)\n);<\/code><\/pre>\n<p>Une fois fait, cr\u00e9ez un nouvel article ou une nouvelle page et ajoutez un nouveau champ personnalis\u00e9 avec le m\u00eame nom. Ajoutez l&rsquo;un des blocs pris en charge (c&rsquo;est-\u00e0-dire un bloc Heading) au canevas, passez \u00e0 l&rsquo;\u00e9diteur de code et modifiez le bloc comme indiqu\u00e9 ci-dessous :<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:heading \n{\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"book_title\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n} --&gt;\n&lt;h2 class=\"wp-block-heading\"&gt;&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;<\/code><\/pre>\n<p>Sauvegardez l&rsquo;article\/la page et v\u00e9rifiez le r\u00e9sultat. Vous pouvez maintenant modifier le contenu de l&rsquo;en-t\u00eate directement \u00e0 partir du bloc. La valeur du champ personnalis\u00e9 devrait refl\u00e9ter vos modifications.<\/p>\n<figure id=\"attachment_181887\" aria-describedby=\"caption-attachment-181887\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181887 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-custom-fields.jpg\" alt=\"Modifier un champ personnalis\u00e9 \u00e0 partir du bloc connect\u00e9 dans WordPress 6.6\" width=\"2154\" height=\"1370\"><figcaption id=\"caption-attachment-181887\" class=\"wp-caption-text\">Modifier un champ personnalis\u00e9 \u00e0 partir du bloc connect\u00e9 dans WordPress 6.6<\/figcaption><\/figure>\n<p>En outre, un nouveau panneau fournit d\u00e9sormais des infos sur les attributs du bloc connect\u00e9s aux champs personnalis\u00e9s, en affichant les attributs du bloc li\u00e9s aux champs personnalis\u00e9s.<\/p>\n<figure id=\"attachment_181888\" aria-describedby=\"caption-attachment-181888\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181888 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-bindings.jpg\" alt=\"Attributs d'image avec blocs li\u00e9s dans WordPress 6.6\" width=\"2154\" height=\"1330\"><figcaption id=\"caption-attachment-181888\" class=\"wp-caption-text\">Attributs d&rsquo;image avec blocs li\u00e9s dans WordPress 6.6<\/figcaption><\/figure>\n<p>Cette caract\u00e9ristique s&rsquo;accompagne de quelques fonctionnalit\u00e9s connexes :<\/p>\n<ul>\n<li>Vous pouvez mettre \u00e0 jour les valeurs des champs personnalis\u00e9s \u00e0 partir d&rsquo;une boucle de requ\u00eate.<\/li>\n<li>Si plusieurs blocs sont reli\u00e9s au m\u00eame champ personnalis\u00e9, ils partagent la m\u00eame valeur de champ personnalis\u00e9 et changent en synchronisation avec elle.<\/li>\n<li>Les utilisateurs peuvent modifier les champs personnalis\u00e9s uniquement dans les articles auxquels ils sont autoris\u00e9s.<\/li>\n<\/ul>\n<p>Derni\u00e8re remarque : Comme indiqu\u00e9 pr\u00e9c\u00e9demment, les blocs prenant en charge l&rsquo;API Block Bindings sont toujours limit\u00e9s \u00e0 ce qui suit :<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Bloc<\/strong><\/td>\n<td><strong>Attributs<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Image<\/td>\n<td><code>url<\/code> <code>alt<\/code>, <code>title<\/code><\/td>\n<\/tr>\n<tr>\n<td>Titre<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Paragraphe<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Bouton<\/td>\n<td><code>url<\/code>,<code>text<\/code>, <code>linkTarget<\/code>, <code>rel<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Am\u00e9liorations de Data Views<\/h2>\n<p>Introduit avec <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#dataviews\">WordPress 6.5<\/a>, Data Views est une interface utilisateur am\u00e9lior\u00e9e pour les collections de mod\u00e8les, de compositions, d&rsquo;articles, de m\u00e9dias, et plus encore. La nouvelle interface joue un r\u00f4le essentiel dans la phase 3 de la feuille de route de d\u00e9veloppement &#8211; <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Collaboration<\/a> &#8211; et \u00e0 ce titre, nous pouvons nous attendre \u00e0 d&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">autres am\u00e9liorations<\/a> avec les prochaines versions de WordPress, \u00ab y compris des am\u00e9liorations du flux de travail pour affecter des personnes \u00e0 la r\u00e9vision des articles ou cr\u00e9er des vues personnalis\u00e9es pour rationaliser les processus. \u00bb Depuis WordPress 6.6, la nouvelle interface n&rsquo;existe que dans l&rsquo;\u00e9diteur de site, mais elle devrait s&rsquo;\u00e9tendre \u00e0 d&rsquo;autres sections d&rsquo;administration avec les prochaines versions.<\/p>\n<p>WordPress 6.6 introduit de nouvelles mises en page pour les pages de gestion. La gestion des parties de mod\u00e8les a \u00e9t\u00e9 supprim\u00e9e et int\u00e9gr\u00e9e \u00e0 la section Compositions, tandis que le menu <strong>Compositions<\/strong> de l&rsquo;\u00e9diteur de site a \u00e9t\u00e9 r\u00e9organis\u00e9 en deux sections, avec les parties de mod\u00e8les en haut et les compositions en bas.<\/p>\n<figure id=\"attachment_181482\" aria-describedby=\"caption-attachment-181482\" style=\"width: 2202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181482 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patterns-template-parts.jpg\" alt=\"Le nouveau menu Compositions dans WordPress 6.6\" width=\"2202\" height=\"1446\"><figcaption id=\"caption-attachment-181482\" class=\"wp-caption-text\">Le nouveau menu Compositions dans WordPress 6.6<\/figcaption><\/figure>\n<p>Pour les pages, un nouveau panneau fournit une liste de pages et permet de pr\u00e9visualiser n&rsquo;importe quelle page en un seul clic.<\/p>\n<figure id=\"attachment_181483\" aria-describedby=\"caption-attachment-181483\" style=\"width: 2516px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181483 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-preview-pages.jpg\" alt=\"Pr\u00e9visualisation des pages dans WordPress 6.6\" width=\"2516\" height=\"1448\"><figcaption id=\"caption-attachment-181483\" class=\"wp-caption-text\">Pr\u00e9visualisation des pages dans WordPress 6.6<\/figcaption><\/figure>\n<p>Vous verrez \u00e9galement de nouvelles options de mise en page disponibles dans le menu des <strong>options d&rsquo;affichage<\/strong>. (L&rsquo;ic\u00f4ne en haut \u00e0 droite.)<\/p>\n<figure id=\"attachment_181484\" aria-describedby=\"caption-attachment-181484\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181484 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-view-options.jpg\" alt=\"Vue des compositions avec les options d'affichage dans WordPress 6.5\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181484\" class=\"wp-caption-text\">Vue des compositions avec les options d&rsquo;affichage dans WordPress 6.5<\/figcaption><\/figure>\n<figure id=\"attachment_181485\" aria-describedby=\"caption-attachment-181485\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181485 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-view-options.jpg\" alt=\"Vue des compositions avec les options d'affichage dans WordPress 6.6\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181485\" class=\"wp-caption-text\">Vue des compositions avec les options d&rsquo;affichage dans WordPress 6.6<\/figcaption><\/figure>\n<p>Parall\u00e8lement \u00e0 ces changements plus importants, les vues de donn\u00e9es sont concern\u00e9es par d&rsquo;autres am\u00e9liorations mineures am\u00e9liorant l&rsquo;interface et la rendant plus fonctionnelle et informative, comme une nouvelle fonction d&rsquo;\u00e9dition en bloc et un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61718\" target=\"_blank\" rel=\"noopener noreferrer\">badge<\/a> sur la page d&rsquo;accueil ou la page des articles.<\/p>\n<figure id=\"attachment_181846\" aria-describedby=\"caption-attachment-181846\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181846 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-data-views-badge.jpg\" alt=\"Un badge indiquant la page d'accueil dans WordPress 6.6\" width=\"2378\" height=\"900\"><figcaption id=\"caption-attachment-181846\" class=\"wp-caption-text\">Un badge indiquant la page d&rsquo;accueil dans WordPress 6.6<\/figcaption><\/figure>\n<p>WordPress 6.6 fait franchir une \u00e9tape suppl\u00e9mentaire aux vues de donn\u00e9es, mais nous n&rsquo;en sommes encore qu&rsquo;aux pr\u00e9mices. \u00c0 l&rsquo;avenir, nous verrons l&rsquo;introduction d&rsquo;une API d&rsquo;extensibilit\u00e9 pour permettre aux d\u00e9veloppeurs d&rsquo;agir directement sur les vues. Pour un regard plus approfondi sur l&rsquo;avenir des vues de donn\u00e9es, consulte <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Views Update &#8211; June 2024<\/a> par Anne McCarthy.<\/p>\n<h2>Autres am\u00e9liorations apport\u00e9es \u00e0 l&rsquo;\u00e9diteur de blocs<\/h2>\n<p>WordPress 6.6 apporte 8 versions de Gutenberg dans le noyau &#8211; de 17.8 \u00e0 18.5 &#8211; avec de nombreuses am\u00e9liorations de l&rsquo;interface, de la biblioth\u00e8que React, de l&rsquo;API de bloc, et bien plus encore. En voici quelques-unes :<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Un nouveau flux de publication<\/h3>\n<p>Avec la version 6.6, la colonne lat\u00e9rale des r\u00e9glages d&rsquo;article ou de page a \u00e9t\u00e9 nettoy\u00e9e et rendue plus l\u00e9g\u00e8re et plus coh\u00e9rente. Avec cette it\u00e9ration, le <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">processus d&rsquo;unification entre l&rsquo;\u00e9diteur d&rsquo;articles et l&rsquo;\u00e9diteur de site<\/a> fait un pas en avant, et les deux \u00e9diteurs ont d\u00e9sormais le <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/08\/whats-new-in-gutenberg-18-3-8-may\/#add-publish-flow-in-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">m\u00eame flux de publication<\/a>.<\/p>\n<figure id=\"attachment_181543\" aria-describedby=\"caption-attachment-181543\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181543 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-page-settings-sidebar.jpg\" alt=\"Colonne lat\u00e9rale des r\u00e9glages de la page dans WordPress 6.5 vs. 6.6\" width=\"1300\" height=\"1350\"><figcaption id=\"caption-attachment-181543\" class=\"wp-caption-text\">Colonne lat\u00e9rale des r\u00e9glages de la page dans WordPress 6.5 vs. 6.6<\/figcaption><\/figure>\n<p>L&rsquo;exp\u00e9rience de publication a \u00e9t\u00e9 standardis\u00e9e, et un nouveau panneau <strong>\u00c9tat &#038; visibilit\u00e9<\/strong> vous permet de d\u00e9finir le statut de l&rsquo;article\/de la page dans une position plus pratique.<\/p>\n<figure id=\"attachment_181544\" aria-describedby=\"caption-attachment-181544\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181544 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-status-visibility.png\" alt=\"R\u00e9glages d'\u00e9tat et de visibilit\u00e9 dans WordPress 6.6\" width=\"1260\" height=\"1238\"><figcaption id=\"caption-attachment-181544\" class=\"wp-caption-text\">R\u00e9glages d&rsquo;\u00e9tat et de visibilit\u00e9 dans WordPress 6.6<\/figcaption><\/figure>\n<p>D&rsquo;autres changements concernent les contr\u00f4les Image mise en avant et Extrait, qui ont \u00e9t\u00e9 d\u00e9plac\u00e9s en haut de la colonne lat\u00e9rale, ainsi que le menu Actions am\u00e9lior\u00e9 dans le coin sup\u00e9rieur droit.<\/p>\n<figure id=\"attachment_181847\" aria-describedby=\"caption-attachment-181847\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181847 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-featured-image-excerpt.jpg\" alt=\"Contr\u00f4les de l'image mise en avant et de l'extrait dans l'\u00e9diteur d'articles\" width=\"1266\" height=\"1010\"><figcaption id=\"caption-attachment-181847\" class=\"wp-caption-text\">Contr\u00f4les de l&rsquo;image mise en avant et de l&rsquo;extrait dans l&rsquo;\u00e9diteur d&rsquo;articles<\/figcaption><\/figure>\n<h3>Voir tous les blocs<\/h3>\n<p>Dans les versions pr\u00e9c\u00e9dentes de WordPress, lorsque vous s\u00e9lectionniez un bloc, l&rsquo;insertion de bloc n&rsquo;affichait que le bloc que vous \u00e9tiez autoris\u00e9 \u00e0 ajouter au bloc s\u00e9lectionn\u00e9. Par exemple, si vous s\u00e9lectionniez une colonne, vous ne voyiez que le bloc Colonne dans l&rsquo;insertion de blocs car vous ne pouviez ajouter qu&rsquo;une colonne.<\/p>\n<figure id=\"attachment_181539\" aria-describedby=\"caption-attachment-181539\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181539 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-block-inserter.jpg\" alt=\"Dans WordPress 6.5, lorsque vous s\u00e9lectionnez un bloc Colonne, l'insertion de bloc n'affiche qu'un bloc Colonne.\" width=\"2162\" height=\"1460\"><figcaption id=\"caption-attachment-181539\" class=\"wp-caption-text\">Dans WordPress 6.5, lorsque vous s\u00e9lectionnez un bloc Colonne, l&rsquo;insertion de bloc n&rsquo;affiche qu&rsquo;un bloc Colonne.<\/figcaption><\/figure>\n<p>\u00c0 partir de WordPress 6.6, l&rsquo;insertion de blocs affiche deux groupes de blocs : les blocs que vous pouvez ajouter dans le bloc s\u00e9lectionn\u00e9 et les blocs que vous pouvez ajouter sous le bloc s\u00e9lectionn\u00e9.<\/p>\n<figure id=\"attachment_181540\" aria-describedby=\"caption-attachment-181540\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181540 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-inserter.jpg\" alt=\"Dans WordPress 6.6, lorsque vous s\u00e9lectionnez un bloc Colonne, l'insertion de blocs affiche deux groupes de blocs.\" width=\"2156\" height=\"1338\"><figcaption id=\"caption-attachment-181540\" class=\"wp-caption-text\">Dans WordPress 6.6, lorsque vous s\u00e9lectionnez un bloc Colonne, l&rsquo;insertion de blocs affiche deux groupes de blocs.<\/figcaption><\/figure>\n<h3>Un raccourci clavier pour grouper les blocs<\/h3>\n<p>Maintenant, vous pouvez <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#group-blocks-shortcut\" target=\"_blank\" rel=\"noopener noreferrer\">grouper une s\u00e9lection de blocs<\/a> avec <code>\u2318 + G<\/code> sur MacOS ou <code>Ctrl + G<\/code> sur Windows.<\/p>\n<h2>Compositions de blocs dans les th\u00e8mes classiques<\/h2>\n<p>\u00c0 partir de WordPress 6.6, les th\u00e8mes classiques prennent en charge la m\u00eame interface de compositions que les th\u00e8mes en bloc. Ainsi, si vous utilisez des th\u00e8mes classiques sur votre site WordPress, vous b\u00e9n\u00e9ficierez de la m\u00eame exp\u00e9rience riche en mati\u00e8re de gestion des compositions que les th\u00e8mes en bloc.<\/p>\n<p>Les images suivantes comparent l&rsquo;\u00e9cran des compositions dans WordPress 6.5 et la section d&rsquo;administration des compositions dans WordPress 6.6.<\/p>\n<figure id=\"attachment_181842\" aria-describedby=\"caption-attachment-181842\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181842 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-patterns-screen.jpg\" alt=\"\u00c9cran Compositions dans WordPress 6.5 avec le th\u00e8me classique Twenty Twenty-One\" width=\"2156\" height=\"868\"><figcaption id=\"caption-attachment-181842\" class=\"wp-caption-text\">\u00c9cran Compositions dans WordPress 6.5 avec le th\u00e8me classique Twenty Twenty-One<\/figcaption><\/figure>\n<figure id=\"attachment_181845\" aria-describedby=\"caption-attachment-181845\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181845 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patters-admin.jpg\" alt=\"Gestion des compositions dans WordPress 6.6 avec le th\u00e8me Twenty Twenty-One classic\" width=\"2148\" height=\"1434\"><figcaption id=\"caption-attachment-181845\" class=\"wp-caption-text\">Gestion des compositions dans WordPress 6.6 avec le th\u00e8me Twenty Twenty-One classic<\/figcaption><\/figure>\n<p>Vous pouvez d\u00e9sormais modifier, dupliquer, renommer, exporter en JSON et supprimer des compositions comme vous en avez l&rsquo;habitude avec les th\u00e8mes en bloc.<\/p>\n<figure id=\"attachment_181844\" aria-describedby=\"caption-attachment-181844\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181844 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-actions.jpg\" alt=\"Actions sur les compositions dans WordPress 6.6 avec le th\u00e8me classique Twenty Twenty-One\" width=\"2148\" height=\"1440\"><figcaption id=\"caption-attachment-181844\" class=\"wp-caption-text\">Actions sur les compositions dans WordPress 6.6 avec le th\u00e8me classique Twenty Twenty-One<\/figcaption><\/figure>\n<p>Vous pouvez effectuer des actions en bloc en s\u00e9lectionnant les compositions individuellement ou en cliquant sur le bouton d&rsquo;<strong>\u00e9dition en bloc<\/strong>. Des fonctions de tri et de filtrage sont \u00e9galement disponibles.<\/p>\n<figure id=\"attachment_181843\" aria-describedby=\"caption-attachment-181843\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181843 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pasttern-bulk-edit.jpg\" alt=\"Actions group\u00e9e sur les compositions dans WordPress 6.6 avec le th\u00e8me classique Twenty Twenty-One\" width=\"2150\" height=\"1442\"><figcaption id=\"caption-attachment-181843\" class=\"wp-caption-text\">Actions group\u00e9e sur les compositions dans WordPress 6.6 avec le th\u00e8me classique Twenty Twenty-One<\/figcaption><\/figure>\n<p>Vous pouvez aussi cr\u00e9er des compositions comme vous le faites dans les th\u00e8mes en bloc. Clique sur le bouton <strong>Ajouter une nouvelle composition<\/strong> en haut \u00e0 droite, et vous serez invit\u00e9 \u00e0 remplir le formulaire avec les d\u00e9tails de la composition.<\/p>\n<figure id=\"attachment_181849\" aria-describedby=\"caption-attachment-181849\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181849 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-add-new-pattern-classic-themes.jpg\" alt=\"Ajouter une nouvelle composition avec un th\u00e8me classique dans WordPress 6.6\" width=\"2150\" height=\"1436\"><figcaption id=\"caption-attachment-181849\" class=\"wp-caption-text\">Ajouter une nouvelle composition avec un th\u00e8me classique dans WordPress 6.6<\/figcaption><\/figure>\n<p>Ensuite, vous pouvez construire ou modifier votre composition dans l&rsquo;\u00e9diteur de site comme d&rsquo;habitude.<\/p>\n<figure id=\"attachment_181850\" aria-describedby=\"caption-attachment-181850\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181850 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-edit-pattern-classic-themes.jpg\" alt=\"Modifier une composition dans l'\u00e9diteur de site avec un th\u00e8me classique dans WordPress 6.6\" width=\"2158\" height=\"1112\"><figcaption id=\"caption-attachment-181850\" class=\"wp-caption-text\">Modifier une composition dans l&rsquo;\u00e9diteur de site avec un th\u00e8me classique dans WordPress 6.6<\/figcaption><\/figure>\n<p>Cette mise \u00e0 jour donne aux utilisateurs de th\u00e8mes classiques plus de pouvoir, d\u00e9bloque de nouvelles capacit\u00e9s et rend l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition plus coh\u00e9rente entre les th\u00e8mes classiques et les th\u00e8mes en bloc.<\/p>\n<h2>Nouveaux outils et fonctionnalit\u00e9s pour les concepteurs et les d\u00e9veloppeurs de th\u00e8mes<\/h2>\n<p>WordPress 6.6 apporte tellement de fonctionnalit\u00e9s et d&rsquo;am\u00e9liorations puissantes pour les concepteurs et les d\u00e9veloppeurs de th\u00e8mes, et nous sommes heureux de partager ici celles que nous avons le plus aim\u00e9es. Les concepteurs ont plus de pouvoir lorsqu&rsquo;il s&rsquo;agit de styliser leurs pages, gr\u00e2ce aux styles de section, aux images d&rsquo;arri\u00e8re-plan \u00e0 l&rsquo;\u00e9chelle du site, \u00e0 un tout nouvel \u00e9diteur d&rsquo;ombres et \u00e0 une variation de la mise en page en grille. Et d&rsquo;autres outils offrent encore plus de flexibilit\u00e9 aux auteurs de th\u00e8mes. Plongeons dans le vif du sujet.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Theme.json v.3<\/h3>\n<p>WordPress 6.6 apporte \u00e9galement une nouvelle version de <strong>theme.json<\/strong> qui est d\u00e9sormais la version 3. Cette nouvelle version modifie la fa\u00e7on de remplacer les propri\u00e9t\u00e9s pr\u00e9d\u00e9finies. Maintenant, pour changer les valeurs par d\u00e9faut de <code>fontSizes<\/code> ou <code>spacingSizes<\/code>, vous devez d\u00e9finir <code>defaultFontSizes<\/code> ou <code>defaultSpacingSizes<\/code> \u00e0 <code>false<\/code> sous <code>settings.typography<\/code> ou <code>settings.spacing<\/code>.<\/p>\n<p>Pour r\u00e9sumer :<\/p>\n<ul>\n<li>Lorsque <code>defaultFontSizes<\/code> ou <code>defaultSpacingSizes<\/code> est d\u00e9fini sur <code>true<\/code>, les tailles de police et d&rsquo;espacement par d\u00e9faut sont affich\u00e9es dans l&rsquo;\u00e9diteur, et les th\u00e8mes ne sont pas autoris\u00e9s \u00e0 cr\u00e9er des pr\u00e9-r\u00e9glages \u00e0 l&rsquo;aide des slugs par d\u00e9faut. <code>defaultFontSizes<\/code> est d\u00e9fini sur <code>true<\/code> par d\u00e9faut.<\/li>\n<li>Si <code>defaultFontSizes<\/code> ou <code>defaultSpacingSizes<\/code> est d\u00e9fini sur <code>false<\/code>, les tailles de police et d&rsquo;espacement par d\u00e9faut ne sont pas visibles dans l&rsquo;\u00e9diteur, et les th\u00e8mes peuvent utiliser les slugs par d\u00e9faut.<\/li>\n<\/ul>\n<p>Consultez la note de d\u00e9veloppement pour un aper\u00e7u plus complet de la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/theme-json-version-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">version 3 de Theme.json<\/a>.<\/p>\n<h3>La sp\u00e9cificit\u00e9 CSS dans WordPress 6.6<\/h3>\n<p>Avec WordPress 6.6, la sp\u00e9cificit\u00e9 CSS change, et il est maintenant plus facile de remplacer les styles principaux tout en maintenant la prise en charge des styles globaux.<\/p>\n<p>Jusqu&rsquo;\u00e0 la version 6.6, il \u00e9tait souvent difficile de remplacer les styles de base, et les d\u00e9veloppeurs de th\u00e8mes devaient \u00e9laborer des r\u00e8gles CSS complexes pour obtenir les r\u00e9sultats souhait\u00e9s. Avec la version 6.6, les Core Block Styles et Global Styles (<strong>theme.json<\/strong>) ont \u00e9t\u00e9 modifi\u00e9s en enveloppant le s\u00e9lecteur existant dans <code>:root :where(...)<\/code> afin de r\u00e9duire la sp\u00e9cificit\u00e9 des styles de base \u00e0 <code>0-1-0<\/code> et de l&rsquo;uniformiser pour qu&rsquo;il prenne \u00e9galement en charge les nouveaux styles de section.<\/p>\n<p>Par exemple, <code>.wp-block-image.is-style-rounded img<\/code> a \u00e9t\u00e9 mis \u00e0 jour en <code>:root :where(.wp-block-image.is-style-rounded img)<\/code>.<\/p>\n<p>Les d\u00e9veloppeurs de blocs qui optent pour les styles globaux sont encourag\u00e9s \u00e0 apporter les m\u00eames modifications \u00e0 leurs styles afin de les rendre personnalisables via l&rsquo;interface Styles d&rsquo;une mani\u00e8re pr\u00e9visible. Ainsi, si vous avez as un bloc personnalis\u00e9 avec le style suivant :<\/p>\n<pre><code class=\"language-css\">.wp-block-custom-block {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Vous devrez l&rsquo;envelopper dans <code>:root :where()<\/code>:<\/p>\n<pre><code class=\"language-css\">:root :where(.wp-block-custom-block) {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Cela permettrait aux utilisateurs de remplacer le rembourrage des blocs par l&rsquo;interface des styles globaux.<\/p>\n<p>Les d\u00e9veloppeurs de th\u00e8mes sont encourag\u00e9s \u00e0 faire de m\u00eame afin que les styles de blocs puissent \u00eatre configur\u00e9s par le biais de l&rsquo;interface des styles globaux.<\/p>\n<p>Voir \u00e9galement la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/21\/wordpress-6-6-css-specificity\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> pour un aper\u00e7u plus approfondi de la sp\u00e9cificit\u00e9 CSS dans WordPress 6.6.<\/p>\n<h3>Styles de section<\/h3>\n<p>WordPress 6.6 vous permet de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">styliser des sections individuelles<\/a> d&rsquo;un article ou d&rsquo;une page sans avoir \u00e0 r\u00e9appliquer les m\u00eames styles \u00e0 plusieurs blocs un par un. Cela signifie que vous pouvez s\u00e9lectionner plusieurs blocs et blocs enfants et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">attribuer une variation de style \u00e0 l&rsquo;ensemble de la s\u00e9lection<\/a>.<\/p>\n<p>Cela est possible gr\u00e2ce \u00e0 l&rsquo;extension des variations de style des blocs qui prennent d\u00e9sormais en charge le style des blocs et \u00e9l\u00e9ments internes et tirent parti de la <a href=\"#css-specificity-in-wordpress-66\" target=\"_blank\" rel=\"noopener noreferrer\">sp\u00e9cificit\u00e9 de style r\u00e9duite<\/a> pour les styles globaux.<\/p>\n<p>Les variations de style de bloc peuvent \u00eatre d\u00e9finies et manipul\u00e9es par le biais des styles globaux uniquement si tu les as enregistr\u00e9es avec l&rsquo;une des m\u00e9thodes suivantes :<\/p>\n<ul>\n<li>En utilisant les partiels <strong>theme.json<\/strong> dans le r\u00e9pertoire <strong>\/styles<\/strong> du th\u00e8me.<\/li>\n<li>En utilisant la fonction <code>register_block_style<\/code><\/li>\n<li>En d\u00e9finissant les variations de style de bloc sous <code>styles.blocks.variations<\/code> dans ton <strong>theme.json<\/strong><\/li>\n<\/ul>\n<p>Nous allons nous plonger dans le vif du sujet.<\/p>\n<h4>D\u00e9finition des variations de style de bloc \u00e0 l&rsquo;aide des partiels theme.json<\/h4>\n<p>Comme les variations de style de th\u00e8me, les variations de style de bloc peuvent avoir leur propre partiel <strong>theme.j<\/strong> son sous le r\u00e9pertoire <strong>\/styles<\/strong> de ton th\u00e8me.<\/p>\n<p>La diff\u00e9rence entre les deux types de variations est que les variations de style de bloc ont une nouvelle propri\u00e9t\u00e9 de premier niveau <code>blockTypes<\/code>, qui est un tableau non vide de types de blocs prenant en charge la variation de style de bloc. De plus, une nouvelle propri\u00e9t\u00e9 <code>slug<\/code> a \u00e9t\u00e9 ajout\u00e9e \u00ab pour assurer la coh\u00e9rence entre les diff\u00e9rentes sources qui peuvent d\u00e9finir les variations de style de bloc et pour d\u00e9coupler le slug de la propri\u00e9t\u00e9 traduisible <code>title<\/code>. \u00bb<\/p>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9v<\/a> fournit l&rsquo;exemple suivant de <strong>theme.json<\/strong> partiel :<\/p>\n<pre><code class=\"language-json\">{\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"version\": 3,\n\t\"title\": \"Variation A\",\n\t\"slug\": \"variation-a\",\n\t\"blockTypes\": [ \"core\/group\", \"core\/columns\", \"core\/media-text\" ],\n\t\"styles\": {\n\t\t\"color\": {\n\t\t\t\"background\": \"#eed8d3\",\n\t\t\t\"text\": \"#201819\"\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"text\": \"#201819\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"#825f58\",\n\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t},\n\t\t\t\t\"elements\": {\n\t\t\t\t\t\"heading\": {\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#eed8d3\"\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<h4>D\u00e9finition des variations de style de bloc de mani\u00e8re programmatique via register_block_style.<\/h4>\n<p>La fonction <code>register_block_style<\/code> offre une deuxi\u00e8me fa\u00e7on d&rsquo;enregistrer les variations de style de bloc. Vous pouvez l&rsquo;utiliser dans le fichier <strong>functions.php<\/strong> de votre th\u00e8me de cette fa\u00e7on :<\/p>\n<pre><code class=\"language-php\">register_block_style(\n\tarray( 'core\/group', 'core\/columns' ),\n\tarray(\n\t\t'name'\t\t\t=&gt; 'light',\n\t\t'label'\t\t\t=&gt; __( 'Light' ),\n\t\t'style_data'\t=&gt; array(\n\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t'background'\t=&gt; '#973C20',\n\t\t\t\t'text'\t\t\t=&gt; '#d2e3c8',\n\t\t\t),\n\t\t\t'blocks'   =&gt; array(\n\t\t\t\t'core\/group'\t=&gt; array(\n\t\t\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t\t\t'background'\t=&gt; '#739072',\n\t\t\t\t\t\t'text'\t\t\t=&gt; '#e3eedd',\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t\t'elements' =&gt; array(\n\t\t\t\t'link'   =&gt; array(\n\t\t\t\t\t'color'  =&gt; array(\n\t\t\t\t\t\t'text' =&gt; '#ead196',\n\t\t\t\t\t),\n\t\t\t\t\t':hover' =&gt; array(\n\t\t\t\t\t\t'color' =&gt; array(\n\t\t\t\t\t\t\t'text' =&gt; '#ebd9b4',\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<p>Maintenant, lorsque vous s\u00e9lectionnez un bloc Groupe ou Colonnes, le panneau Styles de la colonne lat\u00e9rale du bloc affiche un bouton pour le style de section enregistr\u00e9.<\/p>\n<figure id=\"attachment_181649\" aria-describedby=\"caption-attachment-181649\" style=\"width: 2088px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181649 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-section-style-variations.jpg\" alt=\"Une variation de style de section dans WordPress 6.6\" width=\"2088\" height=\"1306\"><figcaption id=\"caption-attachment-181649\" class=\"wp-caption-text\">Une variation de style de section dans WordPress 6.6<\/figcaption><\/figure>\n<p>Vous trouverez un aper\u00e7u plus approfondi et plus d&rsquo;exemples de variations de style de section dans <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/21\/styling-sections-nested-elements-and-more-with-block-style-variations-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Styling sections, nested elements, and more with Block Style Variations in WordPress 6.6<\/a> par Justin Tadlock, dans la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a> d&rsquo; Aaron Robertshaw, et dans <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">Block Styles : Extend block style variations<\/a> pull request.<\/p>\n<h4>D\u00e9finir les variations de style de bloc \u00e0 l&rsquo;aide des variations de style de th\u00e8me<\/h4>\n<p>Bien qu&rsquo;il soit actuellement possible d&rsquo;utiliser la propri\u00e9t\u00e9 <strong>theme.json<\/strong> <code>styles.variations<\/code>, cette m\u00e9thode n&rsquo;est disponible que temporairement et devrait \u00eatre bient\u00f4t d\u00e9pr\u00e9ci\u00e9e. Pour une description plus approfondie, consultez <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/#via-theme-style-variations-not-recommended\">cette section<\/a> de la dev note.<\/p>\n<h3>Pr\u00e9-r\u00e9glages de couleur et de typographie<\/h3>\n<p>Vous pouvez d\u00e9sormais modifier la palette de couleurs et les familles de polices de votre th\u00e8me depuis l&rsquo;interface Styles globaux en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56622\" target=\"_blank\" rel=\"noopener noreferrer\">s\u00e9lectionnant l&rsquo;un des pr\u00e9-r\u00e9glages disponibles<\/a>.<\/p>\n<p>Si votre th\u00e8me actuel prend en charge les pr\u00e9-r\u00e9glages de couleur et de typographie, ils apparaissent sous les r\u00e9glages <strong>Couleurs<\/strong> et <strong>Typographie<\/strong> dans les Styles globaux.<\/p>\n<p>Les images suivantes montrent deux palettes de couleurs fournies par Twenty Twenty-Four.<\/p>\n<figure id=\"attachment_181896\" aria-describedby=\"caption-attachment-181896\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181896 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-light.jpg\" alt=\"Palette de couleurs Claire dans Twenty Twenty-Four\" width=\"1916\" height=\"1400\"><figcaption id=\"caption-attachment-181896\" class=\"wp-caption-text\">Palette de couleurs Claire dans Twenty Twenty-Four<\/figcaption><\/figure>\n<figure id=\"attachment_181895\" aria-describedby=\"caption-attachment-181895\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181895 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-dark.jpg\" alt=\"Palette de couleurs sombres dans Twenty Twenty-Four\" width=\"1916\" height=\"1402\"><figcaption id=\"caption-attachment-181895\" class=\"wp-caption-text\">Palette de couleurs sombres dans Twenty Twenty-Four<\/figcaption><\/figure>\n<p>Pour ajouter cette fonctionnalit\u00e9 \u00e0 vos th\u00e8mes, vous devez cr\u00e9er des variations de style qui incluent uniquement les couleurs et la typographie. Les styles ainsi d\u00e9finis seront extraits et utilis\u00e9s pour g\u00e9n\u00e9rer des pr\u00e9-r\u00e9glages.<\/p>\n<p>Sur cette fonctionnalit\u00e9, voir aussi <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/09\/core-editor-improvement-upgrade-your-designs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Am\u00e9lioration de l&rsquo;\u00e9diteur de base : Am\u00e9liorer tes designs<\/a> et <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/#create-individual-typography-and-color-variations-to-level-up-design-options-theme-author-end-user\" target=\"_blank\" rel=\"noopener noreferrer\">Cr\u00e9er des variations individuelles de typographie et de couleur&#8230;<\/a><\/p>\n<h3>Images d&rsquo;arri\u00e8re-plan pour l&rsquo;ensemble du site<\/h3>\n<p>\u00c0 partir de WordPress 6.6, vous pouvez <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9finir des images d&rsquo;arri\u00e8re-plan pour l&rsquo;ensemble du site<\/a> dans <em>theme.json<\/em> et dans l&rsquo;\u00c9diteur de site.<\/p>\n<p>Une image \u00e0 l&rsquo;\u00e9chelle du site est la valeur d&rsquo;une propri\u00e9t\u00e9 <code>background-image<\/code> d\u00e9finie sur l&rsquo;\u00e9l\u00e9ment body au niveau du site et apparait sur chaque page du site web.<\/p>\n<p>Dans le site <code>theme.json<\/code>, pour d\u00e9finir une image d&rsquo;arri\u00e8re-plan pour l&rsquo;ensemble du site, vous pouvez utiliser la propri\u00e9t\u00e9 <code>backgroundImage.url<\/code> sous <code>styles.background<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"https:\/\/example.com\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Dans l&rsquo;exemple ci-dessus, nous avons d\u00e9fini un chemin absolu vers l&rsquo;image, mais vous pouvez aussi d\u00e9finir des images d&rsquo;arri\u00e8re-plan en utilisant des chemins relatifs \u00e0 la racine du th\u00e8me de cette fa\u00e7on.<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"file:.\/assets\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Vous pouvez ensuite utiliser les propositions d&rsquo;image suivantes :<\/p>\n<ul>\n<li><code>backgroundPosition<\/code><\/li>\n<li><code>backgroundSize<\/code><\/li>\n<li><code>backgroundRepeat<\/code><\/li>\n<\/ul>\n<p>Si vous n&rsquo;\u00eates n&rsquo;es pas un d\u00e9veloppeur de th\u00e8me, vous pouvez utiliser des images d&rsquo;arri\u00e8re-plan pour l&rsquo;ensemble du site par l&rsquo;interm\u00e9diaire du panneau Styles de l&rsquo;\u00e9diteur de site. Dans WordPress 6.6, vous trouverez les contr\u00f4les appropri\u00e9s sous <strong>Styles &gt; Mise en page<\/strong>.<\/p>\n<figure id=\"attachment_181553\" aria-describedby=\"caption-attachment-181553\" style=\"width: 1150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181553 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-background-image.jpg\" alt=\"Le panneau de l'image d'arri\u00e8re-plan dans les r\u00e9glages de style\" width=\"1150\" height=\"912\"><figcaption id=\"caption-attachment-181553\" class=\"wp-caption-text\">Le panneau de l&rsquo;image d&rsquo;arri\u00e8re-plan dans les r\u00e9glages de style<\/figcaption><\/figure>\n<p>Il s&rsquo;agit de la premi\u00e8re it\u00e9ration pour les images d&rsquo;arri\u00e8re-plan. Pour en savoir plus sur son fonctionnement, ses limites et la suite, consultez la note de d\u00e9veloppement <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Site-wide background images in WordPress 6.6<\/a>.<\/p>\n<h3>Variante de mise en page en grille<\/h3>\n<p>Une nouvelle variante de mise en page du bloc Groupe vous permet d&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#visualize-grid-layouts\" target=\"_blank\" rel=\"noopener noreferrer\">afficher les \u00e9l\u00e9ments d&rsquo;un groupe sous forme de grille<\/a>.<\/p>\n<p>Vous pouvez l&rsquo;essayer en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/59853\" target=\"_blank\" rel=\"noopener noreferrer\">ajoutant un bloc Groupe<\/a> au canevas de l&rsquo;\u00e9diteur et en choisissant la disposition Grille dans le panneau des r\u00e9glages du bloc.<\/p>\n<figure id=\"attachment_181584\" aria-describedby=\"caption-attachment-181584\" style=\"width: 1938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181584 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-grid-layout.jpg\" alt=\"La mise en page en grille dans WordPress 6.6\" width=\"1938\" height=\"1304\"><figcaption id=\"caption-attachment-181584\" class=\"wp-caption-text\">La mise en page en grille dans WordPress 6.6<\/figcaption><\/figure>\n<p>La mise en page en grille se d\u00e9cline en <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/grid-layout-type\/\" target=\"_blank\" rel=\"noopener noreferrer\">deux types<\/a> :<\/p>\n<ul>\n<li><strong>Auto<\/strong> g\u00e9n\u00e8re automatiquement les lignes et les colonnes de la grille.<\/li>\n<li><strong>Manuel<\/strong> vous permet de d\u00e9finir le nombre de colonnes que vous voulez ajouter \u00e0 la grille.<\/li>\n<\/ul>\n<p>Ajoutez du contenu aux \u00e9l\u00e9ments de la grille et redimensionnez-les \u00e0 l&rsquo;aide des poign\u00e9es. Vous pouvez \u00e9galement ajuster la <strong>colonne Minimum avec<\/strong> ou le nombre de colonnes en fonction du type de grille s\u00e9lectionn\u00e9.<\/p>\n<h3>Marges n\u00e9gatives<\/h3>\n<p>Vous pouvez d\u00e9sormais d\u00e9finir des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60347\" target=\"_blank\" rel=\"noopener noreferrer\">marges n\u00e9gatives<\/a> pour tous les blocs prenant en charge les contr\u00f4les de marge. Avant WordPress 6.6, cette fonctionnalit\u00e9 n&rsquo;\u00e9tait disponible que dans <strong>theme.json<\/strong>, alors que maintenant, il est facile d&rsquo;appliquer des marges n\u00e9gatives aux \u00e9l\u00e9ments pour cr\u00e9er des effets de chevauchement.<\/p>\n<p>Note qu&rsquo;\u00e0 partir de WordPress 6.6, vous devez ajouter manuellement la valeur n\u00e9gative, comme le montre l&rsquo;image suivante.<\/p>\n<figure id=\"attachment_181902\" aria-describedby=\"caption-attachment-181902\" style=\"width: 2250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181902 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-negative-margins.jpg\" alt=\"D\u00e9finition de marges n\u00e9gatives pour un bloc de boutons dans WordPress 6.6\" width=\"2250\" height=\"1106\"><figcaption id=\"caption-attachment-181902\" class=\"wp-caption-text\">D\u00e9finition de marges n\u00e9gatives pour un bloc de boutons dans WordPress 6.6<\/figcaption><\/figure>\n<h3>Ombres personnalis\u00e9es<\/h3>\n<p>Avec WordPress 6.6, vous pouvez cr\u00e9er et modifier des <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/09\/what-is-new-in-gutenberg-18-5-05-jun\/#custom-shadows\" target=\"_blank\" rel=\"noopener noreferrer\">ombres personnalis\u00e9es<\/a> dans l&rsquo;interface Styles globaux. Pour <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60706\" target=\"_blank\" rel=\"noopener noreferrer\">cr\u00e9er vos ombres personnalis\u00e9es<\/a>, naviguez dans l&rsquo;\u00c9diteur de site et s\u00e9lectionnez <strong>Ombres<\/strong> dans le menu Styles globaux. Vous y trouverer un panneau <strong>Personnaliser<\/strong>. Lorsque vous cliquez sur le bouton <code>+<\/code>, un nouvel \u00e9l\u00e9ment vous donne acc\u00e8s \u00e0 un ensemble de commandes pour personnaliser votre ombre ou la renommer\/supprimer.<\/p>\n<figure id=\"attachment_181768\" aria-describedby=\"caption-attachment-181768\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181768 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-shadown-controls.jpg\" alt=\"Contr\u00f4les de l'ombre dans WordPress 6.6\" width=\"1642\" height=\"1610\"><figcaption id=\"caption-attachment-181768\" class=\"wp-caption-text\">Contr\u00f4les de l&rsquo;ombre dans WordPress 6.6<\/figcaption><\/figure>\n<h3>Pr\u00e9-r\u00e9glages personnalis\u00e9s du rapport hauteur\/largeur<\/h3>\n<p>D\u00e9sormais, les d\u00e9veloppeurs de th\u00e8mes peuvent d\u00e9finir des <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e9-r\u00e9glages de rapport d&rsquo;aspect personnalis\u00e9s<\/a> en d\u00e9finissant l&rsquo;option <code>settings.dimensions.aspectRatios<\/code> dans <strong>theme.json<\/strong>.<\/p>\n<h2>Changements suppl\u00e9mentaires pour les d\u00e9veloppeurs<\/h2>\n<p>Cependant, les changements pour les d\u00e9veloppeurs ne se limitent pas aux th\u00e8mes. D&rsquo;autres ajouts et am\u00e9liorations concernent la biblioth\u00e8que React et diverses API.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>API Options : D\u00e9sactivation de l&rsquo;autoload pour les options de grande taille.<\/h3>\n<p>Avant WordPress 6.6, un grand nombre d&rsquo;options \u00e9taient charg\u00e9es automatiquement \u00e0 chaque chargement de page. Pour emp\u00eacher ce comportement par d\u00e9faut, les d\u00e9veloppeurs devaient passer soit <code>\"yes\"<\/code>\/<code>true<\/code>, soit <code>\"no\"<\/code>\/<code>false<\/code> au troisi\u00e8me param\u00e8tre des fonctions <code>add_option()<\/code> ou <code>update_option()<\/code>. Cependant, comme ce param\u00e8tre \u00e9tait facultatif, avec une valeur par d\u00e9faut de <code>\"yes\"<\/code>, de grandes quantit\u00e9s de donn\u00e9es inutiles \u00e9taient donc charg\u00e9es \u00e0 chaque page, avec un impact n\u00e9gatif sur les performances du site.<\/p>\n<p>Pour \u00e9viter ce comportement, WordPress 6.6 introduit quelques changements dans l&rsquo;API des options :<\/p>\n<p>Pour permettre \u00e0 WordPress de d\u00e9terminer si une option doit \u00eatre charg\u00e9e sur la page en cours, la valeur par d\u00e9faut du param\u00e8tre <code>$autoload<\/code> de <code>add_option()<\/code> et <code>update_option()<\/code> a \u00e9t\u00e9 modifi\u00e9e de <code>\"yes\"<\/code> \u00e0 <code>null<\/code>. Le param\u00e8tre accepte d\u00e9sormais l&rsquo;une des valeurs suivantes :<\/p>\n<ul>\n<li><code>true<\/code>: charger l&rsquo;option sur chaque page pour \u00e9viter une requ\u00eate suppl\u00e9mentaire \u00e0 la base de donn\u00e9es.<\/li>\n<li><code>false<\/code>: Le param\u00e8tre accepte maintenant l&rsquo;une des valeurs suivantes : : never autoload l&rsquo;option pour \u00e9viter de charger des donn\u00e9es sur chaque page.<\/li>\n<li><code>null<\/code>: maybe autoload, ce qui signifie que la valeur de l&rsquo;autoload doit \u00eatre d\u00e9termin\u00e9e dynamiquement. Par d\u00e9faut, les options sont charg\u00e9es automatiquement \u00e0 moins qu&rsquo;elles ne contiennent de grandes valeurs.<\/li>\n<\/ul>\n<p>Les valeurs de la base de donn\u00e9es ont \u00e9t\u00e9 modifi\u00e9es en cons\u00e9quence, et maintenant la valeur d&rsquo;autoload pour chaque option sera l&rsquo;une des suivantes :<\/p>\n<ul>\n<li><code>on<\/code>: Option de chargement automatique : doit \u00eatre charg\u00e9e automatiquement sur chaque page. Elle est ajout\u00e9e avec une valeur explicite <code>true<\/code>.<\/li>\n<li><code>off<\/code>: L&rsquo;option : ne doit pas \u00eatre charg\u00e9e automatiquement et n&rsquo;est utilis\u00e9e que sur une seule page d&rsquo;administration. Il est ajout\u00e9 avec une valeur explicite <code>false<\/code>.<\/li>\n<li><code>auto<\/code>: s&rsquo;appuie sur le comportement de chargement automatique par d\u00e9faut de WP. Dans WP 6.6, il devrait \u00eatre charg\u00e9 automatiquement, mais le comportement peut changer \u00e0 l&rsquo;avenir.<\/li>\n<li><code>auto-on<\/code>: doit \u00eatre charg\u00e9 automatiquement. Il est dynamiquement d\u00e9fini sur <code>true<\/code>.<\/li>\n<li><code>auto-off<\/code>: ne doit pas \u00eatre charg\u00e9 automatiquement. Il est dynamiquement d\u00e9fini sur <code>false<\/code>.<\/li>\n<\/ul>\n<p>En plus de ces changements, WordPress 6.6 introduit plusieurs fonctions et filtres :<\/p>\n<ul>\n<li>La fonction <code>wp_autoload_values_to_autoload()<\/code> renvoie toutes les valeurs de la base de donn\u00e9es qui doivent \u00eatre charg\u00e9es automatiquement.<\/li>\n<li>Le filtre <code>wp_autoload_values_to_autoload<\/code> permet de modifier la liste des options qui doivent \u00eatre charg\u00e9es automatiquement.<\/li>\n<li>Le filtre <code>wp_default_autoload_value<\/code> d\u00e9finit la valeur d&rsquo;une option lorsqu&rsquo;aucune valeur explicite n&rsquo;a \u00e9t\u00e9 d\u00e9finie.<\/li>\n<li>Le filtre <code>wp_max_autoloaded_option_size<\/code> modifie le seuil au-del\u00e0 duquel les options ne seront pas charg\u00e9es automatiquement par d\u00e9faut. La valeur par d\u00e9faut est 150000. (150ko)<\/li>\n<\/ul>\n<p>Cette modification est particuli\u00e8rement utile pour les sites web complexes comportant de nombreuses extensions et m\u00e9rite l&rsquo;attention des d\u00e9veloppeurs d&rsquo;extensions. Pour une vue d&rsquo;ensemble plus approfondie, nous vous recommandons de consulter les <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e9-r\u00e9glages de rapport d&rsquo;aspect personnalis\u00e9s<\/a>.<\/p>\n<h3>Am\u00e9liorations apport\u00e9es \u00e0 la biblioth\u00e8que React<\/h3>\n<p>Deux changements majeurs s&rsquo;appliquent \u00e0 la biblioth\u00e8que React. Tout d&rsquo;abord, WordPress 6.6 inclut React 18.3, qui ajoute des avertissements pour les d\u00e9pr\u00e9ciations et d&rsquo;autres changements pour aider les d\u00e9veloppeurs \u00e0 se pr\u00e9parer \u00e0 React 19 une fois qu&rsquo;il sera stable.<\/p>\n<p>Deuxi\u00e8mement, les d\u00e9veloppeurs peuvent d\u00e9sormais utiliser la nouvelle transformation JSX de React, qui a \u00e9t\u00e9 introduite pour la premi\u00e8re fois avec <a href=\"https:\/\/legacy.reactjs.org\/blog\/2020\/09\/22\/introducing-the-new-jsx-transform.html\" target=\"_blank\" rel=\"noopener noreferrer\">React 17<\/a>.<\/p>\n<p>Pour voir de plus pr\u00e8s ces changements, voir <a href=\"https:\/\/kinsta.com\/fr\/blog\/react-19-wordpress\/\">Pr\u00e9paration \u00e0 la mise \u00e0 niveau de React 19<\/a> et JSX dans les dev notes de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/06\/jsx-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6<\/a>.<\/p>\n<h3>Am\u00e9liorations de l&rsquo;API de bloc<\/h3>\n<p>WordPress 6.6 apporte \u00e9galement plusieurs modifications techniques \u00e0 l&rsquo;API de bloc, notamment les suivantes :<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">API d&rsquo;extensibilit\u00e9 unifi\u00e9e<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/improvements-to-active-block-variation-detection\/\" target=\"_blank\" rel=\"noopener noreferrer\">Am\u00e9liorations de la d\u00e9tection des variations des blocs actifs<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/social-links-block-changes-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Changements apport\u00e9s aux blocs de liens sociaux dans WordPress 6.6<\/a><\/li>\n<\/ul>\n<h2>Restauration automatique des extensions<\/h2>\n<p>\u00c0 partir de WordPress 6.6, si vous avez activ\u00e9 les mises \u00e0 jour automatiques des extensions sur votre site WordPress, si une extension ne parvient pas \u00e0 se mettre \u00e0 jour, WordPress <a href=\"https:\/\/make.wordpress.org\/core\/2024\/04\/19\/merge-proposal-rollback-auto-update\/\">ram\u00e8nera automatiquement l&rsquo;extension \u00e0 sa version<\/a> pr\u00e9c\u00e9dente sans planter le site.<\/p>\n<p>Cela permettra de continuer \u00e0 utiliser l&rsquo;extension et le site web comme d&rsquo;habitude. Apr\u00e8s la mise \u00e0 jour, vous verrez que l&rsquo;extension attend toujours une mise \u00e0 jour sur l&rsquo;\u00e9cran Extensions.<\/p>\n<figure id=\"attachment_186934\" aria-describedby=\"caption-attachment-186934\" style=\"width: 2992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186934 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-plugins-screen.jpg\" alt=\"Si une extension ne parvient pas \u00e0 se mettre \u00e0 jour automatiquement, WordPress la ram\u00e8ne \u00e0 sa version pr\u00e9c\u00e9dente\" width=\"2992\" height=\"1096\"><figcaption id=\"caption-attachment-186934\" class=\"wp-caption-text\">Si une extension ne parvient pas \u00e0 se mettre \u00e0 jour automatiquement, WordPress la ram\u00e8ne \u00e0 sa version pr\u00e9c\u00e9dente<\/figcaption><\/figure>\n<p>De plus, lorsque WordPress d\u00e9tecte une erreur lors de la mise \u00e0 jour d&rsquo;une extension, il envoie \u00e9galement \u00e0 l&rsquo;administrateur du site un e-mail r\u00e9pertoriant les extensions qui n&rsquo;ont pas pu \u00eatre mises \u00e0 jour et celles qui sont \u00e0 jour.<\/p>\n<figure id=\"attachment_186935\" aria-describedby=\"caption-attachment-186935\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/autorollback.png\" alt=\"Un e-mail de WordPress avertissant de l'\u00e9chec de la restauration automatique d'une extension\" width=\"2134\" height=\"1178\"><figcaption id=\"caption-attachment-186935\" class=\"wp-caption-text\">Un e-mail de WordPress avertissant de l&rsquo;\u00e9chec de la restauration automatique d&rsquo;une extension<\/figcaption><\/figure>\n<p>\u00c0 ce stade, vous pouvez r\u00e9essayer la mise \u00e0 jour dans un environnement de staging, attendre la sortie d&rsquo;une nouvelle version de l&rsquo;extension qui corrige le probl\u00e8me ou contacter le d\u00e9veloppeur pour obtenir du support.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Dans ce long article, nous avons explor\u00e9 de nombreuses fonctionnalit\u00e9s et changements passionnants \u00e0 venir avec WordPress 6.6, des remplacements de compositions de blocs aux am\u00e9liorations des vues de donn\u00e9es, en passant par les nouvelles fonctionnalit\u00e9s pour les d\u00e9veloppeurs de th\u00e8mes et l&rsquo;unification des exp\u00e9riences d&rsquo;\u00e9dition dans les \u00e9diteurs de sites et d&rsquo;articles. Mais il y a bien d&rsquo;autres choses que nous n&rsquo;avons pas abord\u00e9es dans cet article.<\/p>\n<p>Si vous voulez aller encore plus loin, vous ne devriez pas manquer une s\u00e9rie d&rsquo;excellentes ressources provenant des contributeurs principaux de WordPress, auxquelles nous nous sommes r\u00e9f\u00e9r\u00e9s pendant notre test de WordPress 6.6. Parmi les nombreuses ressources, nous vous sugg\u00e9rons <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 Source of Truth<\/a> d&rsquo;Anne McCarthy, les <a href=\"https:\/\/www.meetup.com\/it-IT\/learn-wordpress-online-workshops\/\" target=\"_blank\" rel=\"noopener noreferrer\">ateliers Learn WordPress Online<\/a> sur Meetup, le <a href=\"https:\/\/developer.wordpress.org\/news\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog des d\u00e9veloppeurs WordPress<\/a>, les <a href=\"https:\/\/make.wordpress.org\/core\/tag\/dev-notes\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev notes<\/a> publi\u00e9es sur le blog Make WordPress Core, et les mises \u00e0 jour r\u00e9guli\u00e8res de Birgit Pauli-Haack sur <a href=\"https:\/\/gutenbergtimes.com\/\">Gutenberg Times<\/a>, pour n&rsquo;en citer que quelques-unes.<\/p>\n<p>Maintenant, c&rsquo;est \u00e0 vous de jouer. Avez-vous d\u00e9j\u00e0 test\u00e9 les fonctionnalit\u00e9s de WordPress 6.6 ? Quelle est la fonctionnalit\u00e9 ou le changement qui vous a le plus plu ? D\u00e9posez un commentaire ci-dessous et participez \u00e0 la conversation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.6 \u00ab Dorsey \u00bb est disponible. La nouvelle version se concentre sur l&rsquo;affinage et l&rsquo;am\u00e9lioration de plusieurs fonctionnalit\u00e9s introduites dans les versions pr\u00e9c\u00e9dentes. Cependant, de &#8230;<\/p>\n","protected":false},"author":36,"featured_media":77427,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1040],"class_list":["post-77426","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>Quoi de neuf dans WordPress 6.6 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !\" \/>\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-6-6\/\" \/>\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 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, et bien plus encore !\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/\" \/>\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=\"2024-07-05T08:13:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-10T15:33:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\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=\"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release-1024x536.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=\"30 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-6-6\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nouveaut\u00e9s de WordPress 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, et bien plus encore !\",\"datePublished\":\"2024-07-05T08:13:27+00:00\",\"dateModified\":\"2025-03-10T15:33:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/\"},\"wordCount\":5627,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/\",\"name\":\"Quoi de neuf dans WordPress 6.6 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png\",\"datePublished\":\"2024-07-05T08:13:27+00:00\",\"dateModified\":\"2025-03-10T15:33:28+00:00\",\"description\":\"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#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 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, 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":"Quoi de neuf dans WordPress 6.6 - Kinsta\u00ae","description":"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !","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-6-6\/","og_locale":"fr_FR","og_type":"article","og_title":"Nouveaut\u00e9s de WordPress 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, et bien plus encore !","og_description":"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-07-05T08:13:27+00:00","article_modified_time":"2025-03-10T15:33:28+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release-1024x536.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"30 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nouveaut\u00e9s de WordPress 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, et bien plus encore !","datePublished":"2024-07-05T08:13:27+00:00","dateModified":"2025-03-10T15:33:28+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/"},"wordCount":5627,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/","name":"Quoi de neuf dans WordPress 6.6 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png","datePublished":"2024-07-05T08:13:27+00:00","dateModified":"2025-03-10T15:33:28+00:00","description":"D\u00e9couvrez notre vue globale de WordPress 6.6 : Block Pattern Overrides, Data Views, nouveaux outils de conception pour les designers et les d\u00e9veloppeurs de th\u00e8mes, et bien plus encore !","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/Wp-6.6-release.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#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 6.6 : Outrepassement de compositions, API Block Bindings, Vues de donn\u00e9es, nouveaux outils de conception, 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\/77426","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=77426"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/77426\/revisions"}],"predecessor-version":[{"id":79490,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/77426\/revisions\/79490"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77426\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/77427"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=77426"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=77426"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=77426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}