{"id":74020,"date":"2023-11-03T08:59:14","date_gmt":"2023-11-03T07:59:14","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=74020&#038;preview=true&#038;preview_id=74020"},"modified":"2023-11-06T09:32:48","modified_gmt":"2023-11-06T08:32:48","slug":"wordpress-6-4","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/","title":{"rendered":"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, et bien plus encore"},"content":{"rendered":"<p>La sortie de WordPress 6.4 est pr\u00e9vue pour le 7 novembre, et il est temps pour nous d&rsquo;explorer les fonctionnalit\u00e9s et am\u00e9liorations les plus remarquables qui seront livr\u00e9es avec la nouvelle version de WordPress.<\/p>\n<p>Les ajouts les plus int\u00e9ressants comprennent les Blocks Hooks, une meilleure organisation des mod\u00e8les, une palette de commandes redessin\u00e9e et am\u00e9lior\u00e9e, des changements dans les pages de pi\u00e8ces jointes, un effet de visionneuse sur les images, et plusieurs am\u00e9liorations dans le flux de travail de r\u00e9daction.<\/p>\n<p>L&rsquo;am\u00e9lioration du chargement des mod\u00e8les, l&rsquo;affinement des strat\u00e9gies de chargement des scripts et d&rsquo;autres am\u00e9liorations des performances permettront \u00e0 votre site WordPress de fonctionner plus rapidement, tandis que les am\u00e9liorations de l&rsquo;affichage en liste et plusieurs mises \u00e0 jour de l&rsquo;interface utilisateur de l&rsquo;administrateur la rendront plus utilisable et plus accessible.<\/p>\n<p>WordPress 6.4 apporte \u00e9galement un <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-four\/\">nouveau th\u00e8me par d\u00e9faut<\/a> avec des tonnes de mod\u00e8les pr\u00eats \u00e0 l&#8217;emploi qui rationaliseront votre processus d&rsquo;\u00e9dition.<\/p>\n<p>Cela fait beaucoup de choses, n&rsquo;est-ce pas ? Alors n&rsquo;attendez plus et d\u00e9couvrez les nouveaut\u00e9s de WordPress 6.4.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Block Hooks<\/h2>\n<p>Les <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/15\/introducing-block-hooks-for-dynamic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Hooks<\/a> (anciennement nomm\u00e9s <a href=\"https:\/\/make.wordpress.org\/core\/2023\/08\/10\/whats-new-in-gutenberg-16-4-9-august\/#auto-inserting-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">Auto-inserting blocks<\/a>) permettent aux extensions d&rsquo;interagir automatiquement avec l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">\u00e9diteur Gutenberg<\/a>.<\/p>\n<p>Plus pr\u00e9cis\u00e9ment, gr\u00e2ce aux Block Hooks, un bloc peut \u00eatre automatiquement plac\u00e9 \u00e0 une position sp\u00e9cifique lorsqu&rsquo;un autre bloc est ajout\u00e9 au contenu.<\/p>\n<p>Deux principes guident la mani\u00e8re dont les Block Hooks doivent fonctionner :<\/p>\n<ul>\n<li>L&rsquo;utilisateur ne doit pas \u00eatre invit\u00e9 \u00e0 ins\u00e9rer manuellement le bloc dans l&rsquo;\u00e9diteur, et l&rsquo;insertion du bloc dans la partie publique doit se produire imm\u00e9diatement apr\u00e8s l&rsquo;activation de l&rsquo;extension fournissant le bloc accroch\u00e9. La d\u00e9sactivation de l&rsquo;extension devrait automatiquement supprimer le bloc.<\/li>\n<li>Le bloc doit \u00eatre visible dans l&rsquo;\u00e9diteur et l&rsquo;utilisateur doit pouvoir contr\u00f4ler l&rsquo;insertion automatique.<\/li>\n<\/ul>\n<p>Pour tenir compte de ces deux principes et pr\u00e9server les informations contenues dans le code, les blocs accroch\u00e9s ne fonctionnent que dans les mod\u00e8les et parties de mod\u00e8les non modifi\u00e9s et dans les mod\u00e8les fournis par les th\u00e8mes, copi\u00e9s \u00e0 partir du r\u00e9pertoire des mod\u00e8les ou enregistr\u00e9s avec la fonction <code>register_block_pattern<\/code>. Ils ne fonctionnent pas dans le contenu des messages, les mod\u00e8les et parties de mod\u00e8les modifi\u00e9s et les mod\u00e8les cr\u00e9\u00e9s par les utilisateurs.<\/p>\n<p>En outre, la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/15\/introducing-block-hooks-for-dynamic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> met en garde :<\/p>\n<blockquote><p>\u00e0 partir de WordPress 6.4, vous ne pouvez pas ins\u00e9rer automatiquement des blocs qui ont une fonction de sauvegarde, ou des erreurs de validation de bloc se produiront. En termes familiers, cela signifie que les Block Hooks fonctionnent avec des blocs dynamiques, et non avec des blocs statiques.<\/p><\/blockquote>\n<p>Pour en savoir plus sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-dynamiques-gutenberg\/#what-are-dynamic-blocks-an-example\">blocs statiques et dynamiques<\/a>.<\/p>\n<p>Vous pouvez impl\u00e9menter les Block Hooks de deux mani\u00e8res : en utilisant le fichier <strong>block.json<\/strong> ou le nouveau filtre <code>hooked_block_types<\/code>.<\/p>\n<h3>Accrocher des blocs via block.json<\/h3>\n<p>L&rsquo;utilisation de <strong>block.json<\/strong> est un moyen simple et rapide d&rsquo;accrocher un bloc tiers, mais il n&rsquo;offre pas une grande flexibilit\u00e9, ce qui signifie qu&rsquo;un bloc automatiquement ins\u00e9r\u00e9 via <strong>block.json<\/strong> sera attach\u00e9 \u00e0 toutes les instances de la cible sans condition.<\/p>\n<p>Vous pouvez ajouter des blocs accroch\u00e9s en utilisant la nouvelle propri\u00e9t\u00e9 <code>blockHooks<\/code>, qui prend un objet de paires cl\u00e9\/valeur o\u00f9 la cl\u00e9 est le nom du bloc que vous voulez accrocher, et la valeur sp\u00e9cifie sa position par rapport au bloc cible.<\/p>\n<p>Vous pouvez d\u00e9finir l&rsquo;une des positions suivantes :<\/p>\n<ul>\n<li><code>before<\/code> le bloc cible<\/li>\n<li><code>after<\/code> le bloc cible<\/li>\n<li><code>firstChild<\/code> du bloc conteneur cible<\/li>\n<li><code>lastChild<\/code> du bloc conteneur cible<\/li>\n<\/ul>\n<p>Par exemple, vous pouvez relier un bloc \u00e0 chaque bloc d&rsquo;espacement en utilisant <code>blockHooks<\/code> de cette mani\u00e8re :<\/p>\n<pre><code class=\"language-json\">{\n\tblockHooks: {\n\t\t'core\/spacer': 'after'\n\t}\n}<\/code><\/pre>\n<p>Lorsque vous utilisez <code>firstChild<\/code> ou <code>lastChild<\/code> avec <strong>block.json<\/strong>, un nouveau panneau <strong>Extensions<\/strong> dans l&rsquo;inspecteur de blocs r\u00e9pertorie les blocs qui sont cens\u00e9s \u00eatre ins\u00e9r\u00e9s automatiquement, avec des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54029\" target=\"_blank\" rel=\"noopener noreferrer\">options permettant<\/a> d&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52969\" target=\"_blank\" rel=\"noopener noreferrer\">activer ou de d\u00e9sactiver<\/a> l&rsquo;insertion automatique des blocs.<\/p>\n<figure id=\"attachment_165866\" aria-describedby=\"caption-attachment-165866\" style=\"width: 2334px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165866 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/auto-inserting-blocks-enabled.jpg\" alt=\"Insertion automatique activ\u00e9e\" width=\"2334\" height=\"693\"><figcaption id=\"caption-attachment-165866\" class=\"wp-caption-text\">Insertion automatique activ\u00e9e (Image source PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52969#issuecomment-1663927084\">#52969<\/a>)<\/figcaption><\/figure>\n<h3>Accrocher des blocs \u00e0 l&rsquo;aide de <code>hooked_block_types<\/code><\/h3>\n<p>Une fa\u00e7on plus flexible d&rsquo;accrocher des blocs \u00e0 une cible est d&rsquo;utiliser le nouveau filtre <code>hooked_block_types<\/code>. Il vous permet d&rsquo;accrocher des blocs inconditionnellement, tout comme la m\u00e9thode <strong>block.json<\/strong>, ou en fonction d&rsquo;une condition &#8211; par exemple accrocher un bloc \u00e0 une cible en fonction du mod\u00e8le, de la partie du mod\u00e8le ou de la composition o\u00f9 il se trouve.<\/p>\n<p>La fonction de rappel de <code>hooked_block_types<\/code> accepte quatre param\u00e8tres :<\/p>\n<ul>\n<li><code>$hooked_blocks<\/code> &#8211; Un tableau de blocs accroch\u00e9s.<\/li>\n<li><code>$position<\/code> &#8211; Il peut s&rsquo;agir de <code>before<\/code>, <code>after<\/code>, <code>first_child<\/code> ou <code>last_child<\/code>.<\/li>\n<li><code>$anchor_block<\/code> &#8211; Le nom du bloc d&rsquo;ancrage.<\/li>\n<li><code>$context<\/code> &#8211; Le mod\u00e8le de bloc, la partie de mod\u00e8le ou la composition auquel le bloc d&rsquo;ancrage appartient.<\/li>\n<\/ul>\n<p>Pour plus d&rsquo;informations techniques sur les Block Hooks, consultez la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/15\/introducing-block-hooks-for-dynamic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>.<\/p>\n<h2>Am\u00e9liorations du syst\u00e8me de compositions<\/h2>\n<p>Les compositions de blocs sont un outil de conception puissant qui peut \u00eatre utilis\u00e9 dans votre contenu ou vos mod\u00e8les, vous permettant de construire des structures complexes de blocs en toute simplicit\u00e9. Vous pouvez utiliser les compositions fournies par votre th\u00e8me de bloc, ou vous pouvez ajouter d&rsquo;autres compositions en les copiant depuis le <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">r\u00e9pertoire des compositions<\/a>.<\/p>\n<p>Vous pouvez \u00e9galement cr\u00e9er vos compositions \u00e0 partir de z\u00e9ro dans l&rsquo;interface de l&rsquo;\u00e9diteur de site\/publication. Et si vous vous sentez \u00e0 l&rsquo;aise avec le codage, vous pouvez ajouter des compositions \u00e0 votre th\u00e8me actuel &#8211; ou \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">votre th\u00e8me enfant<\/a> &#8211; \u00e0 l&rsquo;aide d&rsquo;un fichier .php. De nos jours, les compositions sont si importantes dans WordPress que nous avons publi\u00e9 un guide approfondi sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/construire-compositions-blocs-wordpress\/\">tout ce qui concerne les blocs de compositions<\/a>.<\/p>\n<figure id=\"attachment_165683\" aria-describedby=\"caption-attachment-165683\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165683 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-63-create-pattern.jpg\" alt=\"Cr\u00e9er une composition dans WordPress 6.3\" width=\"2154\" height=\"1442\"><figcaption id=\"caption-attachment-165683\" class=\"wp-caption-text\">Cr\u00e9er une composition dans WordPress 6.3<\/figcaption><\/figure>\n<p>Ceci \u00e9tant dit, voyons ce qu&rsquo;il y a de nouveau dans le syst\u00e8me de compositions avec WordPress 6.4.<\/p>\n<p>Tout d&rsquo;abord, les cat\u00e9gories de compositions. Dans la version pr\u00e9c\u00e9dente de WordPress, lorsque vous cr\u00e9iez une nouvelle composition vous ne pouviez d\u00e9finir que le nom et le type de composition, synchronis\u00e9 ou non synchronis\u00e9.<\/p>\n<p>A partir de WordPress 6.4, vous pouvez \u00e9galement ajouter une cat\u00e9gorie pour votre composition afin qu&rsquo;elle soit <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53835\" target=\"_blank\" rel=\"noopener noreferrer\">plus facilement identifiable<\/a> dans l&rsquo;\u00e9diteur de site et de publications.<\/p>\n<figure id=\"attachment_166406\" aria-describedby=\"caption-attachment-166406\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-166406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-create-pattern-categories.jpg\" alt=\"Cr\u00e9er une composition dans WordPress 6.4\" width=\"2378\" height=\"1380\"><figcaption id=\"caption-attachment-166406\" class=\"wp-caption-text\">Cr\u00e9er une composition dans WordPress 6.4<\/figcaption><\/figure>\n<p>Il est \u00e9galement possible de modifier les cat\u00e9gories lorsque vous modifiez la composition.<\/p>\n<figure id=\"attachment_165687\" aria-describedby=\"caption-attachment-165687\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165687 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-pattern-categories.jpg\" alt=\"Modifier les cat\u00e9gories d'une composition\" width=\"2156\" height=\"1406\"><figcaption id=\"caption-attachment-165687\" class=\"wp-caption-text\">Modifier les cat\u00e9gories d&rsquo;une composition<\/figcaption><\/figure>\n<p>De plus, l&rsquo;onglet <strong>Compositions synchronis\u00e9es<\/strong> de l&rsquo;outil d&rsquo;insertion de blocs a \u00e9t\u00e9 supprim\u00e9 et vous pouvez d\u00e9sormais acc\u00e9der \u00e0 toutes vos compositions \u00e0 partir du m\u00eame onglet <strong>Compositions<\/strong>.<\/p>\n<figure id=\"attachment_165684\" aria-describedby=\"caption-attachment-165684\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165684 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-block-inserter-tabs-compared.jpg\" alt=\"Onglets de l'inserteur de blocs dans WordPress 6.3 vs. WordPress 6.4\" width=\"1406\" height=\"843\"><figcaption id=\"caption-attachment-165684\" class=\"wp-caption-text\">Onglets de l&rsquo;inserteur de blocs dans WordPress 6.3 vs. WordPress 6.4<\/figcaption><\/figure>\n<p>Il est \u00e9galement plus facile d&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54337\" target=\"_blank\" rel=\"noopener noreferrer\">importer ou d&rsquo;exporter des compositions<\/a> au format JSON depuis l&rsquo;\u00e9diteur de site.<\/p>\n<figure id=\"attachment_165686\" aria-describedby=\"caption-attachment-165686\" style=\"width: 1514px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165686 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-export-as-json.jpg\" alt=\"Exporter une composition en JSON depuis l'\u00e9diteur de site\" width=\"1514\" height=\"1108\"><figcaption id=\"caption-attachment-165686\" class=\"wp-caption-text\">Exporter une composition en JSON depuis l&rsquo;\u00e9diteur de site<\/figcaption><\/figure>\n<p>D&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52150\" target=\"_blank\" rel=\"noopener noreferrer\">autres<\/a> <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/58827\">changements<\/a> am\u00e9liorent la compatibilit\u00e9 des compositions avec les th\u00e8mes classiques et ouvrent la voie \u00e0 de futures impl\u00e9mentations.<\/p>\n<h2>Twenty Twenty-Four<\/h2>\n<p>Twenty Twenty-Four est le nouveau th\u00e8me WordPress par d\u00e9faut qui arrive avec WordPress 6.4. Il s&rsquo;agit d&rsquo;un th\u00e8me WordPress multifonctionnel et minimal con\u00e7u pour trois cas d&rsquo;utilisation principaux : les propri\u00e9taires de petites entreprises, les photographes et les artistes, ainsi que les \u00e9crivains et les blogueurs.<\/p>\n<p>Twenty Twenty-Four n&rsquo;ajoute aucune fonctionnalit\u00e9 \u00e0 votre site web. Il s&rsquo;agit plut\u00f4t d&rsquo;une collection de mod\u00e8les et de compositions qui, combin\u00e9s ensemble, vous permettent de cr\u00e9er une grande vari\u00e9t\u00e9 de sites web.<\/p>\n<p>De plus, il fournit beaucoup de contenu par d\u00e9faut avec des tonnes d&rsquo;exemples r\u00e9els de structures de pages que vous pouvez \u00e9diter et personnaliser en fonction de vos besoins.<\/p>\n<p>Nous avons un article complet qui couvre le <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-four\/\">nouveau th\u00e8me Twenty Twenty-Four<\/a>. Consultez-le pour en savoir plus.<\/p>\n<h2>Nouveaux outils et fonctionnalit\u00e9s de conception<\/h2>\n<p>Avec WordPress 6.4, plusieurs outils et fonctionnalit\u00e9s de conception font leur apparition. Les plus int\u00e9ressants sont les suivants :<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Contr\u00f4le des couleurs pour le bloc de contenu<\/h3>\n<p>Le bloc Contenu est un enfant du <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-8\/#the-query-loop-block\">bloc Boucle de requ\u00eate<\/a> et est particuli\u00e8rement utile lorsque vous avez besoin de personnaliser l&rsquo;apparence du contenu dans une boucle de requ\u00eate.<\/p>\n<figure id=\"attachment_165763\" aria-describedby=\"caption-attachment-165763\" style=\"width: 1774px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165763 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-content-block.jpg\" alt=\"Le bloc Contenu est disponible dans le bloc Boucle de requ\u00eate\" width=\"1774\" height=\"1446\"><figcaption id=\"caption-attachment-165763\" class=\"wp-caption-text\">Le bloc Contenu est disponible dans le bloc Boucle de requ\u00eate<\/figcaption><\/figure>\n<p>Il est disponible dans l&rsquo;\u00e9diteur de publications lorsque vous modifiez une boucle de requ\u00eate et dans l&rsquo;\u00e9diteur de site lorsque vous cr\u00e9ez ou modifiez un mod\u00e8le.<\/p>\n<p>Avec WordPress 6.4, le bloc Contenu a \u00e9t\u00e9 am\u00e9lior\u00e9 et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51326\">supporte d\u00e9sormais les couleurs<\/a> pour le texte, l&rsquo;arri\u00e8re-plan et les liens.<\/p>\n<figure id=\"attachment_165762\" aria-describedby=\"caption-attachment-165762\" style=\"width: 1784px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165762 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-content-block-color-settings.jpg\" alt=\"R\u00e9glages de couleur pour le bloc Contenu\" width=\"1784\" height=\"1396\"><figcaption id=\"caption-attachment-165762\" class=\"wp-caption-text\">R\u00e9glages de couleur pour le bloc Contenu<\/figcaption><\/figure>\n<h3>Prise en charge des blocs d&rsquo;images d&rsquo;arri\u00e8re-plan<\/h3>\n<p>La prise en charge d&rsquo;un nouveau <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/miscellaneous-editor-changes-in-wordpress-6-4\/#background-image-block-support\" target=\"_blank\" rel=\"noopener noreferrer\">bloc d&rsquo;image d&rsquo;arri\u00e8re-plan<\/a> a \u00e9t\u00e9 ajout\u00e9 avec WordPress 6.4, avec le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53934\" target=\"_blank\" rel=\"noopener noreferrer\">bloc Groupe activ\u00e9 par d\u00e9faut<\/a>.<\/p>\n<figure id=\"attachment_165761\" aria-describedby=\"caption-attachment-165761\" style=\"width: 2118px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165761 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-background-image.jpg\" alt=\"Contr\u00f4le de l'image d'arri\u00e8re-plan pour un bloc Groupe dans WordPress 6.4\" width=\"2118\" height=\"1234\"><figcaption id=\"caption-attachment-165761\" class=\"wp-caption-text\">Contr\u00f4le de l&rsquo;image d&rsquo;arri\u00e8re-plan pour un bloc Groupe dans WordPress 6.4<\/figcaption><\/figure>\n<p>Lorsqu&rsquo;un th\u00e8me utilise la fonctionnalit\u00e9 <code>appearanceTools<\/code> dans le <strong>theme.json<\/strong>, un panneau Arri\u00e8re-plan affiche le contr\u00f4le de l&rsquo;image d&rsquo;arri\u00e8re-plan correspondant, qui montre \u00e9galement un aper\u00e7u de l&rsquo;image d&rsquo;arri\u00e8re-plan.<\/p>\n<p>La d\u00e9finition d&rsquo;une image d&rsquo;arri\u00e8re-plan ajoute la propri\u00e9t\u00e9 <code>background-image<\/code> \u00e0 l&rsquo;\u00e9l\u00e9ment <code>div<\/code> du bloc, ainsi qu&rsquo;une d\u00e9claration <code>background-size: cover<\/code> qui garantit que l&rsquo;image couvre le bloc de groupe.<\/p>\n<p>Vous avez deux possibilit\u00e9s pour ajouter la prise en charge des images d&rsquo;arri\u00e8re-plan \u00e0 vos th\u00e8mes. La premi\u00e8re, et la plus simple, consiste \u00e0 opter pour la propri\u00e9t\u00e9 <code>appearanceTools<\/code>. Cela permet d&rsquo;utiliser plusieurs outils de conception, y compris les images d&rsquo;arri\u00e8re-plan.<\/p>\n<p>Si vous avez besoin d&rsquo;un contr\u00f4le plus granulaire sur les outils de conception, vous pouvez utiliser la propri\u00e9t\u00e9 <code>backgroundImage<\/code> dans votre <strong>theme.json<\/strong> de cette fa\u00e7on :<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>Effet de visionneuse \u00e0 lumi\u00e8re sur les images<\/h3>\n<p>Un nouveau bouton <strong>Agrandir au clic<\/strong> dans le panneau R\u00e9glages d&rsquo;image de bloc vous permet d&rsquo;activer\/d\u00e9sactiver l&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/51132\" target=\"_blank\" rel=\"noopener noreferrer\">effet lightbox<\/a> sur vos images. Il s&rsquo;agit de la premi\u00e8re it\u00e9ration de cette fonctionnalit\u00e9, qui devrait \u00eatre am\u00e9lior\u00e9e dans les prochaines versions.<\/p>\n<figure id=\"attachment_165733\" aria-describedby=\"caption-attachment-165733\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165733 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-enable-lightbox.jpg\" alt=\"Le bouton Agrandir au clic permet d'activer l'effet de visionneuse sur les images\" width=\"2154\" height=\"1304\"><figcaption id=\"caption-attachment-165733\" class=\"wp-caption-text\">Le bouton <strong>Agrandir au clic<\/strong> permet d&rsquo;activer l&rsquo;effet de visionneuse sur les images<\/figcaption><\/figure>\n<p>L&rsquo;effet de visionneuse fonctionne \u00e9galement avec les filtres duotone, mais il est un peu d\u00e9routant lorsqu&rsquo;il s&rsquo;agit de galeries d&rsquo;images. \u00c0 l&rsquo;heure o\u00f9 nous \u00e9crivons ces lignes, il n&rsquo;est pas possible d&rsquo;activer l&rsquo;effet de visionneuse au niveau de la galerie et vous devez activer cette fonctionnalit\u00e9 sur les images individuelles.<\/p>\n<p>Pour mettre en \u0153uvre cette fonctionnalit\u00e9 dans les versions pr\u00e9c\u00e9dentes de WordPress, vous deviez utiliser une extension. Maintenant, elle fait partie du c\u0153ur et cela signifie moins de code tiers pour votre site web WordPress.<\/p>\n<h3>Orientation verticale du texte<\/h3>\n<p>Une nouvelle option d&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50822\" target=\"_blank\" rel=\"noopener noreferrer\">orientation du texte<\/a> permet aux th\u00e8mes de prendre en charge le texte vertical. Si votre th\u00e8me supporte cette fonctionnalit\u00e9, vous pouvez activer le texte vertical de droite \u00e0 gauche dans les r\u00e9glages de <strong>typographie<\/strong>.<\/p>\n<figure id=\"attachment_165770\" aria-describedby=\"caption-attachment-165770\" style=\"width: 2118px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165770 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-text-orientation.jpg\" alt=\"R\u00e9glage de l'orientation verticale\" width=\"2118\" height=\"1116\"><figcaption id=\"caption-attachment-165770\" class=\"wp-caption-text\">R\u00e9glage de l&rsquo;orientation verticale<\/figcaption><\/figure>\n<p>Cette fonctionnalit\u00e9 est d\u00e9sactiv\u00e9e par d\u00e9faut. Les d\u00e9veloppeurs de th\u00e8mes peuvent ajouter la prise en charge de l&rsquo;orientation du texte en ajoutant un nouveau r\u00e9glage <code>writingMode<\/code> \u00e0 leur<strong> theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n\tsettings: {\n\t\t\"typography\": {\n\t\t\t\"writingMode\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Vous pouvez \u00e9galement d\u00e9finir un comportement par d\u00e9faut diff\u00e9rent pour des blocs sp\u00e9cifiques. L&rsquo;exemple suivant montre comment d\u00e9finir l&rsquo;orientation <code>vertical-rl<\/code> pour tous les blocs de paragraphe :<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/paragraph\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"writingMode\": \"vertical-rl\"\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>Am\u00e9liorations pour le bloc des notes de bas de page<\/h3>\n<p>WordPress 6.4 introduit \u00e9galement quelques am\u00e9liorations pour le <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-3\/#new-footnotes-block\">bloc Notes de bas de page<\/a>. Il supporte d\u00e9sormais les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52897\" target=\"_blank\" rel=\"noopener noreferrer\">couleurs de lien, d&rsquo;arri\u00e8re-plan et de texte<\/a>. Il fournit \u00e9galement des contr\u00f4les pour la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53044\" target=\"_blank\" rel=\"noopener noreferrer\">typographie, les dimensions et les bordures<\/a>.<\/p>\n<figure id=\"attachment_165764\" aria-describedby=\"caption-attachment-165764\" style=\"width: 1942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165764 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-footnotes-settings.jpg\" alt=\"R\u00e9glages des couleurs, de la typographie, des dimensions et des bordures pour le bloc Notes de bas de page\" width=\"1942\" height=\"1404\"><figcaption id=\"caption-attachment-165764\" class=\"wp-caption-text\">R\u00e9glages des couleurs, de la typographie, des dimensions et des bordures pour le bloc Notes de bas de page<\/figcaption><\/figure>\n<p>Les contr\u00f4les de couleur du texte et des liens sont d\u00e9velopp\u00e9s par d\u00e9faut. Les autres contr\u00f4les sont r\u00e9duits au chargement de la page.<\/p>\n<h3>Boutons autoris\u00e9s dans le bloc Navigation<\/h3>\n<p>Les boutons figurent d\u00e9sormais dans la liste des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53966\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9l\u00e9ments internes autoris\u00e9s<\/a> du bloc Navigation.<\/p>\n<figure id=\"attachment_166539\" aria-describedby=\"caption-attachment-166539\" style=\"width: 1680px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-166539 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-button-menu-item.jpg\" alt=\"Transformer un \u00e9l\u00e9ment de menu en bouton dans WordPress 6.4\" width=\"1680\" height=\"1245\"><figcaption id=\"caption-attachment-166539\" class=\"wp-caption-text\">Transformer un \u00e9l\u00e9ment de menu en bouton dans WordPress 6.4<\/figcaption><\/figure>\n<p>Lorsque vous cr\u00e9ez un nouvel \u00e9l\u00e9ment de menu, vous pouvez facilement le transformer en bouton depuis la barre d&rsquo;outils du bloc.<\/p>\n<figure id=\"attachment_166540\" aria-describedby=\"caption-attachment-166540\" style=\"width: 1383px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-166540 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-button-menu-item-2.jpg\" alt=\"Un bouton dans le bloc Navigation\" width=\"1383\" height=\"168\"><figcaption id=\"caption-attachment-166540\" class=\"wp-caption-text\">Un bouton dans le bloc Navigation<\/figcaption><\/figure>\n<h2>Am\u00e9liorations de l&rsquo;interface utilisateur et du flux de travail<\/h2>\n<p>WordPress 6.4 apporte \u00e9galement plusieurs am\u00e9liorations \u00e0 l&rsquo;interface de l&rsquo;\u00e9diteur, am\u00e9liorant l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition et rationalisant le flux de travail. Nos changements pr\u00e9f\u00e9r\u00e9s sont les suivants :<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Palette de commandes am\u00e9lior\u00e9e<\/h3>\n<p>Introduite pour la premi\u00e8re fois <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-3\/#the-command-palette\">avec WordPress 6.3<\/a>, la palette de commandes vous permet de lancer des actions fr\u00e9quemment utilis\u00e9es dans l&rsquo;interface de l&rsquo;\u00e9diteur de site. WordPress 6.4 marque un nouveau pas en avant avec une <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53117\" target=\"_blank\" rel=\"noopener noreferrer\">mise \u00e0 jour de la conception<\/a> et quelques am\u00e9liorations suppl\u00e9mentaires.<\/p>\n<figure id=\"attachment_165704\" aria-describedby=\"caption-attachment-165704\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165704 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-63-command-palette.jpg\" alt=\"La palette de commandes dans WordPress 6.3\" width=\"1948\" height=\"1080\"><figcaption id=\"caption-attachment-165704\" class=\"wp-caption-text\">La palette de commandes dans WordPress 6.3<\/figcaption><\/figure>\n<figure id=\"attachment_165709\" aria-describedby=\"caption-attachment-165709\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165709 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-command-palette.jpg\" alt=\"La palette de commandes dans WordPress 6.4\" width=\"1948\" height=\"842\"><figcaption id=\"caption-attachment-165709\" class=\"wp-caption-text\">La palette de commandes dans WordPress 6.4<\/figcaption><\/figure>\n<p>Les images ci-dessous montrent un exemple de comportement diff\u00e9rent de la palette de commandes dans WordPress 6.3 et 6.4.<\/p>\n<figure id=\"attachment_165707\" aria-describedby=\"caption-attachment-165707\" style=\"width: 1950px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165707 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-63-patterns-in-command-palette.jpg\" alt=\"Recherche de compositions dans WordPress 6.3\" width=\"1950\" height=\"1074\"><figcaption id=\"caption-attachment-165707\" class=\"wp-caption-text\">Recherche de compositions dans WordPress 6.3<\/figcaption><\/figure>\n<figure id=\"attachment_165712\" aria-describedby=\"caption-attachment-165712\" style=\"width: 1950px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165712 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-patterns-in-command-palette.jpg\" alt=\"Recherche de compositions dans WordPress 6.4\" width=\"1950\" height=\"812\"><figcaption id=\"caption-attachment-165712\" class=\"wp-caption-text\">Recherche de compositions dans WordPress 6.4<\/figcaption><\/figure>\n<p>Cette version ajoute \u00e9galement <a href=\"https:\/\/make.wordpress.org\/core\/2023\/08\/23\/whats-new-in-gutenberg-16-5-23-august\/#new-commands-and-enhancements-to-the-command-palette\" target=\"_blank\" rel=\"noopener noreferrer\">quelques nouvelles commandes<\/a> et am\u00e9liore la coh\u00e9rence et la d\u00e9nomination. Les nouvelles commandes incluent les transformations de blocs et les options de duplication, de copie, de suppression et d&rsquo;insertion avant\/apr\u00e8s.<\/p>\n<p>Un l\u00e9ger changement <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53496\" target=\"_blank\" rel=\"noopener noreferrer\">supprime les verbes<\/a> au d\u00e9but de nombreuses commandes. Cela am\u00e9liore la recherche et la clart\u00e9 de plusieurs commandes.<\/p>\n<figure id=\"attachment_165706\" aria-describedby=\"caption-attachment-165706\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165706 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-63-open-in-command-palette.jpg\" alt=\"Recherche de open dans WordPress 6.3\" width=\"1948\" height=\"1078\"><figcaption id=\"caption-attachment-165706\" class=\"wp-caption-text\">Recherche de open dans WordPress 6.3<\/figcaption><\/figure>\n<figure id=\"attachment_165711\" aria-describedby=\"caption-attachment-165711\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165711 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-open-in-command-palette.jpg\" alt=\"Recherche de open dans WordPress 6.4\" width=\"1948\" height=\"1076\"><figcaption id=\"caption-attachment-165711\" class=\"wp-caption-text\">Recherche de open dans WordPress 6.4<\/figcaption><\/figure>\n<p>La nouvelle version ajoute \u00e9galement des commandes de s\u00e9lection de blocs. Pour le voir en action, s\u00e9lectionnez quelques blocs dans l&rsquo;\u00e9diteur de site et appuyez sur <code>cmd + k<\/code> (MacOS) ou <code>ctrl + k<\/code> (Windows) et saisissez une cl\u00e9 de recherche telle que \u00ab transform \u00bb. Vous devriez voir les suggestions suivantes :<\/p>\n<figure id=\"attachment_165714\" aria-describedby=\"caption-attachment-165714\" style=\"width: 1952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165714 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-transform-command.jpg\" alt=\"Commandes de s\u00e9lection de blocs\" width=\"1952\" height=\"1038\"><figcaption id=\"caption-attachment-165714\" class=\"wp-caption-text\">Commandes de s\u00e9lection de blocs<\/figcaption><\/figure>\n<p>Vous pouvez effectuer plusieurs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52509\" target=\"_blank\" rel=\"noopener noreferrer\">commandes sur une s\u00e9lection de blocs<\/a>. Par exemple, vous pouvez regrouper quelques blocs :<\/p>\n<figure id=\"attachment_165710\" aria-describedby=\"caption-attachment-165710\" style=\"width: 1952px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165710 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-group-command.jpg\" alt=\"Cr\u00e9ation d'un groupe de blocs \u00e0 partir d'une s\u00e9lection\" width=\"1952\" height=\"1036\"><figcaption id=\"caption-attachment-165710\" class=\"wp-caption-text\">Cr\u00e9ation d&rsquo;un groupe de blocs \u00e0 partir d&rsquo;une s\u00e9lection<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement les d\u00e9grouper.<\/p>\n<figure id=\"attachment_165715\" aria-describedby=\"caption-attachment-165715\" style=\"width: 1950px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165715 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-ungroup-command.jpg\" alt=\"Une commande pour d\u00e9grouper les blocs\" width=\"1950\" height=\"1032\"><figcaption id=\"caption-attachment-165715\" class=\"wp-caption-text\">Une commande pour d\u00e9grouper les blocs<\/figcaption><\/figure>\n<p>\u00c0 l&rsquo;heure o\u00f9 nous \u00e9crivons ces lignes, les commandes de s\u00e9lection de blocs sont les suivantes : <strong>Ajouter avant<\/strong>, <strong>Ajouter apr\u00e8s<\/strong>, <strong>Supprimer<\/strong>, <strong>Dupliquer<\/strong>, <strong>D\u00e9placer vers<\/strong>, <strong>Grouper<\/strong>, <strong>Dissocier<\/strong> et <strong>Transformer en<\/strong>.<\/p>\n<h3>Am\u00e9lioration de la vue en liste<\/h3>\n<p>La <strong>vue en liste<\/strong> vous permet de parcourir le contenu de la page et d&rsquo;effectuer plusieurs actions sur les blocs, les groupes et les compositions. Ces actions incluent Copier, Dupliquer, Grouper, et bien plus encore. Cette fonction est particuli\u00e8rement utile pour les structures complexes de blocs imbriqu\u00e9s, car elle vous permet de d\u00e9velopper et de r\u00e9duire des groupes d&rsquo;\u00e9l\u00e9ments et d&rsquo;effectuer plusieurs actions sur des blocs, des groupes et des compositions uniques.<\/p>\n<figure id=\"attachment_165705\" aria-describedby=\"caption-attachment-165705\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165705 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-63-list-view.jpg\" alt=\"Vue en liste dans WordPress 6.3\" width=\"1392\" height=\"1378\"><figcaption id=\"caption-attachment-165705\" class=\"wp-caption-text\">Vue en liste dans WordPress 6.3<\/figcaption><\/figure>\n<figure id=\"attachment_165722\" aria-describedby=\"caption-attachment-165722\" style=\"width: 1390px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165722 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-list-view.jpg\" alt=\"Vue en liste dans WordPress 6.4\" width=\"1390\" height=\"1412\"><figcaption id=\"caption-attachment-165722\" class=\"wp-caption-text\">Vue en liste dans WordPress 6.4<\/figcaption><\/figure>\n<p>A partir de WordPress 6.4, vous pouvez \u00e9galement <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53735\" target=\"_blank\" rel=\"noopener noreferrer\">renommer un groupe de blocs<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53381\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e9visualiser les images<\/a> pour les blocs Galerie et Image, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53559\" target=\"_blank\" rel=\"noopener noreferrer\">dupliquer des blocs<\/a> en utilisant le raccourci <code>cmd + shift + d<\/code> (<code>ctrl + shift + d<\/code> sur Windows).<\/p>\n<figure id=\"attachment_165723\" aria-describedby=\"caption-attachment-165723\" style=\"width: 1950px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165723 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-rename-group.jpg\" alt=\"Renommer un groupe de blocs \u00e0 partir de la vue en liste\" width=\"1950\" height=\"1416\"><figcaption id=\"caption-attachment-165723\" class=\"wp-caption-text\">Renommer un groupe de blocs \u00e0 partir de la vue en liste<\/figcaption><\/figure>\n<h3>Barres d&rsquo;outils attach\u00e9es<\/h3>\n<p>Lorsque vous modifiez des blocs avec plusieurs enfants, il peut \u00eatre difficile de travailler avec les blocs int\u00e9rieurs. C&rsquo;est particuli\u00e8rement vrai pour le <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-9\/#the-navigation-block\">bloc Navigation<\/a>.<\/p>\n<p>Avant WordPress 6.4, lors de la s\u00e9lection des blocs internes, la barre d&rsquo;outils du bloc se d\u00e9pla\u00e7ait vers une position diff\u00e9rente sur l&rsquo;\u00e9cran. Ce comportement conduisait \u00e0 une mauvaise exp\u00e9rience utilisateur pour les blocs tels que Navigation et Liste.<\/p>\n<p>Depuis WordPress 6.4, la barre d&rsquo;outils du bloc enfant est attach\u00e9e \u00e0 la position du parent. Ainsi, lorsque vous passez d&rsquo;un bloc \u00e0 l&rsquo;autre, la barre d&rsquo;outils reste <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53306\" target=\"_blank\" rel=\"noopener noreferrer\">fix\u00e9e au m\u00eame endroit<\/a> que le parent.<\/p>\n<figure id=\"attachment_165769\" aria-describedby=\"caption-attachment-165769\" style=\"width: 1442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165769 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-select-list.jpg\" alt=\"La barre d'outils du bloc Liste\" width=\"1442\" height=\"666\"><figcaption id=\"caption-attachment-165769\" class=\"wp-caption-text\">La barre d&rsquo;outils du bloc Liste<\/figcaption><\/figure>\n<figure id=\"attachment_165768\" aria-describedby=\"caption-attachment-165768\" style=\"width: 1442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165768 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-select-list-item.jpg\" alt=\"La barre d'outils du bloc Liste\" width=\"1442\" height=\"666\"><figcaption id=\"caption-attachment-165768\" class=\"wp-caption-text\">La barre d&rsquo;outils du bloc Liste<\/figcaption><\/figure>\n<p>La barre d&rsquo;outils captur\u00e9e est <a href=\"https:\/\/make.wordpress.org\/core\/2023\/09\/06\/whats-new-in-gutenberg-16-6-06-september\/\" target=\"_blank\" rel=\"noopener noreferrer\">actuellement mise en \u0153uvre<\/a> dans les blocs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53697\" target=\"_blank\" rel=\"noopener noreferrer\">Navigation<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53306\" target=\"_blank\" rel=\"noopener noreferrer\">Liste<\/a> et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53699\" target=\"_blank\" rel=\"noopener noreferrer\">Citation<\/a>.<\/p>\n<h2>Am\u00e9liorations des performances et autres changements pour les d\u00e9veloppeurs<\/h2>\n<p>Plus de 100 mises \u00e0 jour de performance ont \u00e9t\u00e9 int\u00e9gr\u00e9es au c\u0153ur, ainsi que plusieurs changements pour les d\u00e9veloppeurs de th\u00e8mes. Examinons quelques changements int\u00e9ressants.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Strat\u00e9gies de chargement des scripts<\/h3>\n<p>Les strat\u00e9gies de chargement des scripts ont \u00e9t\u00e9 <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-3\/#support-for-html-5-async-and-defer-attributes\">introduites avec WordPress 6.3<\/a> et permettent d&rsquo;\u00e9viter qu&rsquo;un script ne soit charg\u00e9 dans un ordre inattendu dans l&rsquo;arbre de d\u00e9pendance des scripts \u00e0 l&rsquo;aide des attributs <code>async<\/code> et <code>defer<\/code>.<\/p>\n<p>Avec WordPress 6.4, les strat\u00e9gies de chargement de scripts sont <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/script-loading-changes-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">impl\u00e9ment\u00e9es pour les scripts frontend<\/a> dans les th\u00e8mes principaux et les th\u00e8mes int\u00e9gr\u00e9s.<\/p>\n<p>En outre, \u00e0 partir de WordPress 6.4, les scripts \u00ab charg\u00e9s avec l&rsquo;attribut <code>defer<\/code> ont \u00e9t\u00e9 d\u00e9plac\u00e9s du pied de page vers <code>head<\/code> afin qu&rsquo;ils soient d\u00e9couverts plus t\u00f4t pendant le chargement du document et qu&rsquo;ils puissent s&rsquo;ex\u00e9cuter plus t\u00f4t une fois le document charg\u00e9 \u00bb<\/p>\n<p>D&rsquo;autres changements am\u00e9liorent la s\u00e9curit\u00e9 de base et la maintenabilit\u00e9. Pour un aper\u00e7u plus technique du chargement des scripts, consultez la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/script-loading-changes-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement WP 6.4<\/a>.<\/p>\n<h3>Changements dans les pages de fichiers joints<\/h3>\n<p>A partir de WordPress 6.4, les pages de fichiers joints pour les nouvelles installations de WordPress sont <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/16\/changes-to-attachment-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">totalement d\u00e9sactiv\u00e9es<\/a>.<\/p>\n<p>Avant WordPress 6.4, WordPress cr\u00e9ait automatiquement une page de fichier joint pour chaque fichier multim\u00e9dia t\u00e9l\u00e9vers\u00e9. Mais cela n&rsquo;avait pas de sens pour de nombreux sites web. Ces pages sont index\u00e9es par les <a href=\"https:\/\/kinsta.com\/fr\/blog\/moteurs-recherche-alternatifs\/\">moteurs de recherche<\/a> et peuvent entrainer une mauvaise exp\u00e9rience pour les utilisateurs.<\/p>\n<p>Depuis WordPress 6.4, une option de la base de donn\u00e9es <code>wp_attachment_pages_enabled<\/code> permet de contr\u00f4ler le comportement des pages de fichiers joints.<\/p>\n<p>Cette option est r\u00e9gl\u00e9e sur <code>1<\/code> pour les sites web existants (pages de pi\u00e8ces jointes activ\u00e9es) et sur <code>0<\/code> pour les nouveaux sites web (pages de fichiers joints d\u00e9sactiv\u00e9es) \u00e0 partir de WordPress 6.4.<\/p>\n<p>Les administrateurs de site peuvent modifier cette valeur via WP CLI :<\/p>\n<pre><code class=\"language-bash\">wp option set wp_attachment_pages_enabled 0|1<\/code><\/pre>\n<p>Ou en visitant <strong>wp-admin\/options.php<\/strong> sur votre site web et en changeant la valeur de l&rsquo;option <code>wp_attachment_pages_enabled<\/code>.<\/p>\n<figure id=\"attachment_165996\" aria-describedby=\"caption-attachment-165996\" style=\"width: 2202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165996 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-wp_attachment_pages_enabled.png\" alt=\"Modification de l'option permettant d'activer les pages de fichiers joints\" width=\"2202\" height=\"202\"><figcaption id=\"caption-attachment-165996\" class=\"wp-caption-text\">Modification de l&rsquo;option permettant d&rsquo;activer les pages de fichiers joints<\/figcaption><\/figure>\n<h3>Composant ProgressBar<\/h3>\n<p>Un composant horizontal de base <code>ProgressBar<\/code> a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/53030\">\u00e9t\u00e9 introduit<\/a> pour remplacer le composant <code>Spinner<\/code> utilis\u00e9 pr\u00e9c\u00e9demment lors du chargement de contenu dans l&rsquo;\u00e9diteur de site.<\/p>\n<figure id=\"attachment_165771\" aria-describedby=\"caption-attachment-165771\" style=\"width: 1575px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165771 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/wp-64-progress-bar-component-1.jpg\" alt=\"Le nouveau composant Barre de progression dans l'\u00e9diteur de site\" width=\"1575\" height=\"745\"><figcaption id=\"caption-attachment-165771\" class=\"wp-caption-text\">Le nouveau composant Barre de progression dans l&rsquo;\u00e9diteur de site<\/figcaption><\/figure>\n<h3>Chargement des compositions dans WordPress 6.4<\/h3>\n<p>Avant WordPress 6.4, la fonction <code>_register_theme_block_patterns()<\/code> \u00e9tait utilis\u00e9e pour enregistrer toutes les compositions que le th\u00e8me actif pouvait fournir dans son r\u00e9pertoire <strong>patterns<\/strong>. En raison des nombreuses op\u00e9rations de fichiers n\u00e9cessaires par cette fonction, son utilisation a conduit \u00e0 un probl\u00e8me de surcharge de ressources, particuli\u00e8rement perceptible avec les th\u00e8mes fournissant des tonnes de compositions, comme Twenty Twenty-Four.<\/p>\n<p>Pour r\u00e9soudre ce probl\u00e8me, WordPress 6.4 introduit une <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/improvements-to-template-loading-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">nouvelle fonction <code>_wp_get_block_patterns()<\/code><\/a> qui stocke les compositions dans un cache transitoire. Gr\u00e2ce \u00e0 cette nouvelle fonction, les requ\u00eates suivantes n&rsquo;ont pas besoin de rechercher des fichiers, ce qui am\u00e9liore consid\u00e9rablement les performances.<\/p>\n<p>Les d\u00e9veloppeurs peuvent contourner le cache de compositions en activant le mode d\u00e9veloppement pour un th\u00e8me, en mettant \u00e0 jour le num\u00e9ro de version du th\u00e8me, en changeant de th\u00e8me ou en appelant la m\u00e9thode <code>WP_Theme::delete_caches()<\/code>.<\/p>\n<h3>Moins de v\u00e9rifications de l&rsquo;existence des fichiers<\/h3>\n<p>Auparavant, quelques fonctions de l&rsquo;API des th\u00e8mes ex\u00e9cutaient plusieurs v\u00e9rifications de l&rsquo;existence de fichiers dans un th\u00e8me enfant avant de revenir au th\u00e8me parent.<\/p>\n<p>Cela n&rsquo;\u00e9tait pas optimal car ces fonctions ne tenaient pas compte du fait que le th\u00e8me en cours \u00e9tait un th\u00e8me enfant ou non.<\/p>\n<p>Pour \u00e9viter les v\u00e9rifications inutiles de l&rsquo;existence de fichiers, plusieurs fonctions et m\u00e9thodes de l&rsquo;API Themes ont <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/improvements-to-template-loading-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9t\u00e9 mises \u00e0 jour<\/a> et v\u00e9rifient d\u00e9sormais si le r\u00e9pertoire de la feuille de style du th\u00e8me actuel correspond au r\u00e9pertoire du mod\u00e8le avant de proc\u00e9der aux v\u00e9rifications de l&rsquo;existence de fichiers.<\/p>\n<p>Cela devrait permettre d&rsquo;am\u00e9liorer consid\u00e9rablement les performances, en particulier pour les th\u00e8mes qui ne sont pas des enfants.<\/p>\n<p>D&rsquo;autres am\u00e9liorations des performances concernent les fonctions <code>get_block_theme_folders()<\/code> et <code>the_header_image_tag()<\/code>.<\/p>\n<h3>Nouvelle fonction d&rsquo;options<\/h3>\n<p>Les options sont charg\u00e9es automatiquement par d\u00e9faut. Lorsqu&rsquo;un site web a trop d&rsquo;options, cela peut entrainer un ralentissement du temps de r\u00e9ponse du serveur et des bogues. Pour \u00e9viter ce comportement, les d\u00e9veloppeurs d&rsquo;extensions peuvent d\u00e9sormais profiter de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/new-option-functions-in-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">plusieurs nouvelles fonctions<\/a> qui leur permettent de g\u00e9rer les options, d&rsquo;am\u00e9liorer les performances et de d\u00e9finir un comportement par d\u00e9faut diff\u00e9rent.<\/p>\n<p>Deux fonctions permettent de r\u00e9cup\u00e9rer plusieurs options avec une seule requ\u00eate de base de donn\u00e9es.<\/p>\n<p><code>prime_options()<\/code> permet de r\u00e9cup\u00e9rer plusieurs options \u00e0 l&rsquo;aide d&rsquo;une seule requ\u00eate de base de donn\u00e9es. Les valeurs des options sont stock\u00e9es dans le cache, de sorte que les appels ult\u00e9rieurs \u00e0 <code>get_option()<\/code> ne n\u00e9cessitent pas de requ\u00eates suppl\u00e9mentaires \u00e0 la base de donn\u00e9es.<\/p>\n<p><code>prime_options()<\/code> prend un tableau de noms d&rsquo;options et ne renvoie aucune valeur d&rsquo;option, sa seule responsabilit\u00e9 \u00e9tant de mettre \u00e0 jour le cache correspondant.<\/p>\n<p><code>prime_options_by_group()<\/code> fonctionne de la m\u00eame mani\u00e8re que <code>prime_options()<\/code> mais pour un groupe d&rsquo;options sp\u00e9cifique.<\/p>\n<p>Deux autres fonctions permettent de d\u00e9finir les valeurs de chargement automatique des options.<\/p>\n<p><code>wp_set_option_autoload_values()<\/code> peut \u00eatre utilis\u00e9e pour d\u00e9finir la valeur de chargement automatique d&rsquo;une seule option.<\/p>\n<p><code>wp_set_options_autoload_values()<\/code> peut \u00eatre utilis\u00e9e pour d\u00e9finir les valeurs de chargement automatique pour plusieurs options.<\/p>\n<h3>Changements suppl\u00e9mentaires pour les d\u00e9veloppeurs<\/h3>\n<p>Les changements suppl\u00e9mentaires pour les d\u00e9veloppeurs sont les suivants :<\/p>\n<ul>\n<li>Remplacement des balises de style cod\u00e9es en dur par <code>wp_add_inline_style()<\/code> (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/replacing-hard-coded-style-tags-with-wp_add_inline_style\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>Valeurs minimales et maximales configurables pour la typographie fluide dans <strong>theme.json<\/strong> (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/miscellaneous-editor-changes-in-wordpress-6-4\/#fluid-typography-configurable-minimum-and-maximum-viewport-values\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>D\u00e9sactivation des contr\u00f4les de mise en page dans <strong>theme.json<\/strong> (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/miscellaneous-editor-changes-in-wordpress-6-4\/#disable-layout-controls-from-theme-json\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>D\u00e9finir le mode d&rsquo;\u00e9dition des blocs en utilisant le nouveau crochet <code>useBlockEditingMode<\/code> (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/miscellaneous-editor-changes-in-wordpress-6-4\/#new-public-hook-in-the-block-editor-api-useblockeditingmode\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>La fonction <code>wp_get_loading_optimization_attributes()<\/code> a \u00e9t\u00e9 am\u00e9lior\u00e9e et de nouveaux filtres ont \u00e9t\u00e9 introduits pour contr\u00f4ler les attributs d&rsquo;optimisation du chargement (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/18\/image-loading-optimization-enhancements-in-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>Une nouvelle API <code>registerInserterMediaCategory<\/code> permet aux d\u00e9veloppeurs dextensions d&rsquo;enregistrer des cat\u00e9gories de m\u00e9dias d&rsquo;insertion personnalis\u00e9s et de fournir aux utilisateurs plus d&rsquo;options. L&rsquo;API permet uniquement d&rsquo;ajouter des cat\u00e9gories de m\u00e9dias d&rsquo;insertion personnalis\u00e9es, mais ne permet pas de contr\u00f4ler les cat\u00e9gories principales, \u00e0 l&rsquo;exception de la cat\u00e9gorie <code>Openverse<\/code> (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/16\/new-registerinsertermediacategory-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>Deux nouvelles fonctions <code>wp_get_admin_notice()<\/code> et <code>wp_admin_notice()<\/code> \u00ab r\u00e9duisent la charge de maintenance, encouragent la coh\u00e9rence et permettent le filtrage des arguments et des messages pour toutes les notifications d&rsquo;administration \u00bb (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/16\/introducing-admin-notice-functions-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li><code>WP_Query<\/code> le syst\u00e8me de mise en cache de <code>WP_Term_Query<\/code> a \u00e9t\u00e9 am\u00e9lior\u00e9, r\u00e9duisant les requ\u00eates de base de donn\u00e9es et am\u00e9liorant l&rsquo;efficacit\u00e9 globale (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/improvements-to-object-caching-in-wordpress-6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>Le balisage des pages de connexion et d&rsquo;inscription a \u00e9t\u00e9 am\u00e9lior\u00e9 afin d&rsquo;optimiser sa structure et d&rsquo;offrir aux d\u00e9veloppeurs une plus grande flexibilit\u00e9 dans les personnalisations (voir la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/17\/html-markup-improvements-to-the-login-and-registration-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<\/ul>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>La troisi\u00e8me version de WordPress 2023 apporte un grand nombre de nouvelles fonctionnalit\u00e9s, de nouveaux outils de conception et un certain nombre d&rsquo;am\u00e9liorations de l&rsquo;interface utilisateur, de corrections de bugs et d&rsquo;autres petits changements.<\/p>\n<p>Elle introduit \u00e9galement un nouveau th\u00e8me par d\u00e9faut l\u00e9ger et multifonctionnel avec des tonnes de compositions et de mod\u00e8les que vous pouvez personnaliser pour vos cas d&rsquo;utilisation sp\u00e9cifiques.<\/p>\n<p>Maintenant, \u00e0 vous de jouer : Avez-vous d\u00e9j\u00e0 eu l&rsquo;occasion de tester WordPress 6.4 ? Si vous souhaitez <a href=\"https:\/\/kinsta.com\/fr\/blog\/tester-site-wordpress\/\">tester<\/a> et\/ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/contributeur-wordpress\/\">contribuer \u00e0 WordPress<\/a>, nous vous recommandons notre suite de d\u00e9veloppement WordPress locale et gratuite, <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a>.<\/p>\n<p>Quelles sont les fonctionnalit\u00e9s de la version 6.4 que vous appr\u00e9ciez le plus ? Faites-nous part de vos impressions dans les commentaires ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La sortie de WordPress 6.4 est pr\u00e9vue pour le 7 novembre, et il est temps pour nous d&rsquo;explorer les fonctionnalit\u00e9s et am\u00e9liorations les plus remarquables qui &#8230;<\/p>\n","protected":false},"author":36,"featured_media":74021,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1040],"class_list":["post-74020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-mises-a-jour-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nouveaut\u00e9s de WordPress 6.4 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d&#039;\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, 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-4\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, et bien plus encore\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d&#039;\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, et bien plus encore.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-03T07:59:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-06T08:32:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d&#039;\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, et bien plus encore.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 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-4\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, et bien plus encore\",\"datePublished\":\"2023-11-03T07:59:14+00:00\",\"dateModified\":\"2023-11-06T08:32:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/\"},\"wordCount\":4372,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/\",\"name\":\"Nouveaut\u00e9s de WordPress 6.4 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg\",\"datePublished\":\"2023-11-03T07:59:14+00:00\",\"dateModified\":\"2023-11-06T08:32:48+00:00\",\"description\":\"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d'\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, et bien plus encore.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mises \u00e0 jour WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, et bien plus encore\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Nouveaut\u00e9s de WordPress 6.4 - Kinsta\u00ae","description":"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d'\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, 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-4\/","og_locale":"fr_FR","og_type":"article","og_title":"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, et bien plus encore","og_description":"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d'\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, et bien plus encore.","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-11-03T07:59:14+00:00","article_modified_time":"2023-11-06T08:32:48+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d'\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, et bien plus encore.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, et bien plus encore","datePublished":"2023-11-03T07:59:14+00:00","dateModified":"2023-11-06T08:32:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/"},"wordCount":4372,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/","name":"Nouveaut\u00e9s de WordPress 6.4 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg","datePublished":"2023-11-03T07:59:14+00:00","dateModified":"2023-11-06T08:32:48+00:00","description":"D\u00e9couvrez notre vue globale de WordPress 6.4 : Block Hooks, flux de travail d'\u00e9criture am\u00e9lior\u00e9, meilleures performances, nouveau th\u00e8me par d\u00e9faut, et bien plus encore.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/10\/wordpress-64.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Mises \u00e0 jour WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/"},{"@type":"ListItem","position":3,"name":"Nouveaut\u00e9s de WordPress 6.4 : Blocks Hooks, flux de travail am\u00e9lior\u00e9, nouveaux outils de conception, nouveau th\u00e8me par d\u00e9faut, 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\/74020","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=74020"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/74020\/revisions"}],"predecessor-version":[{"id":74071,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/74020\/revisions\/74071"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74020\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/74021"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=74020"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=74020"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=74020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}