{"id":67817,"date":"2023-03-30T20:11:52","date_gmt":"2023-03-30T19:11:52","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=67817&#038;preview=true&#038;preview_id=67817"},"modified":"2023-08-22T12:36:51","modified_gmt":"2023-08-22T11:36:51","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/","title":{"rendered":"Nouveaut\u00e9s de WordPress 6.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, et bien plus encore"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 \u00ab Dolphy \u00bb<\/a> est sorti et il est temps pour nous d&rsquo;explorer les nouveaut\u00e9s de la premi\u00e8re version de 2023.<\/p>\n<p>Avec WordPress 6.2, nous entrons dans la phase finale de la phase 2 de la <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">feuille de route de d\u00e9veloppement \u00e0 long terme de Gutenberg<\/a>, et l&rsquo;\u00e9diteur de blocs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\" target=\"_blank\" rel=\"noopener noreferrer\">quitte officiellement <\/a><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\" target=\"_blank\" rel=\"noopener noreferrer\">la phase b\u00eata<\/a>.<\/p>\n\n<p>Cette version se concentre principalement sur l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">am\u00e9lioration de l&rsquo;interface<\/a> et la rationalisation de l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition.<\/p>\n<p>Une nouvelle approche de la navigation entre les mod\u00e8les et les parties de mod\u00e8les a \u00e9t\u00e9 introduite, ainsi que la possibilit\u00e9 d&rsquo;importer des widgets dans les th\u00e8mes de blocs, un nouveau mode d&rsquo;\u00e9criture sans distraction, une exp\u00e9rience de r\u00e9glage des blocs \u00e0 l&rsquo;\u00e9chelle, et des tonnes de petites et grandes am\u00e9liorations des blocs existants, des performances et de la facilit\u00e9 d&rsquo;utilisation.<\/p>\n<p>Mais s&rsquo;il y a un \u00e9l\u00e9ment qui fait un bond en avant en termes de fonctionnalit\u00e9 et de convivialit\u00e9, c&rsquo;est bien le bloc Navigation. Depuis sa sortie, le menu Navigation a connu plusieurs it\u00e9rations qui ont consid\u00e9rablement simplifi\u00e9 le processus d&rsquo;\u00e9dition au fil du temps. Avec WordPress 6.2, le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9veloppement continue<\/a>, et dans cet article, nous allons vous montrer comment vous pouvez facilement g\u00e9rer un menu de navigation.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<p><strong>Consultez notre <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">guide vid\u00e9o pour d\u00e9couvrir les nouveaut\u00e9s de WordPress 6.2<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Am\u00e9lioration de l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition<\/h2>\n<p>WordPress 6.2 apporte une exp\u00e9rience d&rsquo;\u00e9dition am\u00e9lior\u00e9e, avec l&rsquo;ensemble de la structure du site plac\u00e9e au centre. Vous pouvez maintenant g\u00e9rer les menus de navigation plus facilement, pousser les changements de style d&rsquo;un seul bloc vers les Styles Globaux, et naviguer sans effort entre les mod\u00e8les et les parties de mod\u00e8les avec des parties de mod\u00e8les color\u00e9es et des blocs r\u00e9utilisables.<\/p>\n<p>Mais ce n&rsquo;est pas tout. Examinons en d\u00e9tail les principaux ajouts et changements apport\u00e9s \u00e0 l&rsquo;interface de l&rsquo;\u00e9diteur.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Une interface de l&rsquo;\u00e9diteur de site et un mode de navigation revus et corrig\u00e9s<\/h3>\n<p>Avec WordPress 6.2, plusieurs am\u00e9liorations sont apport\u00e9es \u00e0 l&rsquo;interface de l&rsquo;\u00e9diteur. La premi\u00e8re et la plus int\u00e9ressante des mises \u00e0 jour concerne l<a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noopener noreferrer\">&lsquo;interface de l&rsquo;\u00e9diteur de site<\/a>. Gr\u00e2ce \u00e0 un nouveau mode de navigation, il est maintenant plus facile de naviguer \u00e0 travers les mod\u00e8les et les parties de mod\u00e8les.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149436 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"L'interface de l'\u00e9diteur de site dans WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">L&rsquo;interface de l&rsquo;\u00e9diteur de site dans WordPress 6.2<\/figcaption><\/figure>\n<p>La nouvelle interface vous permet \u00e9galement d&rsquo;ajouter un nouveau mod\u00e8le ou une nouvelle partie de mod\u00e8le directement depuis la colonne lat\u00e9rale de l&rsquo;\u00e9diteur en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\">cliquant simplement sur l&rsquo;ic\u00f4ne plus (+)<\/a> situ\u00e9e \u00e0 droite du titre du menu.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149437 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"Le menu Mod\u00e8les de l'\u00e9diteur de site dans WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">Le menu Mod\u00e8les de l&rsquo;\u00e9diteur de site dans WordPress 6.2<\/figcaption><\/figure>\n<p>Selon <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, contributeur Wp Core et Documentation, \u00ab Le travail sur cette fonctionnalit\u00e9 est en cours et continuera \u00e0 s&rsquo;am\u00e9liorer au fur et \u00e0 mesure que de nouvelles versions de Gutenberg seront publi\u00e9es. \u00bb<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"Ajouter un nouveau mod\u00e8le dans WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">Ajouter un nouveau mod\u00e8le dans WordPress 6.2<\/figcaption><\/figure>\n<p>Le flux de travail est d\u00e9sormais plus fluide et plus homog\u00e8ne. Pour commencer \u00e0 modifier le mod\u00e8le actuel\/la partie du mod\u00e8le, il suffit de cliquer sur le bouton <strong>Modifier<\/strong> dans le menu de gauche, ou sur l&rsquo;aper\u00e7u du mod\u00e8le au milieu de la page.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Cliquez sur le bouton Modifier ou sur l'aper\u00e7u du mod\u00e8le pour \u00e9diter un mod\u00e8le\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Cliquez sur le bouton Modifier ou sur l&rsquo;aper\u00e7u du mod\u00e8le pour \u00e9diter un mod\u00e8le<\/figcaption><\/figure>\n<h3>Mode sans distraction<\/h3>\n<p>WordPress 6.2 introduit un nouveau mode d&rsquo;\u00e9dition sans distraction, qui r\u00e9duit l&rsquo;encombrement du canevas et vous permet de vous concentrer sur le contenu de la page.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148385 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Activer le mode sans distraction\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Activer le mode sans distraction<\/figcaption><\/figure>\n<p>Vous pouvez <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noopener noreferrer\">activer cette fonctionnalit\u00e9<\/a> dans le panneau d&rsquo;options qui s&rsquo;affiche en cliquant sur l&rsquo;ic\u00f4ne de l&rsquo;ellipse (trois points) dans le coin sup\u00e9rieur droit.<\/p>\n<p>Une fois le mode \u00ab Sans distraction \u00bb activ\u00e9, les colonnes lat\u00e9rales et les barres d&rsquo;outils disparaissent, ne laissant \u00e0 l&rsquo;\u00e9cran que le contenu sur lequel vous travaillez.<\/p>\n<h3>Inspecteur de blocs \u00e0 onglets<\/h3>\n<p>WordPress 6.2 introduit <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">un nouvel inspecteur de blocs<\/a> qui vise \u00e0 mettre de l&rsquo;ordre dans la colonne lat\u00e9rale en divisant les contr\u00f4les de r\u00e9glages en panneaux s\u00e9par\u00e9s.<\/p>\n<p>Les r\u00e9glages des blocs sont maintenant <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\">divis\u00e9s en onglets<\/a> pour s\u00e9parer les r\u00e9glages de style des autres r\u00e9glages des blocs.<\/p>\n<p>Si disponibles, les onglets de l&rsquo;inspecteur de blocs seront affich\u00e9s dans l&rsquo;ordre suivant :<\/p>\n<ul>\n<li><strong>Vue en liste :<\/strong> Comprend des commandes permettant de g\u00e9rer les enfants d&rsquo;un bloc, tels que les sous-menus et les liens dans le bloc Navigation<\/li>\n<li><strong>R\u00e9glages :<\/strong> Comprend les r\u00e9glages de configuration qui ne sont pas li\u00e9s \u00e0 l&rsquo;apparence du bloc<\/li>\n<li><strong>Apparence :<\/strong> Comprend les r\u00e9glages sp\u00e9cifiquement li\u00e9s au style du bloc actuel, tels que la typographie et les couleurs<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"La nouvelle colonne lat\u00e9rale de r\u00e9glages \u00e0 onglets pour un bloc Bouton dans WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">La nouvelle colonne lat\u00e9rale de r\u00e9glages \u00e0 onglets pour un bloc Bouton dans WordPress 6.2<\/figcaption><\/figure>\n<p>Il s&rsquo;agit d&rsquo;une am\u00e9lioration notable de la convivialit\u00e9 de l&rsquo;interface, en particulier pour les blocs avanc\u00e9s avec de nombreuses options de configuration comme le bloc de groupe ou le bloc de navigation.<\/p>\n<p>Notez que :<\/p>\n<ul>\n<li>Le nouvel inspecteur n&rsquo;affiche un onglet que s&rsquo;il contient des \u00e9l\u00e9ments \u00e0 afficher.<\/li>\n<li>Si l&rsquo;onglet R\u00e9glages ne contient que le panneau Avanc\u00e9, il est d\u00e9plac\u00e9 vers l&rsquo;onglet Apparence.<\/li>\n<li>Si l&rsquo;inspecteur de blocs n&rsquo;a qu&rsquo;un seul onglet, il s&rsquo;affiche comme avant WordPress 6.2.<\/li>\n<\/ul>\n<p>Consultez la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> pour une vue plus d\u00e9taill\u00e9e du nouvel inspecteur de blocs.<\/p>\n<h3>Colorisation des parties de mod\u00e8les et des blocs r\u00e9utilisables<\/h3>\n<p>Pour les diff\u00e9rencier plus facilement des groupes et des blocs, les parties de mod\u00e8le et les blocs r\u00e9utilisables sont maintenant mis en \u00e9vidence dans une <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noopener noreferrer\">couleur diff\u00e9rente<\/a> dans la vue de liste, l&rsquo;outil d&rsquo;insertion de blocs, la barre d&rsquo;outils des blocs et dans le canevas de l&rsquo;\u00e9diteur.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"Partie de mod\u00e8le coloris\u00e9e dans la vue en liste\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Partie de mod\u00e8le coloris\u00e9e dans la vue en liste<\/figcaption><\/figure>\n<p>Cela se produit \u00e0 la fois dans l&rsquo;\u00e9diteur de site et dans l&rsquo;\u00e9diteur d&rsquo;articles, comme le montre l&rsquo;image ci-dessous.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"Bloc r\u00e9utilisable coloris\u00e9 dans l'\u00e9diteur d'articles\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Bloc r\u00e9utilisable coloris\u00e9 dans l&rsquo;\u00e9diteur d&rsquo;articles<\/figcaption><\/figure>\n<h3>Une nouvelle version de l&rsquo;outil d&rsquo;insertion de blocs<\/h3>\n<p>L&rsquo;insertion de blocs a subi plusieurs modifications qui am\u00e9liorent consid\u00e9rablement l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition globale.<\/p>\n<p>Tout d&rsquo;abord, une nouvelle interface am\u00e9liore la navigation entre les cat\u00e9gories de compositions et de m\u00e9dias et fournit des <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">aper\u00e7us plus grands<\/a> pour les compositions et les \u00e9l\u00e9ments de m\u00e9dias.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148386 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"Aper\u00e7u d'une composition dans l'insertion de blocs de WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">Aper\u00e7u d&rsquo;une composition dans l&rsquo;insertion de blocs de WordPress 6.2<\/figcaption><\/figure>\n<p>Lorsque des m\u00e9dias existent sur le site, un onglet <strong>M\u00e9dia<\/strong> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">appara\u00eet dans l&rsquo;insertion de blocs<\/a> pour simplifier l&rsquo;insertion de m\u00e9dias <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">dans le contenu<\/a>. Vous pouvez faire glisser et d\u00e9poser des images\/m\u00e9dias ou simplement cliquer sur votre m\u00e9dia pour l&rsquo;ajouter au contenu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt width=\"1296\" height=\"1420\"><\/p>\n<p>A l&rsquo;int\u00e9rieur de l&rsquo;onglet, un bouton <strong>Ouvrir la m\u00e9diath\u00e8que<\/strong> vous permet d&rsquo;acc\u00e9der \u00e0 la <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/\">m\u00e9diath\u00e8que<\/a> de WordPress.<\/p>\n<h3>Int\u00e9gration d&rsquo;Openverse dans l&rsquo;insertion de blocs<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> est un outil qui vise \u00e0 partager des \u0153uvres sous licence ouverte ou relevant du domaine public afin qu&rsquo;elles puissent \u00eatre utilis\u00e9es par tout le monde. D\u00e9sormais, avec WordPress 6.2, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse est int\u00e9gr\u00e9 dans l&rsquo;outil d&rsquo;insertion de blocs<\/a>.<\/p>\n<p>Pour acc\u00e9der \u00e0 cette nouvelle fonctionnalit\u00e9, cliquez sur l&rsquo;onglet Media de l&rsquo;insertion de blocs. Vous verrez alors appara\u00eetre un panneau avec un champ de recherche et des aper\u00e7us d&rsquo;images provenant directement du r\u00e9f\u00e9rentiel Openverse.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148381 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"Openverse est d\u00e9sormais int\u00e9gr\u00e9 dans l'insertion de blocs\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse est d\u00e9sormais int\u00e9gr\u00e9 dans l&rsquo;insertion de blocs<\/figcaption><\/figure>\n<p>Pour les d\u00e9tails techniques, consultez la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">demande d&rsquo;int\u00e9gration d&rsquo;Openverse<\/a>.<\/p>\n<h3>Migrer les widgets vers les th\u00e8mes de blocs<\/h3>\n<p>A partir de WordPress 6.2, les utilisateurs d&rsquo;un site utilisant un th\u00e8me classique qui d\u00e9cident de passer \u00e0 un th\u00e8me bloc peuvent <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">migrer leurs zones de widgets existantes<\/a> vers le nouveau th\u00e8me, en les convertissant <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">en parties de mod\u00e8le<\/a>.<\/p>\n<p>Voyons comment cela fonctionne.<\/p>\n<p>Tout d&rsquo;abord, cr\u00e9ez une zone de widgets dans un th\u00e8me classique. Par exemple, vous pouvez activer Twenty-Eleven et ajouter un calendrier \u00e0 la zone de pied de page num\u00e9ro un.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148359 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"Ajouter un widget dans Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">Ajouter un widget dans Twenty Eleven<\/figcaption><\/figure>\n<p>Changez maintenant de th\u00e8me pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>. Ouvrez l&rsquo;\u00c9diteur de site, choisissez un mod\u00e8le \u00e0 modifier et ajoutez une partie de mod\u00e8le.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"Ajouter une partie de mod\u00e8le \u00e0 un mod\u00e8le avec le th\u00e8me Twenty Twenty-Three\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">Ajouter une partie de mod\u00e8le \u00e0 un mod\u00e8le avec le th\u00e8me Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Dans le bloc de la colonne lat\u00e9rale, s\u00e9lectionnez la zone de widgets \u00e0 importer dans le menu d\u00e9roulant <strong>Importer une zone de widgets<\/strong>.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"Importer une zone de widget dans WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Importer une zone de widget dans WordPress 6.2<\/figcaption><\/figure>\n<p>Et c&rsquo;est tout. Vous pouvez maintenant g\u00e9rer votre ancienne zone de widgets comme n&rsquo;importe quelle autre partie du mod\u00e8le.<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148362 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"Pr\u00e9visualisation d'une zone de widget import\u00e9e\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Pr\u00e9visualisation d&rsquo;une zone de widget import\u00e9e<\/figcaption><\/figure>\n<h3>D\u00e9tails du document et vue de la liste combin\u00e9s<\/h3>\n<p>Avant WordPress 6.2, il y avait deux boutons s\u00e9par\u00e9s dans la barre d&rsquo;outils de l&rsquo;\u00e9diteur pour les <strong>d\u00e9tails<\/strong> et la vue en <strong>liste<\/strong>. Dans l&rsquo;image suivante, vous pouvez voir les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">d\u00e9tails du document<\/a> dans WordPress 6.1, y compris le nombre de mots, le nombre de caract\u00e8res, le temps de lecture, et le nombre d&rsquo;en-t\u00eates, de paragraphes et de blocs, ainsi que le plan du document.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"La popup D\u00e9tails dans WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">La popup D\u00e9tails dans WordPress 6.1<\/figcaption><\/figure>\n<p>A partir de WordPress 6.2, la <strong>vue en liste<\/strong> et les <strong>d\u00e9tails<\/strong> ont \u00e9t\u00e9 d\u00e9plac\u00e9s dans un panneau unique de <strong>pr\u00e9sentation du document<\/strong> divis\u00e9 en deux onglets : <strong>Vue en ligne<\/strong> et <strong>Structure<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"Le nouveau panneau de pr\u00e9sentation des documents dans WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">Le nouveau panneau de pr\u00e9sentation des documents dans WordPress 6.2<\/figcaption><\/figure>\n<p>Ce changement devrait faciliter la gestion du document.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Comment installer WordPress 6.2 sur un environnement de d\u00e9veloppement local ?<\/h3>\n<p>Si vous souhaitez tester les versions de d\u00e9veloppement de WordPress avant la sortie officielle, suivez ces \u00e9tapes :<\/p>\n<ol>\n<li>Ouvrez DevKinsta et cr\u00e9ez un nouveau <a href=\"https:\/\/kinsta.com\/fr\/blog\/construire-site-wordpress-hors-ligne\/\">site web WordPress local<\/a><\/li>\n<li>Une fois cela fait, ouvrez votre tableau de bord WordPress et allez vers <strong>Extensions \u2192 Ajouter<\/strong><\/li>\n<li>Recherchez et installez l&rsquo;extension <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Activez l&rsquo;extension et allez dans <strong>Outils \u2192 Beta Testing<\/strong><\/li>\n<li>Dans l&rsquo;onglet R\u00e9glages de WP Beta Tester, choisissez l&rsquo;option <strong>Bleeding edge<\/strong> et enregistrez les r\u00e9glages<\/li>\n<li>Retournez sur votre tableau de bord WordPress, ouvrez l&rsquo;\u00e9cran des <strong>mises \u00e0 jour<\/strong> et mettez \u00e0 jour avec la derni\u00e8re version nocturne<\/li>\n<\/ol>\n<p>C&rsquo;est tout ! Vous avez maintenant une installation locale de d\u00e9veloppement de WordPress, et vous \u00eates libre d&rsquo;effectuer tous vos tests. Jetez un coup d&rsquo;\u0153il et faites-nous savoir ce que vous pensez des nouvelles fonctionnalit\u00e9s.<\/p>\n<p>Avec DevKinsta, quelques clics suffisent pour disposer d&rsquo;un environnement de d\u00e9veloppement moderne pour WordPress sur votre machine locale. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">T\u00e9l\u00e9chargez DevKinsta<\/a> gratuitement \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Capacit\u00e9s \u00e9tendues des blocs<\/h2>\n<p>Avec WordPress 6.2, les capacit\u00e9s de plusieurs types de blocs ont \u00e9t\u00e9 \u00e9tendues. C&rsquo;est particuli\u00e8rement vrai pour le bloc Navigation, qui est concern\u00e9 par plusieurs changements et am\u00e9liorations de l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition.<\/p>\n<p>Examinons les principaux changements en d\u00e9tail.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>\u00c9dition par liste pour le bloc Navigation<\/h3>\n<p>Avec la version 6.2 de WordPress, il est possible de modifier la disposition des \u00e9l\u00e9ments du bloc Navigation \u00e0 partir d&rsquo;une <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\">liste dans la colonne lat\u00e9rale des r\u00e9glages du du bloc<\/a>.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148390 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"Un nouvel onglet Menu affiche une vue en liste du menu de navigation\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">Un nouvel onglet Menu affiche une vue en liste du menu de navigation<\/figcaption><\/figure>\n<p>En cliquant sur l&rsquo;\u00e9l\u00e9ment de menu, vous acc\u00e9derez \u00e0 la colonne lat\u00e9rale des r\u00e9glages du lien de page s\u00e9lectionn\u00e9, o\u00f9 vous pourrez modifier les d\u00e9tails du lien, y compris l&rsquo;\u00e9tiquette, l&rsquo;URL, la description, le titre du lien et le lien rel.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"La colonne lat\u00e9rale des r\u00e9glages du lien de page\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">La colonne lat\u00e9rale des r\u00e9glages du lien de page<\/figcaption><\/figure>\n<p>Cette modification simplifie grandement la modification des menus de navigation, en vous permettant d&rsquo;ajouter, d&rsquo;organiser et de supprimer des \u00e9l\u00e9ments dans votre menu, voire de cr\u00e9er de nouveaux menus de navigation.<\/p>\n<h3>Verrouiller la navigation<\/h3>\n<p>Une autre am\u00e9lioration apport\u00e9e au bloc Navigation est la possibilit\u00e9 de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">verrouiller la modification des menus de mani\u00e8re plus granulaire<\/a>. Vous pouvez maintenant <strong>restreindre la modification<\/strong>, <strong>d\u00e9sactiver le mouvement<\/strong> et <strong>emp\u00eacher la suppression<\/strong>, alors qu&rsquo;avec WordPress 6.1, seules les options <strong>restreindre la modification<\/strong> et <strong>d\u00e9sactiver le mouvement<\/strong> \u00e9taient disponibles.<\/p>\n<p>En outre, les options s\u00e9lectionn\u00e9es peuvent \u00e9galement \u00eatre appliqu\u00e9es aux blocs internes (liens et sous-menus).<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"Verrouiller la navigation dans WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">Verrouiller la navigation dans WordPress 6.2<\/figcaption><\/figure>\n<h3>Ajouter\/Supprimer des l\u00e9gendes dans la barre d&rsquo;outils des blocs<\/h3>\n<p>Un nouveau bouton <strong>Ajouter\/Supprimer une l\u00e9gende<\/strong> permet aux utilisateurs de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">contr\u00f4ler les l\u00e9gendes<\/a> depuis la barre d&rsquo;outils des blocs pour plusieurs blocs (Audio, Vid\u00e9o, Image).<\/p>\n<p>Si vous avez d\u00e9j\u00e0 d\u00e9fini une l\u00e9gende, elle sera automatiquement incluse lorsque vous ajouterez l&rsquo;image \u00e0 votre contenu.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"Ajouter\/supprimer une l\u00e9gende dans la barre d'outils du bloc\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">Ajouter\/supprimer une l\u00e9gende dans la barre d&rsquo;outils du bloc<\/figcaption><\/figure>\n<h3>Am\u00e9liorations apport\u00e9es au bloc Liste de pages<\/h3>\n<p>Deux am\u00e9liorations <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">concernent le bloc Liste de pages<\/a>.<\/p>\n<p>Tout d&rsquo;abord, le bloc Liste de pages peut d\u00e9sormais \u00eatre d\u00e9velopp\u00e9 pour afficher la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\">liste des pages dans le panneau Vue en liste<\/a>.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Bloc Liste de pages d\u00e9velopp\u00e9 dans la vue en liste\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Bloc Liste de pages d\u00e9velopp\u00e9 dans la vue en liste<\/figcaption><\/figure>\n<p>En outre, une nouvelle option dans la colonne lat\u00e9rale du bloc vous permet d\u00e9sormais de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9finir une page de d\u00e9part<\/a> et de n&rsquo;afficher dans le bloc que les pages qui en d\u00e9coulent.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"D\u00e9finition d'une page parent pour le bloc Liste de pages\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">D\u00e9finition d&rsquo;une page parent pour le bloc Liste de pages<\/figcaption><\/figure>\n<h3>Nouvel espace r\u00e9serv\u00e9 aux blocs de groupe<\/h3>\n<p>L&rsquo;espace r\u00e9serv\u00e9 du bloc de groupe affiche d\u00e9sormais <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">un s\u00e9lecteur de variations<\/a> lorsque le bloc est ajout\u00e9 au contenu de la page.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148398 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"Le bloc de groupe dans WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">Le bloc de groupe dans WordPress 6.2<\/figcaption><\/figure>\n<h3>Support des blocs de positionnement \u00e9pingl\u00e9<\/h3>\n<p>WordPress 6.2 introduit une nouvelle fonctionnalit\u00e9 de support des blocs de position, en commen\u00e7ant par le <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\">positionnement \u00e9pingl\u00e9<\/a>.<\/p>\n<p>Cette nouvelle fonctionnalit\u00e9 ne s&rsquo;applique actuellement qu&rsquo;aux blocs de groupe, pour lesquels elle est activ\u00e9e par d\u00e9faut.<\/p>\n<p>Les d\u00e9veloppeurs de th\u00e8mes peuvent activer le positionnement \u00e9pingl\u00e9 sur leurs th\u00e8mes en utilisant la fonctionnalit\u00e9 <code>appearanceTools<\/code> dans <strong>theme.json<\/strong>. Si vous souhaitez un contr\u00f4le plus granulaire sur les outils d&rsquo;apparence, vous pouvez \u00e9galement d\u00e9finir l&rsquo;option <code>settings.position.sticky<\/code> sur <code>true<\/code>.<\/p>\n<p>Vous pouvez activer le positionnement \u00e9pingl\u00e9 dans le panneau <strong>Position<\/strong> de la colonne lat\u00e9rale de contr\u00f4le de l&rsquo;inspecteur.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"R\u00e9glage de position \u00e9pingl\u00e9e dans un bloc de groupe\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">R\u00e9glage de position \u00e9pingl\u00e9e dans un bloc de groupe<\/figcaption><\/figure>\n<p>Lorsque le positionnement \u00e9pingl\u00e9 est activ\u00e9, la balise HTML re\u00e7oit une classe <code>is-position-sticky<\/code> et certaines r\u00e8gles CSS s&rsquo;appliquent \u00e0 l&rsquo;\u00e9l\u00e9ment correspondant :<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148936 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Exemple de positionnement \u00e9pingl\u00e9 avec le th\u00e8me Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Exemple de positionnement \u00e9pingl\u00e9 avec le th\u00e8me Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Le positionnement \u00e9pingl\u00e9 ne fonctionne que pour les <strong>blocs de groupe situ\u00e9s \u00e0 la racine du document<\/strong>. Bien que cela puisse \u00e9viter la confusion et les erreurs pour les utilisateurs, vous pourriez trouver le positionnement \u00e9pingl\u00e9 int\u00e9gr\u00e9 un peu d\u00e9licat pour le moment (et vous pourriez vouloir v\u00e9rifier les diff\u00e9rentes m\u00e9thodes pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/en-tete-epingle\/\">ajouter un en-t\u00eate \u00e9pingl\u00e9<\/a> \u00e0 votre site WordPress). Cependant, selon la note de d\u00e9veloppement,<\/p>\n<blockquote><p>&#8230; lors des tests manuels, les commentaires ont indiqu\u00e9 que sans un travail suppl\u00e9mentaire sur l&rsquo;interface utilisateur ou l&rsquo;interface graphique, il pourrait \u00eatre d\u00e9routant pour les utilisateurs qui tentent de cr\u00e9er des en-t\u00eates \u00e9pingl\u00e9s s&rsquo;ils d\u00e9finissent accidentellement un bloc non racine comme \u00e9pingl\u00e9, ou par exemple, un bloc <em>dans une<\/em> partie de mod\u00e8le d&rsquo;en-t\u00eate comme \u00e9pingl\u00e9. La d\u00e9cision a \u00e9t\u00e9 prise de r\u00e9duire la fonctionnalit\u00e9 aux seuls blocs racine pour la version 6.2 afin de disposer de plus de temps pour explorer une solution appropri\u00e9e pour les blocs imbriqu\u00e9s.<\/p><\/blockquote>\n<p>La fonction de positionnement n&rsquo;est disponible que pour les blocs individuels, vous ne la trouverez donc pas dans les styles globaux.<\/p>\n<h3>Am\u00e9liorations suppl\u00e9mentaires de l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition des blocs<\/h3>\n<p>Voici d&rsquo;autres am\u00e9liorations notables apport\u00e9es \u00e0 l&rsquo;\u00e9dition des blocs :<\/p>\n<ul>\n<li>Vous pouvez d\u00e9sormais <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">glisser-d\u00e9poser des images<\/a> sur un paragraphe vide pour le remplacer par un bloc Image.<\/li>\n<li>Les contr\u00f4les de typographie ont \u00e9t\u00e9 <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">regroup\u00e9s dans des panneaux<\/a>. Cela rend l&rsquo;interface Styles plus coh\u00e9rente avec l&rsquo;interface R\u00e9glages et am\u00e9liore sa convivialit\u00e9, car vous pouvez d\u00e9sormais afficher et masquer les contr\u00f4les comme dans l&rsquo;interface R\u00e9glages des blocs.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Contr\u00f4les de typographie dans WordPress 6.1 vs. WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Contr\u00f4les de typographie dans WordPress 6.1 vs. WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>Il est maintenant possible de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">modifier l&rsquo;espacement des lettres des blocs d&rsquo;en-t\u00eate<\/a> directement dans l&rsquo;interface des Styles globaux.<\/li>\n<li>Vous pouvez maintenant d\u00e9finir la couleur de l&rsquo;arri\u00e8re-plan, du lien et du texte <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">du bloc Calendrier<\/a>.<\/li>\n<li>Deux nouvelles <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\" target=\"_blank\" rel=\"noopener noreferrer\">cat\u00e9gories de blocs<\/a> <strong>Banni\u00e8res<\/strong> et <strong>Pieds de page<\/strong> ont \u00e9t\u00e9 introduites pour mieux refl\u00e9ter la structure des pages web.<\/li>\n<li>Il est d\u00e9sormais possible de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\" target=\"_blank\" rel=\"noopener noreferrer\">compl\u00e9ter automatiquement les liens<\/a> dans n&rsquo;importe quel bloc \u00e0 l&rsquo;aide du raccourci <code>[[<\/code>. Avant ce changement, les blocs devaient d\u00e9clarer explicitement la prise en charge de l&rsquo;autocompl\u00e9tion des liens \u00e0 l&rsquo;aide de <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>Un nouveau raccourci clavier <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> vous permet de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">transformer un paragraphe en titre<\/a>.<\/li>\n<li>Le bloc Liste de pages <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\">prend d\u00e9sormais en charge toutes les options typographiques<\/a>, y compris la famille de polices, la taille des polices, l&rsquo;apparence, la hauteur de ligne, l&rsquo;espacement des lettres, la d\u00e9coration et la casse des lettres.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"R\u00e9glages de typographie du bloc Liste de pages dans WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">R\u00e9glages de typographie du bloc Liste de pages dans WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Outils de conception am\u00e9lior\u00e9s<\/h2>\n<p>De nombreuses nouvelles fonctionnalit\u00e9s et am\u00e9liorations introduites dans WordPress 6.2 renforcent les capacit\u00e9s de stylisme et de conception du CMS. Vous trouverez ci-dessous une liste des fonctionnalit\u00e9s les plus int\u00e9ressantes de la version 6.2, que nous d\u00e9taillerons plus loin.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Guide de style<\/h3>\n<p>WordPress 6.2 introduit une nouvelle fonctionnalit\u00e9, le guide style, qui permet aux utilisateurs de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e9visualiser n&rsquo;importe quel bloc<\/a> pouvant \u00eatre utilis\u00e9 sur leur site web sans avoir \u00e0 ajouter ces blocs \u00e0 un mod\u00e8le ou \u00e0 une partie de mod\u00e8le. Vous pouvez lancer le <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">guide de style<\/a> en cliquant sur le bouton <strong>Ouvrir le guide de style<\/strong> (l&rsquo;ic\u00f4ne en forme d&rsquo;\u0153il) qui appara\u00eet maintenant dans l&rsquo;en-t\u00eate <strong>Styles<\/strong> \u00e0 l&rsquo;int\u00e9rieur des styles globaux.<\/p>\n<p>Cela ouvre une interface montrant un aper\u00e7u de chaque bloc principal et tiers par cat\u00e9gorie.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"L'interface du guide de style\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">L&rsquo;interface du guide de style<\/figcaption><\/figure>\n<p>La nouvelle interface du guide de style simplifie le processus de conception en offrant des aper\u00e7us de chaque style de bloc en un seul endroit centralis\u00e9.<\/p>\n<p>D&rsquo;un point de vue technique, la nouvelle interface est g\u00e9n\u00e9r\u00e9e par un nouveau composant <code>StyleBook<\/code> ajout\u00e9 \u00e0 <code>@wordpress\/edit-site<\/code> pour afficher un aper\u00e7u de chaque bloc enregistr\u00e9 <a href=\"https:\/\/kinsta.com\/fr\/blog\/iframe-wordpress\/\">dans une iframe<\/a> (voir aussi <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>La m\u00eame interface fournit \u00e9galement des aper\u00e7us de blocs individuels. A titre d&rsquo;exemple, l&rsquo;image suivante montre l&rsquo;aper\u00e7u d&rsquo;un widget de calendrier personnalis\u00e9.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Personnalisation et pr\u00e9visualisation du bloc Calendrier\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Personnalisation et pr\u00e9visualisation du bloc Calendrier<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs peuvent emp\u00eacher l&rsquo;insertion et la pr\u00e9visualisation d&rsquo;un bloc de deux mani\u00e8res. Tout d&rsquo;abord, vous pouvez d\u00e9finir <code>supports.inserter<\/code> sur <code>false<\/code> dans <strong>block.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Une autre fa\u00e7on de masquer l&rsquo;aper\u00e7u du bloc est d&rsquo;\u00e9viter la propri\u00e9t\u00e9 <code>example<\/code>, qui est utilis\u00e9e pour cr\u00e9er un aper\u00e7u du bloc dans le panneau d&rsquo;aide de l&rsquo;inspecteur (pour en savoir plus, <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">cliquez ici<\/a>).<\/p>\n<h3>Ombres dans les styles globaux<\/h3>\n<p>Avec WordPress 6.2, il est d\u00e9sormais possible d&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">ajouter et de personnaliser des ombres<\/a> \u00e0 certains blocs en utilisant les styles globaux ou <strong>theme.json<\/strong> (\u00e0 ce jour, la fonction d&rsquo;ombre n&rsquo;est disponible que pour le bloc Bouton).<\/p>\n<p>Tout d&rsquo;abord, dans les th\u00e8mes supportant cette fonctionnalit\u00e9, vous pouvez ajouter des ombres \u00e0 partir de l&rsquo;interface des Styles Globaux.<\/p>\n<p>Pour le voir en action, activez le th\u00e8me <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>, naviguez vers <strong>Styles<\/strong> &gt; <strong>Blocs<\/strong> &gt; <strong>Bouton<\/strong>, et cliquez sur le bouton <strong>Ombre<\/strong>.<\/p>\n<p>Une fen\u00eatre contextuelle d&rsquo;ombre vous permet de s\u00e9lectionner une ombre parmi les pr\u00e9-r\u00e9glages du th\u00e8me.<\/p>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148833 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"D\u00e9finition de l'ombre dans les blocs Styles\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">D\u00e9finition de l&rsquo;ombre dans les blocs Styles<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs de th\u00e8mes et les utilisateurs avanc\u00e9s peuvent \u00e9galement ajouter une ombre aux blocs \u00e0 l&rsquo;aide du fichier<strong> theme.json<\/strong>. La d\u00e9finition suivante ajoute une ombre noire de 4px aux blocs Bouton :<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>Vous pouvez \u00e9galement <a href=\"https:\/\/kinsta.com\/fr\/blog\/twenty-twenty-two-themes\/#settings\">d\u00e9finir des pr\u00e9-r\u00e9glages<\/a> pour permettre aux utilisateurs de th\u00e8mes d&rsquo;en s\u00e9lectionner un dans l&rsquo;interface Styles :<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>Une fois d\u00e9finis, vos pr\u00e9-r\u00e9glages apparaissent dans le panneau <strong>Ombres<\/strong>, dans le bloc Styles.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148832 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Pr\u00e9-s\u00e9lections d'ombres personnalis\u00e9es dans le bloc Styles\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Pr\u00e9-s\u00e9lections d&rsquo;ombres personnalis\u00e9es dans le bloc Styles<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement choisir la valeur d&rsquo;un pr\u00e9-r\u00e9glage et l&rsquo;utiliser comme valeur par d\u00e9faut du bloc :<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Nouveau contr\u00f4le de la dimension de la hauteur minimale<\/h3>\n<p>A partir de WordPress 6.2, le panneau Dimensions de la colonne lat\u00e9rale des r\u00e9glages des blocs pour les blocs Groupe et Contenu de l&rsquo;article fournit maintenant un <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">nouveau contr\u00f4le de la hauteur minimale<\/a> activ\u00e9 par d\u00e9faut dans les th\u00e8mes utilisant la fonctionnalit\u00e9 <code>appearanceTools<\/code>.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Contr\u00f4le de la hauteur minimale pour le bloc Groupe\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Contr\u00f4le de la hauteur minimale pour le bloc Groupe<\/figcaption><\/figure>\n<p>Ce nouveau contr\u00f4le permet aux utilisateurs de d\u00e9finir une hauteur minimale pour les blocs Groupe et Contenu de l&rsquo;article et peut \u00eatre utilis\u00e9 pour afficher le pied de page en bas de la page, m\u00eame avec peu de contenu.<\/p>\n<p>Combin\u00e9 aux nouveaux outils d&rsquo;alignement vertical, il permet \u00e9galement d&rsquo;aligner verticalement les \u00e9l\u00e9ments int\u00e9rieurs en haut\/au centre\/en bas de la page.<\/p>\n<p>Les d\u00e9veloppeurs peuvent ajouter la prise en charge de la hauteur minimale aux th\u00e8mes en ajoutant le r\u00e9glage <code>minHeight<\/code> au fichier<strong> theme.json <\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>Vous pouvez \u00e9galement utiliser la propri\u00e9t\u00e9 <code>appearanceTools<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>La nouvelle propri\u00e9t\u00e9 <code>minHeight<\/code> peut \u00e9galement \u00eatre utilis\u00e9e pour d\u00e9finir une valeur sp\u00e9cifique directement dans <strong>theme.json <\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Les d\u00e9veloppeurs de blocs peuvent ajouter la propri\u00e9t\u00e9 <code>supports.dimensions.minHeight<\/code> \u00e0 leur fichier <strong>block.json<\/strong> et lui attribuer la valeur <code>true<\/code>. Pour les <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-gutenberg\/\">blocs statiques<\/a>, la r\u00e8gle CSS <code>min-height<\/code> sera stock\u00e9e en tant que style en ligne, tandis que pour les <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-dynamiques-gutenberg\/\">blocs dynamiques<\/a>, elle sera incluse dans l&rsquo;attribut de style renvoy\u00e9 par <code>get_block_wrapper_attributes<\/code>.<\/p>\n<h3>CSS personnalis\u00e9 dans le panneau Styles<\/h3>\n<p>L&rsquo;une des fonctionnalit\u00e9s manquantes dans l&rsquo;\u00e9diteur de site par rapport \u00e0 la personnalisation de th\u00e8me \u00e9tait la possibilit\u00e9 d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\">ajouter des styles CSS personnalis\u00e9s<\/a>. WordPress 6.2 comble cette lacune et l&rsquo;interface des Styles globaux <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\">inclut d\u00e9sormais un champ texte<\/a> pour <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">ajouter des r\u00e8gles CSS personnalis\u00e9es<\/a> qui ne seront pas \u00e9cras\u00e9es lorsque vous mettrez \u00e0 jour votre th\u00e8me.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"CSS suppl\u00e9mentaire pour les blocs dans le panneau des styles de blocs\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">CSS suppl\u00e9mentaire pour les blocs dans le panneau des styles de blocs<\/figcaption><\/figure>\n<p>Vous pouvez ajouter des styles personnalis\u00e9s <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\">par bloc<\/a>, \u00e0 partir du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">panneau des styles de bloc<\/a>, ou en cliquant sur le bouton d&rsquo;action<strong> Plus de styles<\/strong> dans la barre d&rsquo;outils Styles. Un menu contextuel s&rsquo;affiche alors, pr\u00e9sentant un \u00e9l\u00e9ment <strong>CSS suppl\u00e9mentaire<\/strong>.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"La zone de texte CSS additionnel dans WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">La zone de texte CSS additionnel dans WordPress 6.2<\/figcaption><\/figure>\n<p>Pour prendre en charge les CSS personnalis\u00e9s, une nouvelle propri\u00e9t\u00e9 <code>styles.css<\/code> a \u00e9t\u00e9 ajout\u00e9e au fichier<strong> theme.json<\/strong>.<\/p>\n<p>Les r\u00e8gles CSS personnalis\u00e9es peuvent compl\u00e8tement remplacer les styles personnalis\u00e9s d\u00e9finis dans <strong>theme.json<\/strong>. Si vous ne voulez pas que cela se produise, vous pouvez envisager d&rsquo;inclure la feuille de style en utilisant les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\">m\u00e9thodes de mise en file d&rsquo;attente existantes<\/a>.<\/p>\n<p>Vous pouvez \u00e9galement ajouter des feuilles de style CSS personnalis\u00e9es par bloc dans <strong>theme.json<\/strong> \u00e0 l&rsquo;aide de la propri\u00e9t\u00e9 <code>styles.blocks.block.css<\/code>:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>Vous pouvez \u00e9galement utiliser <code>&<\/code> pour les \u00e9l\u00e9ments imbriqu\u00e9s et les pseudo-s\u00e9lecteurs.<\/p>\n<p>Pour en savoir plus sur la nouvelle fonction CSS personnalis\u00e9e, consultez \u00e9galement la rubrique <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS personnalis\u00e9e pour les styles globaux et par bloc<\/a>.<\/p>\n<h3>Copier et coller des styles entre blocs<\/h3>\n<p>Un nouveau groupe dans le menu Options de la barre d&rsquo;outils du bloc affiche d\u00e9sormais deux boutons pour <strong>Copier les styles<\/strong> et <strong>Coller les styles<\/strong>. Avant <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">cet ajout<\/a>, il n&rsquo;\u00e9tait possible que de copier des styles, mais la mani\u00e8re de les <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">coller<\/a> n&rsquo;\u00e9tait pas claire.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Copier les styles dans WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Copier les styles dans WordPress 6.2<\/figcaption><\/figure>\n<p>Pour essayer cette nouvelle fonctionnalit\u00e9, ajoutez un nouveau bloc, par exemple un titre. Modifiez le style et choisissez <strong>Copier les styles<\/strong> dans le menu Options du bloc.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Permettre \u00e0 Google Chrome de voir le texte et les images copi\u00e9s dans le presse-papiers\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Permettre \u00e0 Google Chrome de voir le texte et les images copi\u00e9s dans le presse-papiers<\/figcaption><\/figure>\n<p>S\u00e9lectionnez ensuite un autre bloc et choisissez <strong>Coller le style<\/strong>. Les styles copi\u00e9s seront automatiquement appliqu\u00e9s au deuxi\u00e8me bloc.<\/p>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Coller les styles dans WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Coller les styles dans WordPress 6.2<\/figcaption><\/figure>\n<p>Notez que cette fonctionnalit\u00e9 n&rsquo;est disponible que sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/http-vers-https\/\">sites s\u00e9curis\u00e9s (https)<\/a> dans les navigateurs compatibles. Pour plus de d\u00e9tails, consultez la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>.<\/p>\n<h3>Appliquer globalement les changements de blocs<\/h3>\n<p>WordPress 6.2 introduit \u00e9galement un bouton <strong>Appliquer globalement<\/strong> sous le panneau Avanc\u00e9 pour les blocs individuels qui vous permet de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\" target=\"_blank\" rel=\"noopener noreferrer\">pousser vos changements de style de bloc<\/a> vers les Styles globaux et d&rsquo;appliquer ces changements \u00e0 l&rsquo;ensemble du site web.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Bouton Appliquer globalement les styles de blocs dans WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Bouton Appliquer globalement les styles de blocs dans WordPress 6.2<\/figcaption><\/figure>\n<p>Gr\u00e2ce \u00e0 cette nouvelle fonctionnalit\u00e9, appliquer la typographie, l&rsquo;espacement, les dimensions et la couleur des blocs \u00e0 tous les blocs de ce type est maintenant aussi simple que d&rsquo;appuyer sur un bouton (voir aussi cette <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>Am\u00e9lioration de l&rsquo;exp\u00e9rience de conception avec les visualiseurs d&rsquo;espacement<\/h3>\n<p>Les visualiseurs d&rsquo;espacement vous permettent d&rsquo;avoir un aper\u00e7u de la quantit\u00e9 de marge ou d&rsquo;espacement appliqu\u00e9e \u00e0 un bloc. Avec WordPress 6.2, cette fonctionnalit\u00e9 est enrichie de quelques ajouts qui am\u00e9liorent l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition.<\/p>\n<p>Tout d&rsquo;abord, les visualiseurs d&rsquo;espacement s&rsquo;affichent d\u00e9sormais d\u00e8s que <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\" target=\"_blank\" rel=\"noopener noreferrer\">vous survolez un contr\u00f4le de marge ou de marge int\u00e9rieure<\/a>.<\/p>\n<p>Deuxi\u00e8mement, le visualiseur d&rsquo;espacement <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\">masque automatiquement la barre d&rsquo;outils du bloc<\/a> d\u00e8s que vous survolez le r\u00e9glage de l&rsquo;espacement afin que vous puissiez pr\u00e9visualiser les nouveaux r\u00e9glages de marge et de marge int\u00e9rieure sans \u00eatre encombr\u00e9 par la barre d&rsquo;outils du bloc.<\/p>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148402 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"Le visualiseur d'espacement sans la barre d'outils de bloc\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">Le visualiseur d&rsquo;espacement sans la barre d&rsquo;outils de bloc<\/figcaption><\/figure>\n<p>Il s&rsquo;agit de changements mineurs mais significatifs qui affectent un grand nombre de blocs principaux.<\/p>\n<h2>Changements pour les d\u00e9veloppeurs<\/h2>\n<p>WordPress 6.2 apporte \u00e9galement de nombreuses nouvelles fonctionnalit\u00e9s pour les <a href=\"https:\/\/kinsta.com\/fr\/blog\/salaire-developpeur-wordpress\/\">d\u00e9veloppeurs<\/a> : de nouvelles API, des corrections de bugs, des am\u00e9liorations de performance, et bien plus encore. Plongeons dans les ajouts les plus attrayants.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Une nouvelle API HTML<\/h3>\n<p>WordPress 6.2 introduit le HTML Tag Processor, un <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">analyseur conforme \u00e0 la norme HTML5<\/a> qui fournit un moyen s\u00fbr de trouver des <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">balises HTML<\/a> sp\u00e9cifiques et d&rsquo;ajouter, supprimer ou mettre \u00e0 jour des attributs via PHP. Le <strong>HTML Tag Processor<\/strong> est le premier composant d&rsquo;une <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">nouvelle API de traitement HTML<\/a>.<\/p>\n<p>Cette nouvelle API permet d&rsquo;effectuer facilement des t\u00e2ches complexes qui n\u00e9cessitaient souvent l&rsquo;utilisation d&rsquo;expressions r\u00e9guli\u00e8res.<\/p>\n<p>Dans l&rsquo;exemple suivant, nous ajoutons simplement l&rsquo;attribut <code>alt<\/code> \u00e0 une balise <code>img<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Ce code produirait la balise <code>img<\/code> suivante :<\/p>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>La m\u00e9thode <code>$p-&gt;next_tag()<\/code> passe \u00e0 la prochaine balise disponible dans le code HTML. Elle accepte \u00e9galement un nom de balise, une classe CSS ou les deux pour trouver des balises sp\u00e9cifiques, comme le montre l&rsquo;exemple ci-dessus.<\/p>\n<p>Pour modifier les balises HTML, vous devez d&rsquo;abord s\u00e9lectionner la balise cible :<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>Une fois que vous avez s\u00e9lectionn\u00e9 la balise cible, vous pouvez utiliser les m\u00e9thodes de l&rsquo;API pour effectuer plusieurs op\u00e9rations :<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Vous pouvez d\u00e9finir un attribut de style :<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Vous pouvez \u00e9galement ajouter ou supprimer une classe ou un attribut. Dans le code suivant, nous ajoutons une classe personnalis\u00e9e \u00e0 une balise <code>h1<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Vous pouvez ensuite renvoyer la balise mise \u00e0 jour \u00e0 l&rsquo;aide de la m\u00e9thode <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Pour en savoir plus sur la nouvelle API HTML, consultez ce <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">tutoriel PHP interactif<\/a> d&rsquo;<a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, membre du comit\u00e9 WordPress Core.<\/p>\n<h3>API Patterns et une nouvelle propri\u00e9t\u00e9 <code>template_types<\/code><\/h3>\n<p>L&rsquo;<a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Patterns<\/a> permet aux <a href=\"https:\/\/kinsta.com\/fr\/blog\/flux-travail-wordpress\/\">d\u00e9veloppeurs WordPress<\/a> de \u00ab cr\u00e9er des blocs de contenu pr\u00e9con\u00e7us qui peuvent \u00eatre facilement ins\u00e9r\u00e9s dans les articles, les pages, les types de publications personnalis\u00e9s et les mod\u00e8les \u00bb.<\/p>\n<p>Avec WordPress 6.2, l&rsquo;API Patterns inclut maintenant une nouvelle propri\u00e9t\u00e9 <code>template_types<\/code> qui vous permet de sp\u00e9cifier dans quels mod\u00e8les une certaine <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#block-patterns\">composition de bloc<\/a> peut \u00eatre utilis\u00e9e.<\/p>\n<p>Jorge Costa souligne qu&rsquo;il s&rsquo;agit d&rsquo;une <em>mise \u00e0 jour pour le backend uniquement<\/em> et qu&rsquo;il n&rsquo;y a actuellement aucune fonctionnalit\u00e9 UX correspondante. Cependant, nous pouvons nous attendre \u00e0 voir des <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">impl\u00e9mentations \u00e9volu\u00e9es<\/a> de cette fonctionnalit\u00e9 avec WordPress 6.3 :<\/p>\n<blockquote><p>La premi\u00e8re utilisation, dans la perspective de WordPress 6.3, est de montrer \u00e0 l&rsquo;utilisateur des compositions qui ont un sens sur un mod\u00e8le lorsque l&rsquo;utilisateur commence \u00e0 cr\u00e9er un mod\u00e8le. Les utilisateurs peuvent commencer \u00e0 partir d&rsquo;une composition au lieu d&rsquo;un mod\u00e8le \u00ab vide \u00bb ou d&rsquo;un mod\u00e8le de repli.<\/p><\/blockquote>\n<p>D&rsquo;un point de vue technique, la fonction <code>register_block_pattern()<\/code> a \u00e9t\u00e9 modifi\u00e9e pour inclure un nouveau param\u00e8tre <code>template_types<\/code>, qui est un tableau de cha\u00eenes de caract\u00e8res contenant les noms des mod\u00e8les auxquels le mod\u00e8le de bloc est destin\u00e9.<\/p>\n<p>L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/api-rest-wordpress\/\">API REST<\/a> a \u00e9galement \u00e9t\u00e9 modifi\u00e9e pour renvoyer les types de mod\u00e8les d&rsquo;une composition de bloc si au moins un a \u00e9t\u00e9 d\u00e9fini.<\/p>\n<h3>React v18.0 et Mode Concurrentiel<\/h3>\n<p>WordPress 6.2 fournit \u00e9galement une nouvelle version de la <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-react\/\">biblioth\u00e8que React<\/a>, maintenant mise \u00e0 jour \u00e0 la version 18.0. La nouvelle version est livr\u00e9e avec de nouvelles API, des fonctionnalit\u00e9s, des am\u00e9liorations et des corrections de bogues. L&rsquo;une des principales fonctionnalit\u00e9s de <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a> est l&rsquo;introduction du mode concurrentiel, \u00ab un nouveau m\u00e9canisme en coulisse qui permet \u00e0 React de pr\u00e9parer plusieurs versions de votre interface utilisateur en m\u00eame temps \u00bb.<\/p>\n<p>L&rsquo;une des principales caract\u00e9ristiques du mode concurrentiel dans React est qu&rsquo;il est interruptible :<\/p>\n<blockquote><p>React garantit que l&rsquo;interface utilisateur appara\u00eetra coh\u00e9rente m\u00eame si un rendu est interrompu. Pour cela, il attend d&rsquo;effectuer les mutations du DOM jusqu&rsquo;\u00e0 la fin, une fois que l&rsquo;arbre entier a \u00e9t\u00e9 \u00e9valu\u00e9. Gr\u00e2ce \u00e0 cette capacit\u00e9, React peut pr\u00e9parer de nouveaux \u00e9crans en arri\u00e8re-plan sans bloquer le thread principal. Cela signifie que l&rsquo;interface utilisateur peut r\u00e9pondre imm\u00e9diatement \u00e0 l&rsquo;entr\u00e9e de l&rsquo;utilisateur, m\u00eame si elle est au milieu d&rsquo;une t\u00e2che de rendu importante, cr\u00e9ant ainsi une exp\u00e9rience utilisateur fluide.<\/p><\/blockquote>\n<p>Le principal avantage est que l&rsquo;interface utilisateur r\u00e9pond imm\u00e9diatement \u00e0 l&rsquo;entr\u00e9e de l&rsquo;utilisateur, en m\u00eame temps que la t\u00e2che qu&rsquo;elle ex\u00e9cute toujours en arri\u00e8re-plan.<\/p>\n<p>Cependant, la simultan\u00e9it\u00e9 introduit \u00e9galement des pi\u00e8ges potentiels dont les d\u00e9veloppeurs doivent \u00eatre conscients. Pour un aper\u00e7u plus approfondi du mode concurrentiel dans React sous WordPress 6.2, consultez les exemples fournis dans la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>.<\/p>\n<h3>Changements suppl\u00e9mentaires pour les d\u00e9veloppeurs<\/h3>\n<p>D&rsquo;autres changements notables que les d\u00e9veloppeurs devraient prendre en compte sont les suivants :<\/p>\n<ul>\n<li>WordPress 6.2 introduit un nouveau filtre <a href=\"https:\/\/kinsta.com\/fr\/blog\/guide-modeles-conceptions-javascript\/\">JavaScript<\/a> qui peut \u00eatre utilis\u00e9 pour filtrer les r\u00e9glages des blocs avant que l&rsquo;\u00e9diteur ne soit affich\u00e9 \u00e0 l&rsquo;\u00e9cran. Le nouveau filtre <code>blockEditor.useSetting.before<\/code> permet \u00e9galement aux d\u00e9veloppeurs de modifier les r\u00e9glages en fonction de l&#8217;emplacement du bloc, du r\u00f4le de l&rsquo;utilisateur actuel, des blocs voisins, etc. Pour plus d&rsquo;informations et des exemples d&rsquo;utilisation, voir <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Personnaliser les r\u00e9glages de n&rsquo;importe quel bloc dans WordPress 6.2<\/a>.<\/li>\n<li>Une nouvelle propri\u00e9t\u00e9 <code>skipBlockSupportAttributes<\/code> a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9t\u00e9 introduite<\/a> pour exclure les attributs et les styles li\u00e9s au support des blocs dans le composant <code>ServerSideRender<\/code>.<\/li>\n<li>Une nouvelle API <strong>theme.json<\/strong> son permet maintenant de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">styliser les variations des blocs de base existants<\/a> \u00e0 partir de <strong>theme.json<\/strong>.<\/li>\n<li>Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-polices-google-fonts\/\">polices Google<\/a> sont d\u00e9sormais <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">incluses localement<\/a> et non plus r\u00e9cup\u00e9r\u00e9es \u00e0 partir des adresses Google dans les th\u00e8mes group\u00e9s de Twenty Twelve \u00e0 Twenty Seventeen.<\/li>\n<\/ul>\n<p>Mais ce n&rsquo;est pas tout. WordPress 6.2 introduit de nombreuses fonctionnalit\u00e9s, am\u00e9liorations et corrections de bugs que nous n&rsquo;avons pas mentionn\u00e9es ici par souci de concision. Pour une vue d&rsquo;ensemble plus compl\u00e8te, consultez le <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 Field Guide<\/a>.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>WordPress 6.2 nous rapproche de la fin de la phase 2 du projet Gutenberg, nomm\u00e9e Personnalisation. Mais, comme le <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">souligne Matias Ventura<\/a>, cela ne signifie pas que le travail sur la personnalisation est termin\u00e9 et dans les versions futures. Comme toujours, nous pouvons nous attendre \u00e0 des am\u00e9liorations suppl\u00e9mentaires de l&rsquo;\u00e9diteur bas\u00e9es sur les commentaires de la communaut\u00e9.<\/p>\n\n<p>Dans cet article, nous avons explor\u00e9 quelques-unes des principales fonctionnalit\u00e9s, am\u00e9liorations et corrections de bogues de WordPress 6.2. Mais il y a bien plus dans la 6.2. Avec dix versions de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">extension Gutenberg<\/a> dans le coeur &#8211; de 14.2 \u00e0 15.1 &#8211; nous allons voir un nouveau mode de navigation, un inspecteur de bloc \u00e0 onglets, la migration des widgets vers les th\u00e8mes de bloc, de nouvelles API, et des tonnes d&rsquo;am\u00e9liorations et de corrections de bugs. L&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">accessibilit\u00e9<\/a> et l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">internationalisation<\/a> seront \u00e9galement am\u00e9lior\u00e9es.<\/p>\n<p>Et si vous aimez WordPress et que vous souhaitez <a href=\"https:\/\/kinsta.com\/fr\/blog\/apprendre-wordpress\/\">acqu\u00e9rir de nouvelles comp\u00e9tences en mati\u00e8re de d\u00e9veloppement WordPress<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/contributeur-wordpress\/\">tester et apporter des contributions au CMS<\/a>, ne manquez pas de tester <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a>, la suite de d\u00e9veloppement WordPress locale enti\u00e8rement gratuite de Kinsta.<\/p>\n<p>\u00c0 vous de jouer : Avez-vous d\u00e9j\u00e0 test\u00e9 la nouvelle version dans votre <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">environnement de d\u00e9veloppement<\/a> ? Quelles sont les fonctionnalit\u00e9s que vous appr\u00e9ciez le plus dans WordPress 6.2 ? Faites-nous part de vos commentaires dans la section ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 \u00ab Dolphy \u00bb est sorti et il est temps pour nous d&rsquo;explorer les nouveaut\u00e9s de la premi\u00e8re version de 2023. Avec WordPress 6.2, nous &#8230;<\/p>\n","protected":false},"author":36,"featured_media":67818,"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-67817","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.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d&#039;autres am\u00e9liorations, petites et grandes !\" \/>\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-2\/\" \/>\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.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, et bien plus encore\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d&#039;autres am\u00e9liorations, petites et grandes !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/\" \/>\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=\"2023-03-30T19:11:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T11:36:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d&#039;autres am\u00e9liorations, petites et grandes !\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\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=\"32 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-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nouveaut\u00e9s de WordPress 6.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, et bien plus encore\",\"datePublished\":\"2023-03-30T19:11:52+00:00\",\"dateModified\":\"2023-08-22T11:36:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/\"},\"wordCount\":6058,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/\",\"name\":\"Quoi de neuf dans WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:11:52+00:00\",\"dateModified\":\"2023-08-22T11:36:51+00:00\",\"description\":\"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d'autres am\u00e9liorations, petites et grandes !\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#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.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, 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.2 - Kinsta\u00ae","description":"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d'autres am\u00e9liorations, petites et grandes !","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-2\/","og_locale":"fr_FR","og_type":"article","og_title":"Nouveaut\u00e9s de WordPress 6.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, et bien plus encore","og_description":"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d'autres am\u00e9liorations, petites et grandes !","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-03-30T19:11:52+00:00","article_modified_time":"2023-08-22T11:36:51+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d'autres am\u00e9liorations, petites et grandes !","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"32 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nouveaut\u00e9s de WordPress 6.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, et bien plus encore","datePublished":"2023-03-30T19:11:52+00:00","dateModified":"2023-08-22T11:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/"},"wordCount":6058,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/","name":"Quoi de neuf dans WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:11:52+00:00","dateModified":"2023-08-22T11:36:51+00:00","description":"D\u00e9couvrez notre vue globale de WordPress 6.2 avec le mode navigation, les guides de style, les menus de navigation, et des tonnes d'autres am\u00e9liorations, petites et grandes !","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-2\/#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.2 : Mode navigation, style de livre, menus de navigation am\u00e9lior\u00e9s, nouvelles API, 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\/67817","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=67817"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/67817\/revisions"}],"predecessor-version":[{"id":67887,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/67817\/revisions\/67887"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/translations\/dk"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67817\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/67818"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=67817"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=67817"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=67817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}