{"id":56788,"date":"2022-05-10T07:27:33","date_gmt":"2022-05-10T06:27:33","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=56788&#038;preview=true&#038;preview_id=56788"},"modified":"2023-08-22T12:37:51","modified_gmt":"2023-08-22T11:37:51","slug":"wordpress-6-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/","title":{"rendered":"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, et bien plus encore"},"content":{"rendered":"<p><strong>WordPress 6.0 Arturo est arriv\u00e9<\/strong> et, comme d&rsquo;habitude, nous avons jet\u00e9 un coup d&rsquo;\u0153il derri\u00e8re les rideaux pour donner \u00e0 nos lecteurs un aper\u00e7u des nouveaut\u00e9s de <a href=\"https:\/\/wordpress.org\/news\/2022\/05\/arturo\/\">la derni\u00e8re version majeure de WordPress<\/a>.<\/p>\n<p>Disons tout de suite que, si <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> nous a fait entrer au c\u0153ur de la phase 2 de Gutenberg, WordPress 6.0 vise \u00e0 consolider les outils de personnalisation d\u00e9j\u00e0 disponibles.<\/p>\n<p>Mais la nouvelle version n&rsquo;est pas que \u00e7a. Comme l&rsquo;a soulign\u00e9 Matias Ventura dans la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/26\/preliminary-roadmap-for-6-0\/\">feuille de route pr\u00e9liminaire de la 6.0<\/a>, l&rsquo;introduction de l&rsquo;\u00e9diteur de site a marqu\u00e9 une \u00e9tape importante, mais aussi seulement une premi\u00e8re \u00e9tape du voyage.<\/p>\n<figure id=\"attachment_124477\" aria-describedby=\"caption-attachment-124477\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124477 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/wordpress-6-0.jpg\" alt=\"WordPress 6.0 Arturo est sorti\" width=\"2880\" height=\"1584\"><figcaption id=\"caption-attachment-124477\" class=\"wp-caption-text\">WordPress 6.0 Arturo est sorti<\/figcaption><\/figure>\n<p>WordPress 6.0 apporte des am\u00e9liorations significatives dans plusieurs domaines du CMS, de la convivialit\u00e9 aux performances, depuis les \u00e9l\u00e9ments suivants :<\/p>\n<ul>\n<li>Architecture d&rsquo;information et exp\u00e9rience de navigation des mod\u00e8les am\u00e9lior\u00e9es<\/li>\n<li>Cr\u00e9ation de mod\u00e8les am\u00e9lior\u00e9e<\/li>\n<li>Nouveaux hooks<\/li>\n<li>Une nouvelle interface utilisateur de navigation<\/li>\n<li>Un nouveau mode de navigation pour l&rsquo;\u00e9diteur de site<\/li>\n<li>Des styles globaux alternatifs<\/li>\n<li>Un bloc de navigation am\u00e9lior\u00e9<\/li>\n<li>De nouveaux outils de conception<\/li>\n<li>Performances am\u00e9lior\u00e9es<\/li>\n<li>Et bien plus encore&#8230;<\/li>\n<\/ul>\n<p>Mais attendez, ce n&rsquo;est pas tout. WordPress 6.0 apporte un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/wordpress-6-0-field-guide\/\">nombre impressionnant de changements<\/a>, avec 251 tickets Trac, dont 97 fonctionnalit\u00e9s et am\u00e9liorations et 131 corrections de bugs.<\/p>\n<p>Oui, il y a beaucoup de choses \u00e0 dire. Alors n&rsquo;attendons pas plus longtemps et d\u00e9couvrons les nouveaut\u00e9s de WordPress 6.0.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n\n<h2>API Webfonts<\/h2>\n<p>Une nouvelle <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-1\">API Webfonts<\/a> fournit d\u00e9sormais un moyen standardis\u00e9 de charger des polices web dans WordPress en garantissant les performances et la confidentialit\u00e9 des utilisateurs.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">\u00c0 partir de WordPress 6.0<\/a>, vous pouvez uniquement enregistrer une nouvelle webfont \u00e0 partir de votre <em>theme.json<\/em>.<\/p>\n<p>L&rsquo;utilisation du <em>theme.json<\/em> est assez simple. Tout ce que vous devez faire est d&rsquo;ajouter une nouvelle famille de polices \u00e0 la section <code>typography<\/code>. Le code suivant fournit un exemple d&rsquo;enregistrement de webfont :<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\",\n\t\t\t\t\t\"name\": \"System Font\",\n\t\t\t\t\t\"slug\": \"system-font\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Source Serif Pro\\\", serif\",\n\t\t\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\t\t\"slug\": \"source-serif-pro\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Inter\\\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Le code ci-dessus ajoute la famille de polices <strong>Inter<\/strong> au r\u00e9glage par d\u00e9faut des <code>familles de polices<\/code> disponibles dans Twenty Twenty-Two. Si vous voulez l&rsquo;essayer vous-m\u00eame, t\u00e9l\u00e9chargez la <a href=\"https:\/\/fonts.google.com\/specimen\/Inter\">webfont Inter<\/a> depuis <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-polices-google-fonts\/\">Google Fonts<\/a> dans le dossier <em>.\/assets\/fonts<\/em>, puis ajoutez le code ci-dessus \u00e0 la section <code>settings.typography<\/code> du <em>theme.json<\/em> de Twenty Twenty-Two. Une fois que vous avez termin\u00e9, enregistrez le fichier et revenez \u00e0 l&rsquo;interface d&rsquo;\u00e9dition du site.<\/p>\n<p>L&rsquo;image suivante montre le r\u00e9sultat dans l&rsquo;\u00e9diteur.<\/p>\n<figure id=\"attachment_122326\" aria-describedby=\"caption-attachment-122326\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122326 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/webfonts-api.jpg\" alt=\"Une nouvelle famille de polices a \u00e9t\u00e9 enregistr\u00e9e dans Twenty Twenty-Two.\" width=\"1696\" height=\"1106\"><figcaption id=\"caption-attachment-122326\" class=\"wp-caption-text\">Une nouvelle famille de polices a \u00e9t\u00e9 enregistr\u00e9e dans Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>L&rsquo;API Webfonts n&rsquo;enregistre que les polices n\u00e9cessaires au rendu des blocs sur la page actuelle, ce qui est particuli\u00e8rement utile avec les polices Webfont <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39886\">d\u00e9finies dans les variations de style<\/a>. En outre, l&rsquo;API optimise le nombre de requ\u00eates HTTP en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39559\">enregistrant et en mettant en file d&rsquo;attente les polices par famille de polices<\/a>.<\/p>\n<p>Vous pouvez lire la suite sur la nouvelle API dans la requ\u00eate pull <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37140\">API Webfonts<\/a>, dans le <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">statut de l&rsquo;API Webfonts pour l&rsquo;inclusion de WordPress 6.0<\/a>, et dans les <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">variations de styles globaux dans WordPress 6.0<\/a>.<\/p>\n<h2>Changement de styles globaux<\/h2>\n<p>Les <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/03\/core-editor-improvement-choose-your-style\/\">variations de styles globaux<\/a> sont l&rsquo;une des fonctionnalit\u00e9s les plus attendues de WordPress 6.0. Les auteurs de th\u00e8mes peuvent d\u00e9sormais regrouper plusieurs ensembles de styles globaux avec leurs th\u00e8mes, ce qui permet aux utilisateurs de passer d&rsquo;une variation de style \u00e0 l&rsquo;autre en un seul clic.<\/p>\n<p>C&rsquo;est un peu comme avoir des th\u00e8mes enfants pr\u00eats \u00e0 l&#8217;emploi, avec un ensemble pr\u00e9d\u00e9fini de styles pour chacun d&rsquo;eux.<\/p>\n<p>Pour <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">ajouter une variation de style<\/a> \u00e0 votre th\u00e8me de bloc, vous ajouterez un fichier JSON alternatif dans un r\u00e9pertoire <em>styles<\/em> situ\u00e9 dans la racine de votre th\u00e8me.<\/p>\n<p>Les th\u00e8mes prenant en charge les variations de styles globaux affichent un nouvel \u00e9l\u00e9ment <strong>Parcourir les styles<\/strong> dans la colonne lat\u00e9rale des <strong>Styles globaux<\/strong>. Cela am\u00e8ne \u00e0 un panneau o\u00f9 les utilisateurs du th\u00e8me trouvent une liste des styles disponibles.<\/p>\n<figure id=\"attachment_122328\" aria-describedby=\"caption-attachment-122328\" style=\"width: 1264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles.jpg\" alt=\"Parcourir les styles dans WordPress 6.0.\" width=\"1264\" height=\"1008\"><figcaption id=\"caption-attachment-122328\" class=\"wp-caption-text\">Parcourir les styles dans WordPress 6.0.<\/figcaption><\/figure>\n<p>Choisissez un style global dans la liste et le style est automatiquement appliqu\u00e9 \u00e0 l&rsquo;ensemble de votre site web.<\/p>\n<figure id=\"attachment_122329\" aria-describedby=\"caption-attachment-122329\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-alternate-style.jpg\" alt=\"Choisir un style en un seul clic dans WordPress 6.0.\" width=\"1868\" height=\"882\"><figcaption id=\"caption-attachment-122329\" class=\"wp-caption-text\">Choisir un style en un seul clic dans WordPress 6.0.<\/figcaption><\/figure>\n<p>La nouvelle fonctionnalit\u00e9 permet aux <a href=\"https:\/\/kinsta.com\/fr\/blog\/salaire-developpeur-wordpress\/\">d\u00e9veloppeurs de th\u00e8mes<\/a> de cr\u00e9er un nombre illimit\u00e9 de variations de style et se combine parfaitement avec la nouvelle API Webfonts.<\/p>\n<p>L&rsquo;image suivante montre un style personnalis\u00e9 de l&rsquo;exemple pr\u00e9c\u00e9dent, avec une police diff\u00e9rente appliqu\u00e9e aux titres.<\/p>\n<figure id=\"attachment_122330\" aria-describedby=\"caption-attachment-122330\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122330 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-custom-style-with-font.jpg\" alt=\"Une variation de style avec une police personnalis\u00e9e dans WordPress 6.0.\" width=\"1696\" height=\"896\"><figcaption id=\"caption-attachment-122330\" class=\"wp-caption-text\">Une variation de style avec une police personnalis\u00e9e dans WordPress 6.0.<\/figcaption><\/figure>\n<p>Si vous voulez l&rsquo;essayer vous-m\u00eame, ajoutez un r\u00e9pertoire <em>styles<\/em> \u00e0 la racine de votre th\u00e8me de bloc, cr\u00e9ez un nouveau fichier JSON avec un nom significatif, ouvrez-le dans votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeurs-html-gratuits\/\">\u00e9diteur de code<\/a> pr\u00e9f\u00e9r\u00e9 et ajoutez le code suivant :<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-background\",\n\t\t\t\t\t\"name\": \"Foreground and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-secondary\",\n\t\t\t\t\t\"name\": \"Foreground and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-tertiary\",\n\t\t\t\t\t\"name\": \"Foreground and tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"primary-and-background\",\n\t\t\t\t\t\"name\": \"Primary and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"primary-and-secondary\",\n\t\t\t\t\t\"name\": \"Primary and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"primary-and-tertiary\",\n\t\t\t\t\t\"name\": \"Primary and tertiary\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#143F6B\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#EFEFEF\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#F55353\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FEB139\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F54D\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t},\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"h1\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h2\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h3\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h4\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h5\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h6\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Vous pouvez trouver le code complet utilis\u00e9 dans l&rsquo;exemple ci-dessus <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/2440\/commits\/816ba4c125542535ce65db9d7198a3e9f43bed5b\">sur GitHub<\/a> et <a href=\"https:\/\/gist.github.com\/kjellr\/1307387f8d97e84662c4b07af873a896\">gist<\/a>.<\/p>\n<p>Les d\u00e9veloppeurs trouveront des aper\u00e7us approfondis des styles globaux et de Theme.json dans les articles de la documentation <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Settings &#038; Styles<\/a> et <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\">Theme.json<\/a>.<\/p>\n<p>Vous pouvez \u00e9galement consulter la derni\u00e8re version de <a href=\"https:\/\/kinsta.com\/fr\/blog\/twenty-twenty-two-themes\/\">Twenty Twenty-Two<\/a>, qui propose d\u00e9sormais <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55433\">trois nouvelles variations de style<\/a>.<\/p>\n<figure id=\"attachment_122331\" aria-describedby=\"caption-attachment-122331\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles-in-tt2.jpg\" alt=\"Parcourir les styles dans Twenty Twenty-Two.\" width=\"2036\" height=\"1018\"><figcaption id=\"caption-attachment-122331\" class=\"wp-caption-text\">Parcourir les styles dans Twenty Twenty-Two.<\/figcaption><\/figure>\n<h2>Des compositions de blocs partout<\/h2>\n<p>Une chose est s\u00fbre, les compositions de blocs jouent un r\u00f4le central dans la phase actuelle du d\u00e9veloppement de WordPress. Introduites pour la premi\u00e8re fois avec <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#block-patterns\">WordPress 5.5<\/a>, les compositions de blocs ont \u00e9t\u00e9 r\u00e9guli\u00e8rement am\u00e9lior\u00e9es au fil du temps.<\/p>\n<p>De plus, \u00e0 partir de WordPress 5.9, les compositions figurant dans le <a href=\"https:\/\/wordpress.org\/patterns\/\">r\u00e9pertoire des compositions<\/a> ont fait leur chemin dans nos sites web WordPress, \u00e9tant r\u00e9cup\u00e9r\u00e9s dynamiquement dans le r\u00e9pertoire des compositions et <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-9\/#featured-patterns-from-the-pattern-directory\">charg\u00e9es dans l&rsquo;outil d&rsquo;insertion de blocs<\/a>.<\/p>\n<p>Et maintenant, tout le monde peut devenir un d\u00e9veloppeur de compositions, gr\u00e2ce \u00e0 un tout nouvel outil en ligne. Le <a href=\"https:\/\/wordpress.org\/news\/2022\/03\/get-creative-with-the-all-new-pattern-creator\/\">cr\u00e9ateur de compositions<\/a> vous permet de <em>construire, de modifier et d&rsquo;envoyer vos meilleures compositions de blocs au R\u00e9pertoire des compositions<\/em>. Tout ce dont vous avez besoin pour commencer est un <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-com-vs-wordpress-org\/\">compte WordPress.org<\/a>.<\/p>\n<figure id=\"attachment_122300\" aria-describedby=\"caption-attachment-122300\" style=\"width: 2038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122300 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/pattern-creator.jpg\" alt=\"Recherche d'images dans le cr\u00e9ateur de compositions\" width=\"2038\" height=\"1084\"><figcaption id=\"caption-attachment-122300\" class=\"wp-caption-text\">Recherche d&rsquo;images dans le cr\u00e9ateur de compositions<\/figcaption><\/figure>\n<p>Et WordPress 6.0 apporte de nouvelles am\u00e9liorations aux compositions de bloc.<\/p>\n<p>Tout d&rsquo;abord, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#improving-the-patterns-experience\">les compositions de bloc sont plus faciles \u00e0 trouver<\/a> dans l&rsquo;\u00e9dition de mod\u00e8les. D\u00e9sormais, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36697\">l&rsquo;inserteur rapide n&rsquo;affiche les patrons de bloc<\/a>\u00a0que lorsque vous y acc\u00e9dez au niveau sup\u00e9rieur d&rsquo;un mod\u00e8le, c&rsquo;est-\u00e0-dire lorsque le bloc que vous allez ajouter \u00e0 votre mod\u00e8le est le descendant direct du document.<\/p>\n<p>Voici quand les conditions suivantes sont r\u00e9unies :<\/p>\n<ul>\n<li>Vous \u00eates en train de modifier un mod\u00e8le de bloc<\/li>\n<li>L&rsquo;inserteur rapide se trouve au niveau de la racine<\/li>\n<li>Vous ajoutez un bloc entre d&rsquo;autres blocs (c&rsquo;est-\u00e0-dire ni le premier ni le dernier bloc de la page)<\/li>\n<\/ul>\n<figure id=\"attachment_122301\" aria-describedby=\"caption-attachment-122301\" style=\"width: 2312px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122301 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-patterns-in-the-quick-inserter.jpg\" alt=\"L'inserteur rapide n'affiche les compositions de bloc que dans l'\u00e9diteur de mod\u00e8le.\" width=\"2312\" height=\"1244\"><figcaption id=\"caption-attachment-122301\" class=\"wp-caption-text\">L&rsquo;inserteur rapide n&rsquo;affiche les compositions de bloc que dans l&rsquo;\u00e9diteur de mod\u00e8le.<\/figcaption><\/figure>\n<p>Une autre fonctionnalit\u00e9 utile permet d\u00e9sormais aux d\u00e9veloppeurs de th\u00e8mes <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/docs\/how-to-guides\/themes\/theme-json.md#patterns\">d&rsquo;ajouter des compositions recommand\u00e9es<\/a> au <em>theme.json<\/em>. Pour l&rsquo;essayer, cherchez dans le r\u00e9pertoire des compositions, trouvez les compositions que vous souhaitez recommander aux utilisateurs de votre th\u00e8me, puis r\u00e9cup\u00e9rez le slug de la composition \u00e0 partir de l&rsquo;URL et ajoutez-le \u00e0 votre <em>theme.json<\/em> comme suit :<\/p>\n<pre><code class=\"language-json\">\"patterns\": [\n\t\"image-with-angled-overlay-shape-call-to-action-button-and-description\",\n\t\"hero-section-with-overlap-image\"\n],<\/code><\/pre>\n<p>Les utilisateurs trouveront vos compositions recommand\u00e9s dans l&rsquo;outil d&rsquo;insertion de blocs.<\/p>\n<figure id=\"attachment_122303\" aria-describedby=\"caption-attachment-122303\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/recommended-patterns.jpg\" alt=\"Compositions recommand\u00e9es dans l'insertion rapide.\" width=\"1556\" height=\"766\"><figcaption id=\"caption-attachment-122303\" class=\"wp-caption-text\">Compositions recommand\u00e9es dans l&rsquo;insertion rapide.<\/figcaption><\/figure>\n<p>L&rsquo;<strong>enregistrement implicite des compositions<\/strong> est une fonctionnalit\u00e9 puissante li\u00e9e aux compositions qui sera int\u00e9gr\u00e9e \u00e0 WordPress 6.0. Les th\u00e8mes peuvent d\u00e9sormais <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36751\">enregistrer implicitement des compositions<\/a> en les d\u00e9clarant en tant <strong>que fichiers PHP<\/strong> dans un nouveau r\u00e9pertoire <code>\/patterns<\/code> \u00e0 la racine du th\u00e8me.<\/p>\n<p>Le processus est assez simple :<\/p>\n<ol>\n<li>cr\u00e9ez un nouveau r\u00e9pertoire <em>patterns<\/em> \u00e0 la racine de votre th\u00e8me,<\/li>\n<li>cr\u00e9ez un groupe de blocs dans l&rsquo;\u00e9diteur de blocs,<\/li>\n<li>copiez et collez votre HTML dans un nouveau fichier texte,<\/li>\n<li>ajoutez l&rsquo;en-t\u00eate suivant,<\/li>\n<li>et enregistrez le fichier en tant que PHP dans votre r\u00e9pertoire <em>patterns<\/em>.<\/li>\n<\/ol>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: My pattern\n * Slug: my-theme\/my-pattern\n * Categories: text\n *\/\n?&gt;<\/code><\/pre>\n<p>Et c&rsquo;est tout. Vous avez maintenant une nouvelle composition de bloc \u00e0 faire appara\u00eetre dans l&rsquo;insertion de blocs.<\/p>\n<figure id=\"attachment_122304\" aria-describedby=\"caption-attachment-122304\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/adding-custom-pattern.jpg\" alt=\"Une composition personnalis\u00e9e dans l'insertion rapide de blocs.\" width=\"1392\" height=\"1016\"><figcaption id=\"caption-attachment-122304\" class=\"wp-caption-text\">Une composition personnalis\u00e9e dans l&rsquo;insertion rapide de blocs.<\/figcaption><\/figure>\n<p><strong>Les compositions de cr\u00e9ation de page<\/strong> sont une autre fonctionnalit\u00e9 li\u00e9e aux compositions de bloc introduite avec WordPress 6.0. D\u00e9sormais, quand vous cr\u00e9ez une nouvelle page, l&rsquo;\u00e9cran de cr\u00e9ation de page affiche une modale proposant un ensemble de mod\u00e8les de blocs parmi lesquels vous pouvez choisir pour cr\u00e9er votre page.<\/p>\n<p>La modale n&rsquo;est affich\u00e9e que quand au moins un mod\u00e8le d\u00e9clare le support des types de blocs <code>c\u0153ur\/post-contenu<\/code>.<\/p>\n<p>WordPress 6.0 n&rsquo;inclut aucun de ces mod\u00e8les, de sorte que la modale n&rsquo;appara\u00eetra pas \u00e0 moins que vous n&rsquo;ajoutiez le support \u00e0 une composition existante. Mais l&rsquo;ajout de la modale \u00e0 l&rsquo;\u00e9cran de cr\u00e9ation de page est assez simple.<\/p>\n<p>Si vous avez enregistr\u00e9 un mod\u00e8le de bloc pour votre th\u00e8me, comme le montre l&rsquo;exemple ci-dessus, vous pouvez ajouter le support de la modale du mod\u00e8le en utilisant la propri\u00e9t\u00e9 <code>Block Types<\/code>, comme l&rsquo;affiche l&rsquo;exemple de composition ci-dessous :<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:columns --&gt;\n&lt;div class=\"wp-block-columns\"&gt;&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:image --&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img alt=\"\"\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Heading&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:list --&gt;\n&lt;ul&gt;&lt;li&gt;List item&lt;\/li&gt;&lt;\/ul&gt;\n&lt;!-- \/wp:list --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;<\/code><\/pre>\n<p>Enregistrez ce code dans un fichier PHP dans le r\u00e9pertoire <code>\/patterns<\/code> de votre th\u00e8me. Ensuite, dans votre tableau de bord WordPress, cr\u00e9ez une nouvelle page. Vous devriez afficher une nouvelle modale comme indiqu\u00e9 dans l&rsquo;image suivante :<\/p>\n<figure id=\"attachment_124475\" aria-describedby=\"caption-attachment-124475\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124475 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/page-creation-patterns.jpg\" alt=\"Composition d'une page\" width=\"1826\" height=\"962\"><figcaption id=\"caption-attachment-124475\" class=\"wp-caption-text\">Composition d&rsquo;une page<\/figcaption><\/figure>\n<p>Pour une vue plus d\u00e9taill\u00e9e des mod\u00e8les de cr\u00e9ation de pages, voir \u00e9galement <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/page-creation-patterns-in-wordpress-6-0\/\">Mod\u00e8les de cr\u00e9ation de pages dans WordPress 6.0<\/a>.<\/p>\n<p>Pour une vue globale du d\u00e9veloppement des compostions de bloc, voir aussi <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0\/\">Nouvelles fonctionnalit\u00e9s pour travailler avec les compositions et les th\u00e8mes dans WordPress 6.0<\/a> et le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31153\">probl\u00e8me de suivi sur GitHub<\/a>.<\/p>\n<h2>Fonctions d&rsquo;\u00e9dition de site<\/h2>\n<p>Le d\u00e9veloppement complet de l&rsquo;\u00e9dition de site ne s&rsquo;est pas termin\u00e9 avec WordPress 5.9. WordPress 6.0 va encore plus loin en am\u00e9liorant les fonctionnalit\u00e9s de cr\u00e9ation de th\u00e8mes visuels et en proposant de nouvelles options de mod\u00e8les pour les th\u00e8mes de blocs. Et d&rsquo;autres fonctionnalit\u00e9s sont en route.<\/p>\n<h3>Construction visuelle de th\u00e8mes<\/h3>\n<p>WordPress 6.0 introduit un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/theme-export-in-wordpress-6-0\/\">outil d&rsquo;exportation de th\u00e8me de bloc am\u00e9lior\u00e9<\/a>, qui vous permet de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/#highlight-4\">t\u00e9l\u00e9charger le th\u00e8me actuel<\/a> avec toutes vos modifications et personnalisations.<\/p>\n<p>Si vous n&rsquo;avez pas encore utilis\u00e9 l&rsquo;outil d&rsquo;exportation de th\u00e8me de bloc, il s&rsquo;agit d&rsquo;un outil d&rsquo;\u00e9dition de site puissant qui vous permet d&rsquo;exporter vos styles et mod\u00e8les en tant que <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39202\">th\u00e8me entier<\/a>.<\/p>\n<p>Lorsque vous \u00eates satisfait de vos modifications, \u00e0 partir de l&rsquo;interface de l&rsquo;\u00e9diteur de site, ouvrez la colonne lat\u00e9rale des <strong>Options<\/strong> et trouvez la section <strong>Outils<\/strong>. Ici, un bouton <strong>Exporter<\/strong> vous permet de t\u00e9l\u00e9charger le th\u00e8me actuel avec toutes vos personnalisations de styles et de mod\u00e8les dans un fichier zip.<\/p>\n<figure id=\"attachment_122469\" aria-describedby=\"caption-attachment-122469\" style=\"width: 2280px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122469 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/export-theme.jpg\" alt=\"Exporter un th\u00e8me depuis l'interface de l'\u00e9diteur.\" width=\"2280\" height=\"1232\"><figcaption id=\"caption-attachment-122469\" class=\"wp-caption-text\">Exporter un th\u00e8me depuis l&rsquo;interface de l&rsquo;\u00e9diteur.<\/figcaption><\/figure>\n<p>Vous pouvez ensuite exporter votre th\u00e8me et l&rsquo;installer sur n&rsquo;importe quel site web WordPress.<\/p>\n<p>Nous avons test\u00e9 l&rsquo;outil d&rsquo;exportation de th\u00e8me am\u00e9lior\u00e9 sur une installation WordPress locale, et nous avons constat\u00e9 que <strong>presque<\/strong> tout fonctionne comme pr\u00e9vu&#8230; \ud83d\ude05<\/p>\n<p>Quoi qu&rsquo;il en soit, l&rsquo;outil d&rsquo;exportation est toujours en cours de d\u00e9veloppement, et aujourd&rsquo;hui nous ne pouvons qu&rsquo;entrevoir son \u00e9norme potentiel. Pensez \u00e0 la possibilit\u00e9 de cr\u00e9er vos th\u00e8mes depuis l&rsquo;interface d&rsquo;\u00e9dition de votre site web et de les distribuer sur un nombre arbitraire d&rsquo;installations. Et ce, que vous soyez ou non un d\u00e9veloppeur&#8230;<\/p>\n<p>Il y a encore beaucoup de probl\u00e8mes ouverts \u00e0 r\u00e9soudre, ce qui nous fait penser que nous verrons bient\u00f4t plusieurs am\u00e9liorations. Si vous \u00eates curieux et souhaitez en savoir plus sur la construction visuelle de th\u00e8me (comme nous le sommes), vous pouvez suivre le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39189\">Tracking Issue sur GitHub<\/a>.<\/p>\n<h3>Plus d&rsquo;options de mod\u00e8les dans les th\u00e8mes \u00e0 base de blocs<\/h3>\n<p>Dans les versions pr\u00e9c\u00e9dentes de WordPress, nous avions un nombre limit\u00e9 de types de mod\u00e8les disponibles.<\/p>\n<figure id=\"attachment_122470\" aria-describedby=\"caption-attachment-122470\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122470 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-5-9.jpg\" alt=\"Ajout d'un nouveau mod\u00e8le dans WordPress 5.9.\" width=\"2256\" height=\"1248\"><figcaption id=\"caption-attachment-122470\" class=\"wp-caption-text\">Ajout d&rsquo;un nouveau mod\u00e8le dans WordPress 5.9.<\/figcaption><\/figure>\n<p>Maintenant, WordPress 6.0 introduit <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39353\">plusieurs nouveaux types de mod\u00e8les<\/a>, notamment Author, Category, Date, Tag, et Taxonomy.<\/p>\n<figure id=\"attachment_122471\" aria-describedby=\"caption-attachment-122471\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122471 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-6-0.jpg\" alt=\"Ajout d'un nouveau mod\u00e8le dans WordPress 6.0.\" width=\"2258\" height=\"946\"><figcaption id=\"caption-attachment-122471\" class=\"wp-caption-text\">Ajout d&rsquo;un nouveau mod\u00e8le dans WordPress 6.0.<\/figcaption><\/figure>\n<p>Cet ajout devrait simplifier le flux de travail d&rsquo;\u00e9dition de votre site. Pour l&rsquo;essayer, il suffit de choisir un nouveau mod\u00e8le dans la liste d\u00e9roulante, d&rsquo;ajouter les blocs n\u00e9cessaires, d&rsquo;enregistrer vos modifications et de v\u00e9rifier l&rsquo;aspect du site. Oui, c&rsquo;est aussi simple que \u00e7a. Maintenant, consid\u00e9rez cela en combinaison avec la fonction d&rsquo;exportation de th\u00e8me mentionn\u00e9e ci-dessus et vous comprendrez mieux <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/37407\">ce \u00e0 quoi nous pouvons bient\u00f4t nous attendre<\/a> avec l&rsquo;\u00e9dition de site.<\/p>\n<h2>Am\u00e9liorations de l&rsquo;interface et de l&rsquo;utilisabilit\u00e9<\/h2>\n<p>WordPress 6.0 introduit un certain nombre de changements dans l&rsquo;interface utilisateur, dont beaucoup sont destin\u00e9s \u00e0 mettre de l&rsquo;ordre dans la colonne lat\u00e9rale. Tous ensemble, ces changements devraient avoir un impact consid\u00e9rable sur l&rsquo;exp\u00e9rience globale d&rsquo;\u00e9dition. Nous n&rsquo;en mentionnerons ici que quelques-unes, mais vous pouvez consulter les notes de version de Gutenberg pour une liste plus compl\u00e8te des changements (voir Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/\">12.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/\">12.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/\">12.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/\">12.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/\">12.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/\">12.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/\">13.0<\/a>).<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Am\u00e9liorations de la vue de liste<\/h3>\n<p>La vue en liste est affect\u00e9e par un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#list-view-improvements\">nombre consid\u00e9rable de changements<\/a> am\u00e9liorant l&rsquo;utilisabilit\u00e9 du composant.<\/p>\n<h4>D\u00e9veloppement de la vue Liste lors de la s\u00e9lection<\/h4>\n<p>Lorsque vous cliquez sur un bloc dans l&rsquo;\u00e9diteur, le bloc est d\u00e9sormais automatiquement mis en \u00e9vidence dans la vue Liste. Si le bloc est imbriqu\u00e9 dans un bloc parent, le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35817\">bloc parent se d\u00e9veloppe<\/a> en affichant l&rsquo;\u00e9l\u00e9ment dans l&rsquo;arborescence du bloc.<\/p>\n<figure id=\"attachment_122168\" aria-describedby=\"caption-attachment-122168\" style=\"width: 1186px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122168 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/expand-list-view-on-selection.jpg\" alt=\"Bloc de groupe d\u00e9velopp\u00e9 en vue Liste lors de la s\u00e9lection d'un bloc.\" width=\"1186\" height=\"1084\"><figcaption id=\"caption-attachment-122168\" class=\"wp-caption-text\">Bloc de groupe d\u00e9velopp\u00e9 en vue Liste lors de la s\u00e9lection d&rsquo;un bloc.<\/figcaption><\/figure>\n<h4>Vue en liste d\u00e9pli\u00e9e par d\u00e9faut<\/h4>\n<p>Avant WordPress 6.0, lorsque vous ouvrez le panneau List View, il est d\u00e9velopp\u00e9 par d\u00e9faut.<\/p>\n<figure id=\"attachment_122171\" aria-describedby=\"caption-attachment-122171\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122171 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-5-9.jpg\" alt=\"Vue Liste par d\u00e9faut dans WordPress 5.9.\" width=\"2316\" height=\"1238\"><figcaption id=\"caption-attachment-122171\" class=\"wp-caption-text\">Vue Liste par d\u00e9faut dans WordPress 5.9.<\/figcaption><\/figure>\n<p>Mais comme un article est souvent constitu\u00e9 de structures complexes de blocs imbriqu\u00e9s, le fait que l&rsquo;arborescence des blocs se r\u00e9duise lors de l&rsquo;ouverture de la vue Liste est parfaitement logique.<\/p>\n<p>Avec la version 6.0, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39611\">la vue Liste est r\u00e9duite par d\u00e9faut dans tous les \u00e9diteurs<\/a>, ce qui rend l&rsquo;arborescence des blocs beaucoup plus compr\u00e9hensible en un coup d&rsquo;\u0153il.<\/p>\n<figure id=\"attachment_122170\" aria-describedby=\"caption-attachment-122170\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122170 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-6-0.jpg\" alt=\"Vue Liste par d\u00e9faut dans WordPress 6.0.\" width=\"2314\" height=\"1002\"><figcaption id=\"caption-attachment-122170\" class=\"wp-caption-text\">Vue Liste par d\u00e9faut dans WordPress 6.0.<\/figcaption><\/figure>\n<h4>Focus sur le bouton Vue liste<\/h4>\n<p>Lorsque vous ouvrez le panneau d&rsquo;affichage de liste, le focus <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37798\">revient maintenant correctement sur le bouton d&rsquo;affichage de liste<\/a>. Cela est particuli\u00e8rement utile lorsque vous parcourez la vue Liste \u00e0 partir de votre clavier, et se traduit par une exp\u00e9rience d&rsquo;\u00e9dition plus fluide et plus transparente.<\/p>\n<h4>S\u00e9lection de blocs multiples et glisser-d\u00e9poser<\/h4>\n<p>Une autre modification apport\u00e9e \u00e0 la vue en liste vous permet de s\u00e9lectionner plusieurs blocs au m\u00eame niveau et de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38314\">les glisser-d\u00e9poser<\/a> vers une autre position dans la liste.<\/p>\n<h3>Aper\u00e7u des styles de bloc<\/h3>\n<p>Avant WordPress 6.0, les aper\u00e7us des styles de blocs \u00e9taient plac\u00e9s dans la colonne lat\u00e9rale des blocs, occupant une partie consid\u00e9rable du panneau Styles.<\/p>\n<figure id=\"attachment_122172\" aria-describedby=\"caption-attachment-122172\" style=\"width: 1590px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122172 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-5-9.jpg\" alt=\"Aper\u00e7u du style de bloc dans WordPress 5.9.\" width=\"1590\" height=\"1224\"><figcaption id=\"caption-attachment-122172\" class=\"wp-caption-text\">Aper\u00e7u du style de bloc dans WordPress 5.9.<\/figcaption><\/figure>\n<p>Avec 6.0, seuls les noms des variations de style apparaissent dans le panneau Styles, tandis que les <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#block-styles-preview\">aper\u00e7us de style s&rsquo;affichent en dehors de la colonne lat\u00e9rale<\/a> lorsque le nom du style est survol\u00e9 ou re\u00e7oit le focus.<\/p>\n<p>Ce changement r\u00e9duit les dimensions de la colonne lat\u00e9rale et devrait rendre les noms de style plus \u00e9vidents.<\/p>\n<figure id=\"attachment_122173\" aria-describedby=\"caption-attachment-122173\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122173 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-6-0.jpg\" alt=\"Aper\u00e7u du style de bloc dans WordPress 6.0.\" width=\"1588\" height=\"988\"><figcaption id=\"caption-attachment-122173\" class=\"wp-caption-text\">Aper\u00e7u du style de bloc dans WordPress 6.0.<\/figcaption><\/figure>\n<h3>Section typographie de paragraphe<\/h3>\n<p>Dans le but de mettre de l&rsquo;ordre dans la colonne lat\u00e9rale des blocs, la commande Lettrine du bloc Paragraphe a <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#paragraph-block-combined-typography-controls\">\u00e9t\u00e9 d\u00e9plac\u00e9e<\/a> de sa section \u00e0 la section Typographie.<\/p>\n<p>Avec ce changement, tous les contr\u00f4les des r\u00e9glages de typographie sont maintenant plac\u00e9s <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36334\">sous la m\u00eame section<\/a>, ce qui conduit \u00e0 une exp\u00e9rience utilisateur plus coh\u00e9rente.<\/p>\n<figure id=\"attachment_122174\" aria-describedby=\"caption-attachment-122174\" style=\"width: 1248px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122174 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/paragraph-block-typography-settings-wp-59-vs-wp-60.jpg\" alt=\"R\u00e9glages de la typographie dans WordPress 5.9 vs WordPress 6.0.\" width=\"1248\" height=\"1485\"><figcaption id=\"caption-attachment-122174\" class=\"wp-caption-text\">R\u00e9glages de la typographie dans WordPress 5.9 vs WordPress 6.0.<\/figcaption><\/figure>\n<h3>R\u00e9glages de bordure et de couleur d\u00e9plac\u00e9s sous le panneau Outils<\/h3>\n<p>Dans le but de mettre de l&rsquo;ordre dans une colonne lat\u00e9rale de r\u00e9glages d\u00e9sordonn\u00e9e, les contr\u00f4les <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/22\/whats-new-in-gutenberg-12-2-22-december\/#a-new-home-for-border-controls\">des r\u00e9glages des bordures<\/a> et des <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-color-panel-and-updated-default-color-controls\">couleurs<\/a> ont \u00e9t\u00e9 d\u00e9plac\u00e9s dans le <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/components\/tools-panel\/\">panneau d&rsquo;outils<\/a> et peuvent \u00eatre d\u00e9pli\u00e9s et r\u00e9duits dans plusieurs contextes.<\/p>\n<figure id=\"attachment_122175\" aria-describedby=\"caption-attachment-122175\" style=\"width: 1942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122175 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/border-panel-wp-6-0.jpg\" alt=\"Le nouveau panneau des r\u00e9glages de bordure.\" width=\"1942\" height=\"474\"><figcaption id=\"caption-attachment-122175\" class=\"wp-caption-text\">Le nouveau panneau des r\u00e9glages de bordure.<\/figcaption><\/figure>\n<p>Ce changement devrait simplifier l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition de plusieurs blocs et apporter plus de coh\u00e9rence \u00e0 la colonne lat\u00e9rale.<\/p>\n<figure id=\"attachment_122185\" aria-describedby=\"caption-attachment-122185\" style=\"width: 1192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122185 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/color-panel-wp-6-0.jpg\" alt=\"Le panneau Couleur dans WordPress 6.0.\" width=\"1192\" height=\"1004\"><figcaption id=\"caption-attachment-122185\" class=\"wp-caption-text\">Le panneau Couleur dans WordPress 6.0.<\/figcaption><\/figure>\n<h3>Rappel de la cat\u00e9gorie dans le panneau de publication des articles<\/h3>\n<p>Lorsque vous \u00eates press\u00e9 ou que vous publiez r\u00e9guli\u00e8rement un bon nombre d&rsquo;articles de blog, vous pouvez facilement oublier les \u00e9tiquettes ou les cat\u00e9gories. Si vous vous retrouvez souvent dans une telle situation, vous trouverez le rappel des \u00e9tiquettes apparaissant dans le panneau de publication des articles extr\u00eamement utile.<\/p>\n<p>Maintenant, pour aider les administrateurs de sites et les auteurs \u00e0 s&rsquo;assurer que leurs articles ont les cat\u00e9gories n\u00e9cessaires assign\u00e9es, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/#post-publish-panel-categories-reminder\">avec WordPress 6.0<\/a> une nouvelle <strong>Suggestion : Assigner une cat\u00e9gorie<\/strong> appara\u00eet dans le panneau de publication des articles lorsqu&rsquo;une cat\u00e9gorie n&rsquo;a pas encore \u00e9t\u00e9 ajout\u00e9e \u00e0 l&rsquo;article.<\/p>\n<p>L&rsquo;image ci-dessous compare le panneau de publication des articles dans WordPress 5.9 par rapport \u00e0 6.0.<\/p>\n<figure id=\"attachment_122177\" aria-describedby=\"caption-attachment-122177\" style=\"width: 1166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122177 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/post-publish-panel.jpg\" alt=\"Panneau de publication des articles dans WordPress 5.9 vs. 6.0.\" width=\"1166\" height=\"1130\"><figcaption id=\"caption-attachment-122177\" class=\"wp-caption-text\">Panneau de publication des articles dans WordPress 5.9 vs. 6.0.<\/figcaption><\/figure>\n<h3>L&rsquo;\u00e9diteur de code ajout\u00e9 \u00e0 l&rsquo;\u00e9diteur de site<\/h3>\n<p>Depuis WordPress 6.0, l&rsquo;\u00e9diteur de code est \u00e9galement disponible dans l&rsquo;\u00e9diteur de site. Comme pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">l&rsquo;\u00e9diteur d&rsquo;articles<\/a>, vous trouverez l&rsquo;\u00e9diteur de code dans le menu Options.<\/p>\n<figure id=\"attachment_122178\" aria-describedby=\"caption-attachment-122178\" style=\"width: 2246px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122178 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/code-editor-mode.jpg\" alt=\"WordPress 6.0 ajoute l'\u00e9diteur de code \u00e0 l'\u00e9diteur du site.\" width=\"2246\" height=\"1106\"><figcaption id=\"caption-attachment-122178\" class=\"wp-caption-text\">WordPress 6.0 ajoute l&rsquo;\u00e9diteur de code \u00e0 l&rsquo;\u00e9diteur du site.<\/figcaption><\/figure>\n<h3>Interface utilisateur de verrouillage des blocs<\/h3>\n<p>Un nouvel \u00e9l\u00e9ment de <strong>verrouillage<\/strong> dans la liste d\u00e9roulante Plus de r\u00e9glages ouvre une fen\u00eatre popup o\u00f9 vous pouvez emp\u00eacher les utilisateurs de d\u00e9placer ou de supprimer des blocs (ou les deux).<\/p>\n<figure id=\"attachment_122180\" aria-describedby=\"caption-attachment-122180\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122180 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-group.jpg\" alt=\"Verrouillage d'un groupe de blocs.\" width=\"1500\" height=\"858\"><figcaption id=\"caption-attachment-122180\" class=\"wp-caption-text\">Verrouillage d&rsquo;un groupe de blocs.<\/figcaption><\/figure>\n<p>Ceci est particuli\u00e8rement utile dans l&rsquo;\u00e9dition de mod\u00e8les et de blocs r\u00e9utilisables, o\u00f9 vous pouvez \u00e9galement restreindre l&rsquo;\u00e9dition des blocs.<\/p>\n<figure id=\"attachment_122181\" aria-describedby=\"caption-attachment-122181\" style=\"width: 1440px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122181 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-reusable-block.jpg\" alt=\"Verrouillage d'un bloc Groupe r\u00e9utilisable.\" width=\"1440\" height=\"828\"><figcaption id=\"caption-attachment-122181\" class=\"wp-caption-text\">Verrouillage d&rsquo;un bloc Groupe r\u00e9utilisable.<\/figcaption><\/figure>\n<p>La nouvelle fonctionnalit\u00e9 peut \u00eatre d\u00e9sactiv\u00e9e par programme \u00e0 l&rsquo;aide du nouveau r\u00e9glage <code>canLockBlocks<\/code>.<\/p>\n<p>Le code suivant active la fonction de verrouillage des blocs uniquement pour les utilisateurs ayant un r\u00f4le d&rsquo;\u00e9diteur ou sup\u00e9rieur :<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'block_editor_settings_all',\n\tfunction( $settings, $context ) {\n\n\t\t$settings['canLockBlocks'] = current_user_can( 'delete_others_posts' );\n \n\t\treturn $settings;\n\t},\n\t10,\n\t2\n);<\/code><\/pre>\n<p>Les d\u00e9veloppeurs peuvent \u00e9galement masquer l&rsquo;interface utilisateur de verrouillage des blocs sur des types de blocs sp\u00e9cifiques \u00e0 l&rsquo;aide de la propri\u00e9t\u00e9 <code>lock<\/code> :<\/p>\n<pre><code class=\"language-json\">{\n\t\"apiVersion\": 2,\n\t\"supports\": {\n\t\t\"lock\": false\n\t}\n}<\/code><\/pre>\n<p>Vous pouvez en lire plus sur le verrouillage des blocs dans les <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/05\/block-locking-settings-in-wordpress-6-0\/\">r\u00e9glages de verrouillage des blocs dans WordPress 6.0<\/a>.<\/p>\n<h3>Multi-s\u00e9lection<\/h3>\n<p>Il est d\u00e9sormais possible de s\u00e9lectionner du texte dans plusieurs blocs.<\/p>\n<figure id=\"attachment_122179\" aria-describedby=\"caption-attachment-122179\" style=\"width: 1380px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122179 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/multi-select.jpg\" alt=\"S\u00e9lection de texte dans deux paragraphes.\" width=\"1380\" height=\"928\"><figcaption id=\"caption-attachment-122179\" class=\"wp-caption-text\">S\u00e9lection de texte dans deux paragraphes.<\/figcaption><\/figure>\n<h3>Conservation du style<\/h3>\n<p>Lorsque vous <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#keeping-styles-when-transforming-blocks\">transformez des blocs<\/a> ou cr\u00e9ez de nouveaux boutons, plusieurs styles sont d\u00e9sormais conserv\u00e9s.<\/p>\n<p>L&rsquo;image ci-dessous montre un bloc Liste avec diff\u00e9rents styles.<\/p>\n<figure id=\"attachment_122182\" aria-describedby=\"caption-attachment-122182\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122182 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-with-different-styles.jpg\" alt=\"Un bloc Liste avec diff\u00e9rents styles appliqu\u00e9s.\" width=\"1406\" height=\"596\"><figcaption id=\"caption-attachment-122182\" class=\"wp-caption-text\">Un bloc Liste avec diff\u00e9rents styles appliqu\u00e9s.<\/figcaption><\/figure>\n<p>Lorsque vous transformez le bloc Liste en paragraphes, les nouveaux blocs conservent les m\u00eames styles que les \u00e9l\u00e9ments de liste pr\u00e9c\u00e9dents.<\/p>\n<figure id=\"attachment_122183\" aria-describedby=\"caption-attachment-122183\" style=\"width: 1384px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122183 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/transforming-a-list-into-paragraphs.jpg\" alt=\"Transformation d'une liste en paragraphes.\" width=\"1384\" height=\"736\"><figcaption id=\"caption-attachment-122183\" class=\"wp-caption-text\">Transformation d&rsquo;une liste en paragraphes.<\/figcaption><\/figure>\n<p>La m\u00eame am\u00e9lioration s&rsquo;applique aux <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#preserve-styling-from-adjacent-buttons-when-inserting-a-new-one\">nouveaux boutons ajout\u00e9s \u00e0 un bloc Boutons<\/a>, qui <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37905\">h\u00e9ritent d\u00e9sormais du style des boutons adjacents<\/a>.<\/p>\n<h2>Nouveaux blocs du c\u0153ur<\/h2>\n<p>Le nombre de blocs de base est en constante augmentation. Si vous vous demandez quels sont les blocs du c\u0153ur actuellement disponibles, il existe d\u00e9sormais une <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/core-blocks\/\">page de manuel<\/a> fournissant une liste compl\u00e8te des blocs de base inclus dans l&rsquo;extension Gutenberg. Pour chaque bloc, le nom, la cat\u00e9gorie, les supports et les attributs sont fournis, ainsi qu&rsquo;un lien utile vers le code source que les <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-gutenberg\/\">d\u00e9veloppeurs de blocs<\/a> vont adorer.<\/p>\n<p>Et d&rsquo;autres blocs sont \u00e0 venir avec WordPress 6.0. Retrouvez ici les blocs auxquels vous pouvez vous attendre avec la prochaine version.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Boucle de requ\u00eate de commentaires<\/h3>\n<p>Similaire au bloc Boucle de requ\u00eate, un nouveau bloc <strong>Boucle de requ\u00eate de commentaires<\/strong>\u00a0<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35231\">affiche les commentaires des articles<\/a>. Il s&rsquo;agit d&rsquo;un bloc avanc\u00e9 qui comprend plusieurs blocs internes que vous pouvez modifier et configurer s\u00e9par\u00e9ment.<\/p>\n<p>Comme le montre l&rsquo;image ci-dessous, vous pouvez s\u00e9lectionner n&rsquo;importe lequel des blocs contenus dans le bloc de boucle de requ\u00eate de commentaires pour personnaliser son apparence comme vous le souhaitez. Vous pouvez \u00e9galement ajouter d&rsquo;autres blocs ou d\u00e9placer ou supprimer des blocs existants (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/comments-query-loop\">Code source<\/a>).<\/p>\n<figure id=\"attachment_122220\" aria-describedby=\"caption-attachment-122220\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122220 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/comments-query-loop.jpg\" alt=\"Configuration du bloc de boucle de requ\u00eate de commentaires\" width=\"1980\" height=\"1226\"><figcaption id=\"caption-attachment-122220\" class=\"wp-caption-text\">Configuration du bloc de boucle de requ\u00eate de commentaires<\/figcaption><\/figure>\n<h3>Lire la suite<\/h3>\n<p>Un nouveau bloc <strong>Lire la suite<\/strong>\u00a0personnalisable <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37649\">vous permet de personnaliser<\/a> diff\u00e9rents aspects du bouton Lire la suite : bordures, couleurs, coins, typographie, et plus encore (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/read-more\">Code source<\/a>).<\/p>\n<p>C&rsquo;est un excellent ajout car il vous permet d&rsquo;ajouter et de personnaliser le lien Lire la suite en dehors du contexte du bloc Extrait.<\/p>\n<figure id=\"attachment_122221\" aria-describedby=\"caption-attachment-122221\" style=\"width: 1976px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122221 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/read-more-block.jpg\" alt=\"Le nouveau bloc Lire la suite.\" width=\"1976\" height=\"1198\"><figcaption id=\"caption-attachment-122221\" class=\"wp-caption-text\">Le nouveau bloc Lire la suite.<\/figcaption><\/figure>\n<h3>Aucun r\u00e9sultat dans la boucle de requ\u00eate<\/h3>\n<p>Le bloc <strong>Aucun r\u00e9sultat<\/strong> est un conteneur de bloc dans lequel vous pouvez ajouter n&rsquo;importe quel texte ou bloc \u00e0 afficher lorsque la requ\u00eate n&rsquo;a aucun r\u00e9sultat. Pour ajouter le bloc Aucun r\u00e9sultat \u00e0 une boucle de requ\u00eate, il suffit de s\u00e9lectionner la boucle de requ\u00eate et de cliquer sur l&rsquo;ic\u00f4ne plus dans le coin inf\u00e9rieur droit pour lancer l&rsquo;insertion rapide. Recherchez ensuite le bloc Aucun r\u00e9sultat. Le bloc n&rsquo;est pas disponible en dehors de la boucle de requ\u00eate (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/query-no-results\">code source<\/a>).<\/p>\n<figure id=\"attachment_122222\" aria-describedby=\"caption-attachment-122222\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122222 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/no-results-block.jpg\" alt=\"Ajout du bloc Aucun r\u00e9sultat \u00e0 la boucle de requ\u00eate.\" width=\"1982\" height=\"1008\"><figcaption id=\"caption-attachment-122222\" class=\"wp-caption-text\">Ajout du bloc Aucun r\u00e9sultat \u00e0 la boucle de requ\u00eate.<\/figcaption><\/figure>\n<h3>Avatar et biographie de l&rsquo;auteur ou l&rsquo;autrice de l&rsquo;article<\/h3>\n<p>WordPress 6.0 introduit \u00e9galement de nouveaux types de blocs pour diviser le bloc Auteur\/autrice en ses composants et les utiliser s\u00e9par\u00e9ment dans votre contenu.<\/p>\n<p>Le bloc <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-post-author-biography-and-read-more-blocks\">Biographie de l&rsquo;auteur de l&rsquo;article<\/a> fournit la description de l&rsquo;auteur ou l&rsquo;autrice (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/post-author-biography\">Code source<\/a>).<\/p>\n<p>Le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38591\">bloc Avatar<\/a> affiche simplement l&rsquo;avatar d&rsquo;un compte vous permettant de choisir entre les auteurs du site (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/avatar\">Code source<\/a>).<\/p>\n<figure id=\"attachment_122223\" aria-describedby=\"caption-attachment-122223\" style=\"width: 1700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-122223\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/avatar-block.jpg\" alt=\"The Avatar block in WordPress 6.0.\" width=\"1700\" height=\"1356\"><figcaption id=\"caption-attachment-122223\" class=\"wp-caption-text\">Le bloc Avatar dans WordPress 6.0.<\/figcaption><\/figure>\n<p>Ce bloc est particuli\u00e8rement utile pour afficher l&rsquo;avatar d&rsquo;un auteur en dehors du contexte du bloc Info Auteur ou des commentaires. Par exemple, vous pouvez l&rsquo;utiliser sur une page d\u00e9di\u00e9e \u00e0 tous les auteurs, ou sur une page montrant les critiques de vos utilisateurs\/lecteurs.<\/p>\n<h2>Am\u00e9liorations apport\u00e9es aux blocs existants<\/h2>\n<p>WordPress 6.0 introduit \u00e9galement plusieurs changements et am\u00e9liorations aux blocs existants qui auront potentiellement un fort impact sur votre flux d&rsquo;\u00e9dition. Le bloc Navigation sera affect\u00e9 par plusieurs changements, mais vous verrez \u00e9galement des am\u00e9liorations dans d&rsquo;autres blocs, notamment Boucle de requ\u00eate, Image mise en avant, Groupe, et Ic\u00f4nes sociales.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Am\u00e9liorations du bloc Navigation<\/h3>\n<p>Au cours des derniers mois, le bloc Navigation a re\u00e7u plusieurs am\u00e9liorations et dispose d\u00e9sormais d&rsquo;une interface nettement plus facile \u00e0 utiliser.<\/p>\n<p>Tout d&rsquo;abord, un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36412\">aper\u00e7u enrichi<\/a> a \u00e9t\u00e9 ajout\u00e9 au bloc Lien de navigation. Lorsque vous ajoutez un lien pointant vers une ressource accessible au public, un clic sur le bouton du lien dans la barre d&rsquo;outils du bloc fait appara\u00eetre une image d&rsquo;aper\u00e7u de cette ressource.<\/p>\n<figure id=\"attachment_122274\" aria-describedby=\"caption-attachment-122274\" style=\"width: 1408px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122274 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/link-preview-in-navigation-link-block-wp-6-0.jpg\" alt=\"Aper\u00e7u riche pour les liens de navigation.\" width=\"1408\" height=\"994\"><figcaption id=\"caption-attachment-122274\" class=\"wp-caption-text\">Aper\u00e7u riche pour les liens de navigation.<\/figcaption><\/figure>\n<p>Quelques changements suppl\u00e9mentaires affectent l&rsquo;exp\u00e9rience globale d&rsquo;\u00e9dition.<\/p>\n<p>D\u00e9sormais, lorsque vous ajoutez un nouveau menu et qu&rsquo;il n&rsquo;existe qu&rsquo;un seul menu de navigation, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39880\">il s&rsquo;agit par d\u00e9faut du seul menu disponible<\/a>. Ce changement devrait acc\u00e9l\u00e9rer votre flux de travail d&rsquo;\u00e9dition si vous n&rsquo;avez qu&rsquo;un seul menu de navigation.<\/p>\n<p>Les liens de navigation disposaient d\u00e9j\u00e0 d&rsquo;un champ de description dans lequel les utilisateurs pouvaient saisir un texte d\u00e9crivant leurs liens de navigation. Cependant, dans les versions pr\u00e9c\u00e9dentes de WordPress, les th\u00e8mes ne pouvaient pas prendre en charge cette fonctionnalit\u00e9.<\/p>\n<p>Maintenant, avec WordPress 6.0, un <code>&lt;span class=\"wp-block-navigation-item__description\"&gt;<\/code> appara\u00eet apr\u00e8s le libell\u00e9 du lien.<\/p>\n<figure id=\"attachment_122275\" aria-describedby=\"caption-attachment-122275\" style=\"width: 1730px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description.jpg\" alt=\"La description du lien de navigation appara\u00eet apr\u00e8s le libell\u00e9 du lien.\" width=\"1730\" height=\"684\"><figcaption id=\"caption-attachment-122275\" class=\"wp-caption-text\">La description du lien de navigation appara\u00eet apr\u00e8s le libell\u00e9 du lien.<\/figcaption><\/figure>\n<p>Dans Twenty Twenty-Two, l&rsquo;\u00e9l\u00e9ment <code>.wp-block-navigation-item__description<\/code> est masqu\u00e9 via CSS, mais les th\u00e8mes peuvent ajouter une propri\u00e9t\u00e9 <code>display: block<\/code> pour afficher la description du lien.<\/p>\n<figure id=\"attachment_122276\" aria-describedby=\"caption-attachment-122276\" style=\"width: 1156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description-2.jpg\" alt=\"Description du lien de navigation dans WordPress 6.0 et Twenty Twenty-Two.\" width=\"1156\" height=\"966\"><figcaption id=\"caption-attachment-122276\" class=\"wp-caption-text\">Description du lien de navigation dans WordPress 6.0 et Twenty Twenty-Two.<\/figcaption><\/figure>\n<h3>Filtres de boucle de requ\u00eate et images mises en avant<\/h3>\n<p>La section des r\u00e9glages des filtres de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#query-loop-custom-taxonomies-filtering-and-more\">boucle de requ\u00eate<\/a> affiche d\u00e9sormais des champs de saisie pour les taxonomies personnalis\u00e9es. Cela permet aux utilisateurs de filtrer le type d&rsquo;article actuel par une ou plusieurs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38063\">taxonomies personnalis\u00e9es<\/a> enregistr\u00e9es pour le type de publication s\u00e9lectionn\u00e9.<\/p>\n<p>Il est d\u00e9sormais \u00e9galement possible de filtrer les articles en fonction de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38024\">plusieurs auteurs<\/a>, alors que dans les versions pr\u00e9c\u00e9dentes, vous ne pouviez s\u00e9lectionner qu&rsquo;un seul auteur dans une liste d\u00e9roulante.<\/p>\n<figure id=\"attachment_122277\" aria-describedby=\"caption-attachment-122277\" style=\"width: 1206px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-filters-settings.jpg\" alt=\"R\u00e9glages du filtre de boucle de requ\u00eate dans WordPress 6.0.\" width=\"1206\" height=\"820\"><figcaption id=\"caption-attachment-122277\" class=\"wp-caption-text\">R\u00e9glages du filtre de boucle de requ\u00eate dans WordPress 6.0.<\/figcaption><\/figure>\n<p>En outre, vous pouvez maintenant d\u00e9finir les dimensions de l&rsquo;image mise en avant \u00e0 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37945\">l&rsquo;int\u00e9rieur d&rsquo;un bloc Boucle de requ\u00eate<\/a>, \u00e9galement.<\/p>\n<figure id=\"attachment_122278\" aria-describedby=\"caption-attachment-122278\" style=\"width: 2244px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-featured-image-size.jpg\" alt=\"Controlling Featured Image dimensions in a Query Loop block.\" width=\"2244\" height=\"1086\"><figcaption id=\"caption-attachment-122278\" class=\"wp-caption-text\">Contr\u00f4le des dimensions de l&rsquo;image mise en avant dans un bloc de boucle de requ\u00eate.<\/figcaption><\/figure>\n<h3>Prise en charge de la typographie et des bordures dans les blocs de groupe responsives<\/h3>\n<p>Les blocs de groupe et de rang\u00e9e prennent d\u00e9sormais <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/whats-new-in-gutenberg-12-3-5-january\/#group-block-gap-support-typography-support\">en charge les r\u00e9glages de typographie<\/a>. Ce changement permet aux utilisateurs d&rsquo;appliquer les m\u00eames <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37456\">r\u00e9glages de typographie \u00e0 tout un groupe<\/a> de blocs en une seule fois, ce qui permet d&rsquo;\u00e9conomiser quelques clics lorsqu&rsquo;il s&rsquo;agit de formater un groupe contenant plusieurs blocs imbriqu\u00e9s.<\/p>\n<figure id=\"attachment_122279\" aria-describedby=\"caption-attachment-122279\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/typography-settings-group.block_.jpg\" alt=\"R\u00e9glages de typographie pour un bloc Groupe.\" width=\"2876\" height=\"1320\"><figcaption id=\"caption-attachment-122279\" class=\"wp-caption-text\">R\u00e9glages de typographie pour un bloc Groupe.<\/figcaption><\/figure>\n<p>Le bloc Groupe a \u00e9t\u00e9 encore am\u00e9lior\u00e9 et vous pouvez maintenant facilement <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-3\">regrouper des blocs en pile ou en rang\u00e9e<\/a> d&rsquo;un simple clic.<\/p>\n<p>Il suffit de s\u00e9lectionner les blocs que vous souhaitez regrouper et de choisir l&rsquo;une des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39920\">trois commandes disponibles<\/a> dans la barre d&rsquo;outils du bloc : <strong>Groupe<\/strong>, <strong>Rang\u00e9e<\/strong>, <strong>Pile<\/strong>.<\/p>\n<p>Une fois que vous avez regroup\u00e9 des blocs, un nouveau panneau dans la colonne lat\u00e9rale des r\u00e9glages affiche <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40176\">les descriptions des variations<\/a> du groupe, ce qui vous permet de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40036\">changer de variation<\/a> en quelques clics.<\/p>\n<figure id=\"attachment_122280\" aria-describedby=\"caption-attachment-122280\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/row-block.jpg\" alt=\"Un bloc Rang\u00e9e affiche les blocs horizontalement.\" width=\"1902\" height=\"710\"><figcaption id=\"caption-attachment-122280\" class=\"wp-caption-text\">Un bloc Rang\u00e9e affiche les blocs horizontalement.<\/figcaption><\/figure>\n<p>WordPress 6.0 introduit \u00e9galement la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">prise en charge des marges pour les blocs Group<\/a>, permettant aux utilisateurs de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37344\">contr\u00f4ler s\u00e9par\u00e9ment les marges sup\u00e9rieure et inf\u00e9rieure<\/a>.<\/p>\n<figure id=\"attachment_122282\" aria-describedby=\"caption-attachment-122282\" style=\"width: 1862px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/group-block-margins.jpg\" alt=\"Contr\u00f4le des marges avec un bloc Groupe.\" width=\"1862\" height=\"1192\"><figcaption id=\"caption-attachment-122282\" class=\"wp-caption-text\">Contr\u00f4le des marges avec un bloc Groupe.<\/figcaption><\/figure>\n<h3>Image mise en avant dans le bloc Couverture<\/h3>\n<p>Vous pouvez maintenant utiliser des <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-2\">images mises en avant dans les blocs de couverture<\/a> car, avec WordPress 6.0, une bascule <strong>Utiliser l&rsquo;image mise en avant<\/strong> a \u00e9t\u00e9 ajout\u00e9e \u00e0 la barre d&rsquo;outils du bloc. Gr\u00e2ce \u00e0 ce nouveau contr\u00f4le, vous pouvez passer de l&rsquo;image actuelle \u00e0 l&rsquo;image mise en avant en un seul clic.<\/p>\n<figure id=\"attachment_122284\" aria-describedby=\"caption-attachment-122284\" style=\"width: 1904px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122284 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/use-featured-image.jpg\" alt=\"Utiliser l'image mise en avant avec un bloc Couverture.\" width=\"1904\" height=\"1186\"><figcaption id=\"caption-attachment-122284\" class=\"wp-caption-text\">Utiliser l&rsquo;image mise en avant avec un bloc Couverture.<\/figcaption><\/figure>\n<h3>Afficher\/masquer les libell\u00e9s dans les ic\u00f4nes sociales<\/h3>\n<p>Une petite mais utile am\u00e9lioration du bloc <strong>Ic\u00f4nes sociales<\/strong> permet d\u00e9sormais aux utilisateurs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38152\">d&rsquo;activer\/d\u00e9sactiver les libell\u00e9s des liens des ic\u00f4nes<\/a>.<\/p>\n<figure id=\"attachment_122287\" aria-describedby=\"caption-attachment-122287\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122287 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-off.jpg\" alt=\"Une commande Afficher le libell\u00e9 permet d'activer\/d\u00e9sactiver les libell\u00e9s dans les ic\u00f4nes sociales.\" width=\"2164\" height=\"706\"><figcaption id=\"caption-attachment-122287\" class=\"wp-caption-text\">Une commande Afficher le libell\u00e9 permet d&rsquo;activer\/d\u00e9sactiver les libell\u00e9s dans les ic\u00f4nes sociales.<\/figcaption><\/figure>\n<p>En activant cette option, vous pouvez afficher le nom du service par d\u00e9faut ou d\u00e9finir s\u00e9par\u00e9ment des libell\u00e9s personnalis\u00e9es pour vos ic\u00f4nes.<\/p>\n<figure id=\"attachment_122288\" aria-describedby=\"caption-attachment-122288\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122288 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-on.jpg\" alt=\"Afficher le libell\u00e9 activ\u00e9.\" width=\"2164\" height=\"800\"><figcaption id=\"caption-attachment-122288\" class=\"wp-caption-text\">Afficher le libell\u00e9 activ\u00e9.<\/figcaption><\/figure>\n<h3>Am\u00e9liorations suppl\u00e9mentaires des blocs<\/h3>\n<p>La prochaine version de WordPress apporte \u00e9galement un grand nombre d&rsquo;am\u00e9liorations \u00e0 de nombreux autres blocs.<\/p>\n<p>Par exemple, vous pouvez maintenant <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31737\">contr\u00f4ler les bordures des blocs Colonnes<\/a> (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">12.7<\/a>).<\/p>\n<figure id=\"attachment_122289\" aria-describedby=\"caption-attachment-122289\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122289 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/columns-block-borders.jpg\" alt=\"Contr\u00f4les des bordures pour le bloc Colonnes.\" width=\"2164\" height=\"1190\"><figcaption id=\"caption-attachment-122289\" class=\"wp-caption-text\">Contr\u00f4les des bordures pour le bloc Colonnes.<\/figcaption><\/figure>\n<p>Une autre am\u00e9lioration UX utile vous permet <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-2\">d&rsquo;ins\u00e9rer des liens internes<\/a> \u00e0 l&rsquo;aide d&rsquo;un simple d\u00e9clencheur clavier <code>[[<\/code>.<\/p>\n<figure id=\"attachment_122291\" aria-describedby=\"caption-attachment-122291\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122291 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/internal-link-trigger.jpg\" alt=\"L'ajout de liens internes dans WordPress 6.0 est plus facile.\" width=\"1368\" height=\"612\"><figcaption id=\"caption-attachment-122291\" class=\"wp-caption-text\">L&rsquo;ajout de liens internes dans WordPress 6.0 est plus facile.<\/figcaption><\/figure>\n<p>Il est d\u00e9sormais plus facile de contr\u00f4ler l&rsquo;espace autour des images dans un bloc Galerie gr\u00e2ce au nouveau contr\u00f4le <strong>d&rsquo;espacement des blocs<\/strong>.<\/p>\n<figure id=\"attachment_122292\" aria-describedby=\"caption-attachment-122292\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-0.jpg\" alt=\"Images sans espacement de bloc.\" width=\"2164\" height=\"730\"><figcaption id=\"caption-attachment-122292\" class=\"wp-caption-text\">Images sans espacement de bloc.<\/figcaption><\/figure>\n<figure id=\"attachment_122293\" aria-describedby=\"caption-attachment-122293\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122293 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-40.jpg\" alt=\"Images avec espacement de bloc.\" width=\"2162\" height=\"710\"><figcaption id=\"caption-attachment-122293\" class=\"wp-caption-text\">Images avec espacement de bloc.<\/figcaption><\/figure>\n<h2>Modifications pour les d\u00e9veloppeurs et am\u00e9liorations des performances<\/h2>\n<p>WordPress 6.0 ajoute \u00e9galement de nombreuses fonctionnalit\u00e9s pour les d\u00e9veloppeurs.<\/p>\n<ul>\n<li>Un nouveau filtre <code>wp_content_img_tag<\/code> permet d&rsquo;ajuster les images dans un blob de contenu HTML (voir <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/new-filter-to-modify-content-images-in-wordpress-6-0\/\">Nouveau filtre pour modifier les images du contenu dans WordPress 6.0<\/a>).<\/li>\n<li>La m\u00e9thode <code>parse_request<\/code> a \u00e9t\u00e9 modifi\u00e9e pour r\u00e9duire le nombre de requ\u00eates quand le filtre <code>do_parse_request<\/code> renvoie false (voir <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/changes-to-do_parse_request-filter-in-wordpress-6-0\/\">Modifications du filtre do_parse_request dans WordPress 6.0<\/a>).<\/li>\n<li>Vous pouvez d\u00e9sormais enregistrer des blocs depuis un th\u00e8me (voir <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#blocks-in-themes\">Enregistrement de blocs depuis des th\u00e8mes<\/a>).<\/li>\n<li>Une nouvelle propri\u00e9t\u00e9 <code>ancestrale<\/code> rend un bloc uniquement disponible \u00e0 l&rsquo;int\u00e9rieur des types de blocs sp\u00e9cifi\u00e9s (voir <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#ancestor\">Nouvelle propri\u00e9t\u00e9 ancestrale dans block.json<\/a>).<\/li>\n<\/ul>\n<p>La nouvelle version donne \u00e9galement un coup de pouce aux performances, avec quelques ajouts \u00e0 l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/29\/caching-improvements-in-wordpress-6-0\/\">API de mise en cache de WordPress<\/a>, des am\u00e9liorations des performances des requ\u00eates de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/28\/taxonomy-performance-improvements-in-wordpress-6-0\/\">termes de taxonomie<\/a>, et d&rsquo;autres am\u00e9liorations des performances des sites uniques avec un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/performance-increase-for-sites-with-large-user-counts-now-also-available-on-single-site\/\">grand nombre d&rsquo;utilisateurs<\/a>.<\/p>\n<p>Ceci termine notre tour d&rsquo;horizon des nouvelles fonctionnalit\u00e9s et des changements que vous verrez une fois vos sites web WordPress mis \u00e0 jour en version 6.0.<\/p>\n<p>Mais ce ne sont l\u00e0 que quelques-unes des am\u00e9liorations apport\u00e9es par WordPress 6.0. Pour une liste compl\u00e8te, consultez les notes de publication de Gutenberg et le <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/wordpress-6-0-field-guide\/\">guide de champ de WordPress 6.0<\/a>.<\/p>\n\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Comment installer WordPress 6.0 sur un environnement de d\u00e9veloppement local<\/h3>\n<p>Si vous voulez essayer 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 site WordPress local<\/li>\n<li>Lorsque cela est 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 Test Beta<\/strong><\/li>\n<li>Dans l&rsquo;onglet R\u00e9glages de WP Beta Tester choisissez l&rsquo;option <strong>Version en cours de d\u00e9veloppement <\/strong>et enregistrez les r\u00e9glages<\/li>\n<li>De retour \u00e0 votre tableau de bord WordPress, ouvrez l&rsquo;\u00e9cran <strong>Mises \u00e0 jour<\/strong> et mettez \u00e0 jour vers 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-y un coup d&rsquo;\u0153il et faites-nous savoir ce que vous pensez des nouvelles fonctionnalit\u00e9s.<\/p>\n<p>Avec DevKinsta, il suffit de quelques clics pour disposer d&rsquo;un environnement de d\u00e9veloppement moderne pour WordPress sur votre machine locale. \ud83d\udda5<\/p>\n<p>T\u00e9l\u00e9chargez DevKinsta gratuitement <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">ici<\/a>! \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Comme mentionn\u00e9 ci-dessus, nous pouvons maintenant dire que nous sommes au milieu de la phase deux du d\u00e9veloppement de Gutenberg, la <strong>phase de personnalisation<\/strong>.<\/p>\n<p>L&rsquo;\u00e9dition compl\u00e8te du site fait d\u00e9sormais partie du c\u0153ur de WordPress et la version 6.0 et les suivantes apporteront de nouvelles am\u00e9liorations \u00e0 ce que nous avons d\u00e9j\u00e0 et pouvons utiliser d\u00e8s maintenant.<\/p>\n<p>Tout ceci aura un impact \u00e9norme sur <a href=\"https:\/\/kinsta.com\/fr\/part-de-marche-de-wordpress\/\">l&rsquo;\u00e9cosyst\u00e8me WordPress<\/a> et sur le web dans son ensemble, si l&rsquo;on consid\u00e8re \u00e9galement qu&rsquo;au moment o\u00f9 nous \u00e9crivons ces lignes,<\/p>\n<blockquote><p>WordPress est utilis\u00e9 par 64,2 % de tous les sites web dont nous connaissons le syst\u00e8me de gestion de contenu. Cela repr\u00e9sente 43,0 % de tous les sites web. (Source <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\">W3Techs<\/a>)<\/p><\/blockquote>\n<p>Nous nous arr\u00eaterons ici pour le moment. Notre liste de fonctionnalit\u00e9s et d&rsquo;am\u00e9liorations \u00e0 venir avec WordPress 6.0 ne peut pas \u00eatre \u00e9puis\u00e9e en un seul article, mais nous esp\u00e9rons avoir au moins mis en \u00e9vidence les ajouts qui auront le plus grand impact sur la fa\u00e7on dont nous utilisons WordPress au jour le jour.<\/p>\n<p>Nous aimerions maintenant conclure cet article avec quelques questions pour nos lecteurs !<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-question\">\n        <p>Construisez-vous d\u00e9j\u00e0 vos sites web \u00e0 l&rsquo;aide de FSE ? Consid\u00e9rez-vous que le nouvel \u00e9diteur est un outil appropri\u00e9 pour cr\u00e9er des sites web professionnels, ou pensez-vous qu&rsquo;il doit encore \u00eatre am\u00e9lior\u00e9 avant que vous puissiez l&rsquo;utiliser \u00e0 des fins professionnelles ? Avez-vous d\u00e9j\u00e0 test\u00e9 les nouvelles fonctionnalit\u00e9s de WordPress qui arrivent avec la version 6.0 ?<\/p>\n<\/aside>\n\n<p>S&rsquo;il vous pla\u00eet, partagez vos pens\u00e9es avec la communaut\u00e9 dans la section des commentaires ci-dessous. \ud83d\udc47<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.0 Arturo est arriv\u00e9 et, comme d&rsquo;habitude, nous avons jet\u00e9 un coup d&rsquo;\u0153il derri\u00e8re les rideaux pour donner \u00e0 nos lecteurs un aper\u00e7u des nouveaut\u00e9s &#8230;<\/p>\n","protected":false},"author":36,"featured_media":56854,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[527,592,33,343],"topic":[1040],"class_list":["post-56788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-block-editor","tag-updates","tag-wordpress","tag-wordpress-developers","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.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, Webfonts API, et bien plus encore<\/title>\n<meta name=\"description\" content=\"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l&#039;\u00e9dition compl\u00e8te du site, et bien plus encore !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, et bien plus encore\" \/>\n<meta property=\"og:description\" content=\"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l&#039;\u00e9dition compl\u00e8te du site, et bien plus encore !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-10T06:27:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T11:37:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l&#039;\u00e9dition compl\u00e8te du site, et bien plus encore !\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"35 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-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, et bien plus encore\",\"datePublished\":\"2022-05-10T06:27:33+00:00\",\"dateModified\":\"2023-08-22T11:37:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\"},\"wordCount\":5976,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png\",\"keywords\":[\"Block Editor\",\"updates\",\"WordPress\",\"WordPress developers\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\",\"name\":\"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, Webfonts API, et bien plus encore\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png\",\"datePublished\":\"2022-05-10T06:27:33+00:00\",\"dateModified\":\"2023-08-22T11:37:51+00:00\",\"description\":\"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l'\u00e9dition compl\u00e8te du site, et bien plus encore !\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png\",\"width\":1460,\"height\":730,\"caption\":\"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, Webfonts API, et bien plus encore\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mises \u00e0 jour WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, 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.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, Webfonts API, et bien plus encore","description":"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l'\u00e9dition compl\u00e8te du site, et bien plus encore !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/","og_locale":"fr_FR","og_type":"article","og_title":"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, et bien plus encore","og_description":"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l'\u00e9dition compl\u00e8te du site, et bien plus encore !","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2022-05-10T06:27:33+00:00","article_modified_time":"2023-08-22T11:37:51+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l'\u00e9dition compl\u00e8te du site, et bien plus encore !","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"35 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, et bien plus encore","datePublished":"2022-05-10T06:27:33+00:00","dateModified":"2023-08-22T11:37:51+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/"},"wordCount":5976,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png","keywords":["Block Editor","updates","WordPress","WordPress developers"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/","name":"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, Webfonts API, et bien plus encore","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png","datePublished":"2022-05-10T06:27:33+00:00","dateModified":"2023-08-22T11:37:51+00:00","description":"Consultez notre aper\u00e7u approfondi de WordPress 6.0 avec les WebfontsAPI, le changement de style, les nouveaux blocs, l'\u00e9dition compl\u00e8te du site, et bien plus encore !","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2022\/05\/wordpress-6-0.png","width":1460,"height":730,"caption":"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, Webfonts API, et bien plus encore"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Mises \u00e0 jour WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/"},{"@type":"ListItem","position":3,"name":"Quoi de neuf dans WordPress 6.0 : Nouveaux blocs, changement de style, \u00e9dition de mod\u00e8les, API Webfonts, 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\/56788","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=56788"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/56788\/revisions"}],"predecessor-version":[{"id":57847,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/56788\/revisions\/57847"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/translations\/jp"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/56788\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/56854"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=56788"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=56788"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=56788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}