{"id":78474,"date":"2024-11-07T08:50:20","date_gmt":"2024-11-07T07:50:20","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=78474&#038;preview=true&#038;preview_id=78474"},"modified":"2024-11-07T15:29:27","modified_gmt":"2024-11-07T14:29:27","slug":"wordpress-6-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/","title":{"rendered":"Nouveaut\u00e9s de WordPress 6.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore"},"content":{"rendered":"<p>WordPress 6.7 arrive \u00e0 <a href=\"https:\/\/make.wordpress.org\/core\/6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">grands pas<\/a>, et il est temps de passer en revue les nouvelles fonctionnalit\u00e9s, les changements et les am\u00e9liorations que la nouvelle version nous r\u00e9serve.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/23\/wordpress-6-7-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cette version<\/a> comprend 87 am\u00e9liorations de base, des demandes de fonctionnalit\u00e9s et plus de 200 corrections de bugs.<\/p>\n<p>Huit versions de Gutenberg, de la 18.6 \u00e0 la 19.3, sont incluses dans le c\u0153ur de WordPress 6.7. L&rsquo;\u00e9diteur de blocs re\u00e7oit 445 am\u00e9liorations, 464 corrections de bugs et 55 am\u00e9liorations de l&rsquo;accessibilit\u00e9.<\/p>\n<p>De nouvelles API puissantes pour les d\u00e9veloppeurs arrivent dans le noyau. L&rsquo;interface de l&rsquo;\u00e9diteur re\u00e7oit plusieurs ajouts et am\u00e9liorations, y compris des outils qui n&rsquo;\u00e9taient auparavant accessibles qu&rsquo;en utilisant du code. Des am\u00e9liorations de la convivialit\u00e9 et de nouveaux outils de conception devraient rationaliser le processus de conception.<\/p>\n<p>WordPress 6.7 pr\u00e9sente \u00e9galement un nouveau th\u00e8me par d\u00e9faut, <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\">Twenty Twenty-Five<\/a>, qui b\u00e9n\u00e9ficie des derni\u00e8res fonctionnalit\u00e9s embarqu\u00e9es dans la nouvelle version.<\/p>\n<p>Parmi les nombreux ajouts et changements qui arrivent avec WordPress 6.7, nous en avons s\u00e9lectionn\u00e9 quelques-uns qui nous semblent les plus int\u00e9ressants pour les d\u00e9veloppeurs et les utilisateurs. Il y a beaucoup \u00e0 dire, alors plonge-toi directement dans les nouvelles fonctionnalit\u00e9s.<\/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>Mode zoom arri\u00e8re<\/h2>\n<p>WordPress 6.7 propose un nouveau <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50739\" target=\"_blank\" rel=\"noopener noreferrer\">mode Zoom arri\u00e8re<\/a> pour t&rsquo;aider \u00e0 cr\u00e9er et \u00e0 modifier du contenu en te concentrant sur des mod\u00e8les plut\u00f4t que sur des blocs individuels. Cela te permet de travailler \u00e0 un niveau plus \u00e9lev\u00e9 et d&rsquo;avoir une vue d&rsquo;ensemble de la page en cours de construction.<\/p>\n<p>Les images suivantes montrent la nouvelle fonctionnalit\u00e9 en action. Un nouveau bouton <strong>Zoom arri\u00e8re<\/strong> dans la barre d&rsquo;outils sup\u00e9rieure te permet d&rsquo;activer et de d\u00e9sactiver le mode Zoom arri\u00e8re, ce qui te permet de travailler alternativement sur des mod\u00e8les ou sur des blocs individuels.<\/p>\n<figure id=\"attachment_186742\" aria-describedby=\"caption-attachment-186742\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186742 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-toogle-zoom-out-off.jpg\" alt=\"Zoom arri\u00e8re dans WordPress 6.7\" width=\"2932\" height=\"1364\"><figcaption id=\"caption-attachment-186742\" class=\"wp-caption-text\">Zoom arri\u00e8re dans WordPress 6.7<\/figcaption><\/figure>\n<figure id=\"attachment_186740\" aria-describedby=\"caption-attachment-186740\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186740 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-toogle-zoom-out-on.jpg\" alt=\"Zoom arri\u00e8re dans WordPress 6.7\" width=\"2932\" height=\"1432\"><figcaption id=\"caption-attachment-186740\" class=\"wp-caption-text\">Zoom arri\u00e8re dans WordPress 6.7<\/figcaption><\/figure>\n<p>Lorsque le mode Zoom arri\u00e8re est activ\u00e9, tu peux effectuer plusieurs actions sur le motif s\u00e9lectionn\u00e9. La barre d&rsquo;outils du bloc propose des commandes pour <strong>faire glisser<\/strong>, <strong>d\u00e9placer vers le haut\/bas<\/strong> et <strong>m\u00e9langer<\/strong>. L&rsquo;affichage de la liste fournit des liens permettant d&rsquo;effectuer plusieurs actions, telles que <strong>Modifier<\/strong>, <strong>Dupliquer<\/strong> et <strong>Supprimer<\/strong> le motif s\u00e9lectionn\u00e9.<\/p>\n<figure id=\"attachment_187329\" aria-describedby=\"caption-attachment-187329\" style=\"width: 1904px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-list-view-zoom-out-mode.jpg\" alt=\"Blocs de motifs dans la vue Liste\" width=\"1904\" height=\"1386\"><figcaption id=\"caption-attachment-187329\" class=\"wp-caption-text\">Blocs de motifs dans la vue Liste<\/figcaption><\/figure>\n<p>Lorsque tu travailles avec le zoom arri\u00e8re activ\u00e9, l&rsquo;inserteur de blocs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64193\" target=\"_blank\" rel=\"noopener noreferrer\">passe par d\u00e9faut \u00e0 l&rsquo;onglet Motifs<\/a>. La vue Liste refl\u00e8te \u00e9galement le mode d&rsquo;\u00e9dition et affiche les motifs au lieu des blocs.<\/p>\n<p>Pour une liste plus compl\u00e8te des fonctionnalit\u00e9s et des changements li\u00e9s au mode Zoom arri\u00e8re, consulte la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/64197\" target=\"_blank\" rel=\"noopener noreferrer\">question de l&rsquo;it\u00e9ration du mode Zoom arri\u00e8re<\/a> et les <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/developer-notes-for-zoom-out-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">notes du d\u00e9veloppeur pour le mode Zoom arri\u00e8re dans WordPress 6.7<\/a>.<\/p>\n<h2>Bo\u00eetes de m\u00e9ta dans l&rsquo;\u00e9diteur d&rsquo;articles<\/h2>\n<p>Dans les versions ant\u00e9rieures \u00e0 la 6.7, les m\u00e9ta-bo\u00eetes emp\u00eachaient le canevas de l&rsquo;\u00e9diteur d&rsquo;articles de se charger dans une iframe. Cela rendait plusieurs avantages indisponibles, tels que l&rsquo;isolation du bloc et du th\u00e8me CSS de l&rsquo;interface utilisateur de l&rsquo;\u00e9diteur et la pr\u00e9cision des unit\u00e9s CSS relatives pour les requ\u00eates m\u00e9dia et le viewport. En bref, ce probl\u00e8me emp\u00eachait l&rsquo;utilisation de la m\u00eame feuille de style CSS dans l&rsquo;\u00e9diteur et dans les vues frontales.<\/p>\n<p>\u00c0 partir de WordPress 6.7, le contenu de l&rsquo;\u00e9diteur et les bo\u00eetes m\u00e9ta peuvent coexister dans l&rsquo;interface de l&rsquo;\u00e9diteur. Gr\u00e2ce \u00e0 une <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64351\" target=\"_blank\" rel=\"noopener noreferrer\">nouvelle vue fractionn\u00e9e<\/a>, le canevas de l&rsquo;\u00e9diteur Post se charge dans une iframe m\u00eame lorsque le post\/la page en cours comporte une ou plusieurs bo\u00eetes m\u00e9ta. D&rsquo;apr\u00e8s la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/18\/post-editor-iframing-with-meta-boxes-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>:<\/p>\n<blockquote><p>Ce changement assure une exp\u00e9rience WYSIWYG coh\u00e9rente entre l&rsquo;\u00e9diteur et les vues frontales. De plus, il rend les bo\u00eetes m\u00e9ta plus facilement accessibles qu&rsquo;auparavant. Cela permet de faire r\u00e9f\u00e9rence visuellement \u00e0 n&rsquo;importe quelle partie du contenu de l&rsquo;article tout en travaillant avec n&rsquo;importe quelle bo\u00eete m\u00e9ta et vice versa.<\/p><\/blockquote>\n<figure id=\"attachment_187002\" aria-describedby=\"caption-attachment-187002\" style=\"width: 1630px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187002 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-iframed-canvas.png\" alt=\"Canevas encadr\u00e9 avec boites m\u00e9ta dans WordPress 6.7\" width=\"1630\" height=\"1404\"><figcaption id=\"caption-attachment-187002\" class=\"wp-caption-text\">Canevas encadr\u00e9 avec boites m\u00e9ta dans WordPress 6.7<\/figcaption><\/figure>\n<p>Cette impl\u00e9mentation utilise <code>flex<\/code> pour rendre la vue du contenu et la zone de m\u00e9taboxes d\u00e9filables.<\/p>\n<p>Cette am\u00e9lioration apporte \u00e9galement plusieurs changements \u00e0 l&rsquo;interface de l&rsquo;\u00e9diteur d&rsquo;articles :<\/p>\n<ul>\n<li>La hauteur de la zone de la bo\u00eete m\u00e9ta est limit\u00e9e \u00e0 50 % par d\u00e9faut pour \u00e9viter qu&rsquo;elle ne prenne trop de place.<\/li>\n<li>La zone de la bo\u00eete m\u00e9ta est repliable ou redimensionnable en fonction de la hauteur de la fen\u00eatre de visualisation.<\/li>\n<li>L&rsquo;\u00e9tat de la hauteur redimensionn\u00e9e et l&rsquo;\u00e9tat ouvert\/ferm\u00e9 sont persistants dans les pr\u00e9f\u00e9rences de l&rsquo;utilisateur.<\/li>\n<\/ul>\n<figure id=\"attachment_187006\" aria-describedby=\"caption-attachment-187006\" style=\"width: 2367px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187006 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-iframed-canvas-with-metaboxes.jpg\" alt=\"Zone de meta box redimensionnable dans WordPress 6.7\" width=\"2367\" height=\"1245\"><figcaption id=\"caption-attachment-187006\" class=\"wp-caption-text\">Zone de meta box redimensionnable dans WordPress 6.7<\/figcaption><\/figure>\n<p>Consulte la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/18\/post-editor-iframing-with-meta-boxes-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a> pour un aper\u00e7u plus approfondi \u00e0 l&rsquo;intention des d\u00e9veloppeurs.<\/p>\n<h2>Am\u00e9liorations de l&rsquo;API Block Bindings<\/h2>\n<p>Introduite pour la premi\u00e8re fois avec <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#block-bindings-api\">WordPress 6.5<\/a>, l&rsquo;API Block Bindings te permet de lier les attributs d&rsquo;un bloc \u00e0 une source de donn\u00e9es externe. La premi\u00e8re it\u00e9ration de l&rsquo;API Block Bindings permettait de lier les valeurs des champs personnalis\u00e9s aux attributs des blocs Heading, Paragraph, Button et Image. WordPress 6.6 a ouvert la porte \u00e0 une nouvelle fonctionnalit\u00e9 puissante bas\u00e9e sur l&rsquo;API Block Bindings : <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#synced-pattern-overrides\">Pattern Overrides<\/a>.<\/p>\n<p>WordPress 6.7 nous apporte de nouvelles fonctionnalit\u00e9s et am\u00e9liorations rendues possibles par l&rsquo;API Block Bindings et une nouvelle interface par d\u00e9faut pour la gestion de la m\u00e9ta source des articles.<\/p>\n<h3>Nouvelle interface Block Bindings<\/h3>\n<p>Cette it\u00e9ration propose une nouvelle interface pour g\u00e9rer les Block Bindings \u00e0 partir de la barre lat\u00e9rale des r\u00e9glages, en utilisant la source int\u00e9gr\u00e9e des m\u00e9ta-blocs de post pour les blocs Heading, Paragraph, Button et Image.<\/p>\n<p>Une fois que tu as enregistr\u00e9 tes champs personnalis\u00e9s et s\u00e9lectionn\u00e9 l&rsquo;un des blocs pris en charge, un nouveau panneau <strong>Attributs<\/strong> appara\u00eet dans la barre lat\u00e9rale des param\u00e8tres du bloc. Lorsque tu ajoutes un ou plusieurs champs personnalis\u00e9s, le panneau <strong>Attributs<\/strong> devient interactif, ce qui te permet de relier les attributs du bloc \u00e0 tes champs personnalis\u00e9s.<\/p>\n<figure id=\"attachment_187327\" aria-describedby=\"caption-attachment-187327\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187327 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-block-bindings-ui.jpg\" alt=\"Le nouveau panneau Attributs dans WordPress 6.7\" width=\"2256\" height=\"1396\"><figcaption id=\"caption-attachment-187327\" class=\"wp-caption-text\">Le nouveau panneau Attributs dans WordPress 6.7<\/figcaption><\/figure>\n<p>Cela t&rsquo;aide \u00e0 cr\u00e9er des liaisons sans ajouter manuellement le code dans l&rsquo;\u00e9diteur de code.<\/p>\n<p>Par d\u00e9faut, seuls les administrateurs peuvent cr\u00e9er et modifier les liaisons. Les d\u00e9veloppeurs peuvent remplacer le comportement par d\u00e9faut en utilisant les filtres <code>block_editor_settings_all<\/code> ou <code>map_meta_cap<\/code>.<\/p>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/block-bindings-improvements-to-the-editor-experience-in-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> met en garde contre deux limitations li\u00e9es \u00e0 la nouvelle interface <strong>Attributs<\/strong>.<\/p>\n<ul>\n<li>Cette version ne permet pas encore de connecter les attributs des blocs \u00e0 des sources personnalis\u00e9es. Cette am\u00e9lioration devrait \u00eatre mise en \u0153uvre dans une prochaine version.<\/li>\n<li>Une deuxi\u00e8me limitation concerne le type de champs personnalis\u00e9s affich\u00e9s dans le panneau <strong>Attributs<\/strong>. Actuellement, seuls les champs de type cha\u00eene ou texte riche sont pris en charge. L\u00e0 encore, on peut s&rsquo;attendre \u00e0 une prise en charge progressive d&rsquo;autres types de champs personnalis\u00e9s dans les prochaines it\u00e9rations.<\/li>\n<\/ul>\n<p>Voir la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/block-bindings-improvements-to-the-editor-experience-in-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> pour un cas d&rsquo;utilisation int\u00e9ressant de l&rsquo;API Block Bindings am\u00e9lior\u00e9e avec des mod\u00e8les de messages personnalis\u00e9s.<\/p>\n<h3>Nouvel attribut de m\u00e9ta-\u00e9tiquette de l&rsquo;article<\/h3>\n<p>Un nouvel attribut <code>label<\/code> a \u00e9t\u00e9 mis en place pour permettre aux d\u00e9veloppeurs de plugins d&rsquo;ajouter une \u00e9tiquette personnalis\u00e9e pour les champs post meta lors de l&rsquo;enregistrement. Tu peux maintenant utiliser le code suivant pour enregistrer tes champs personnalis\u00e9s avec des \u00e9tiquettes :<\/p>\n<pre><code class=\"language-php\">register_post_meta( \n\t'post', \n\t'book_title', \n\tarray(\n\t\t'show_in_rest' =&gt; true,\n\t\t'type' =&gt; 'string',\n\t\t'single' =&gt; true,\n\t\t'sanitize_callback' =&gt; 'sanitize_text_field',\n\t\t'label' =&gt; __('Book title')\n\t)\n);<\/code><\/pre>\n<p>S&rsquo;il est d\u00e9fini, le libell\u00e9 s&rsquo;affichera \u00e0 la place de la cl\u00e9 m\u00e9ta dans l&rsquo;interface utilisateur de Block Bindings. L&rsquo;image suivante montre le panneau <strong>Attributs<\/strong> avec des \u00e9tiquettes personnalis\u00e9es :<\/p>\n<figure id=\"attachment_187328\" aria-describedby=\"caption-attachment-187328\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-block-bindings-ui-labels.jpg\" alt=\"Le panneau Attributs avec des \u00e9tiquettes de champ personnalis\u00e9es\" width=\"2256\" height=\"1398\"><figcaption id=\"caption-attachment-187328\" class=\"wp-caption-text\">Le panneau Attributs avec des \u00e9tiquettes de champ personnalis\u00e9es<\/figcaption><\/figure>\n<h3>Possibilit\u00e9 de modifier les liaisons de blocs<\/h3>\n<p>En plus de la nouvelle interface Block Bindings, un nouveau param\u00e8tre de l&rsquo;\u00e9diteur <code>canUpdateBlockBindings<\/code> peut \u00eatre utilis\u00e9 pour d\u00e9terminer si la nouvelle interface est interactive pour les utilisateurs. Par d\u00e9faut, il s&rsquo;agit d&rsquo;une nouvelle capacit\u00e9 <code>edit_block_binding<\/code>, qui est d\u00e9finie sur <code>true<\/code> pour les administrateurs et <code>false<\/code> pour les autres utilisateurs.<\/p>\n<p>Tu peux modifier le comportement par d\u00e9faut en utilisant le filtre <code>block_editor_settings_all<\/code>.<\/p>\n<h3>Nouvelles API et fonctionnalit\u00e9s pour les d\u00e9veloppeurs<\/h3>\n<p>WordPress 6.7 apporte de nouvelles fonctionnalit\u00e9s permettant aux d\u00e9veloppeurs d&rsquo;utiliser des liaisons de blocs dans l&rsquo;\u00e9diteur.<\/p>\n<p>Une nouvelle API de l&rsquo;\u00e9diteur te permet d&rsquo;enregistrer des sources personnalis\u00e9es d\u00e9finies sur le serveur avec des valeurs amorc\u00e9es. En bref, tu peux enregistrer des sources externes et les rendre dans l&rsquo;interface utilisateur en utilisant les API du serveur.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\">Twenty Twenty-Five<\/a>, le nouveau th\u00e8me par d\u00e9faut, fournit un bon exemple d&rsquo;amor\u00e7age de source avec le mod\u00e8le Copyright. Dans le fichier <code>functions.php<\/code> du th\u00e8me, tu trouveras le code suivant :<\/p>\n<pre><code class=\"language-php\">\/\/ Registers block binding sources.\nif ( ! function_exists( 'twentytwentyfive_register_block_bindings' ) ) :\n\t\/**\n\t * Registers the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t *\n\t * @return void\n\t *\/\n\tfunction twentytwentyfive_register_block_bindings() {\n\t\tregister_block_bindings_source(\n\t\t\t'twentytwentyfive\/copyright',\n\t\t\tarray(\n\t\t\t\t'label'              =&gt; _x( '&copy; YEAR', 'Label for the copyright placeholder in the editor', 'twentytwentyfive' ),\n\t\t\t\t'get_value_callback' =&gt; 'twentytwentyfive_copyright_binding',\n\t\t\t)\n\t\t);\n\t}\nendif;\n\n\/\/ Registers block binding callback function for the copyright.\nif ( ! function_exists( 'twentytwentyfive_copyright_binding' ) ) :\n\t\/**\n\t * Callback function for the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t *\n\t * @return string Copyright text.\n\t *\/\n\tfunction twentytwentyfive_copyright_binding() {\n\t\t$copyright_text = sprintf(\n\t\t\t\/* translators: 1: Copyright symbol or word, 2: Year *\/\n\t\t\tesc_html__( '%1$s %2$s', 'twentytwentyfive' ),\n\t\t\t'&copy;',\n\t\t\twp_date( 'Y' )\n\t\t);\n\n\t\treturn $copyright_text;\n\t}\nendif;\nadd_action( 'init', 'twentytwentyfive_register_block_bindings' );<\/code><\/pre>\n<p>Ce code rend <strong>\u00a9 YEAR<\/strong> dans l&rsquo;interface utilisateur par d\u00e9faut, comme le montre l&rsquo;image suivante.<\/p>\n<figure id=\"attachment_187324\" aria-describedby=\"caption-attachment-187324\" style=\"width: 1608px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187324 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-custom-source-default-value.jpg\" alt=\"Sources personnalis\u00e9es avec valeurs bootstrapped\" width=\"1608\" height=\"1302\"><figcaption id=\"caption-attachment-187324\" class=\"wp-caption-text\">Sources personnalis\u00e9es avec valeurs bootstrapped<\/figcaption><\/figure>\n<p>Note que le paragraphe dans le canevas du bloc n&rsquo;est pas dynamique et ne montre que l&rsquo;\u00e9tiquette de la source.<\/p>\n<p>Pour v\u00e9rifier le balisage de ce bloc, tu dois cr\u00e9er une copie du mod\u00e8le Copyright de Twenty Twenty-Five et ouvrir ta copie dans l&rsquo;\u00e9diteur de code :<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:paragraph {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"twentytwentyfive\/copyright\"\n\t\t\t}\n\t\t}\n\t},\n\t\"className\":\"copyright\",\n\t\"textColor\":\"primary\",\n\t\"fontSize\":\"small\"\n} --&gt;\n&lt;p class=\"copyright has-primary-color has-text-color has-small-font-size\"&gt;&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Tu peux en savoir plus sur les nouvelles fonctionnalit\u00e9s des <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/block-bindings-improvements-to-the-editor-experience-in-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Bindings dans les Block Bindings de la dev note 6.7<\/a>.<\/p>\n<h2>Ajouts aux vues de donn\u00e9es<\/h2>\n<p>Data Views est une interface am\u00e9lior\u00e9e pour les collections de mod\u00e8les, de patrons, de pages, etc. Il s&rsquo;agit \u00e9galement d&rsquo;<a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-dataviews\/\" target=\"_blank\" rel=\"noopener noreferrer\">un composant et d&rsquo;une API<\/a> qui te permettent de rendre les ensembles de donn\u00e9es dans l&rsquo;\u00e9diteur de site \u00e0 l&rsquo;aide de diff\u00e9rents types de mises en page, comme les tableaux, les grilles, les listes, etc.<\/p>\n<figure id=\"attachment_186482\" aria-describedby=\"caption-attachment-186482\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186482 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-pages-dataviews.jpg\" alt=\"Liste des mises en page dans WordPress 6.7\" width=\"2146\" height=\"924\"><figcaption id=\"caption-attachment-186482\" class=\"wp-caption-text\">Liste des mises en page dans WordPress 6.7<\/figcaption><\/figure>\n<p>Les vues de donn\u00e9es ont \u00e9t\u00e9 <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-5\/#dataviews\">introduites pour la premi\u00e8re fois avec WordPress 6.5<\/a> et am\u00e9lior\u00e9es avec <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#data-views-enhancements\">WordPress 6.6<\/a>. Aujourd&rsquo;hui, WordPress 6.7 ajoute de nouvelles caract\u00e9ristiques et am\u00e9liorations qui les rendent plus flexibles et fonctionnelles.<\/p>\n<p>\u00c0 partir de WordPress 6.7, une ic\u00f4ne en forme d&rsquo;engrenage s&rsquo;affiche dans le coin sup\u00e9rieur droit de la vue en grille. Lorsque tu cliques sur cette ic\u00f4ne, un panneau <strong>Apparence<\/strong> affiche une s\u00e9rie d&rsquo;options d&rsquo;affichage. Tu peux y <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63416\" target=\"_blank\" rel=\"noopener noreferrer\">trier les \u00e9l\u00e9ments de la vue<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60630\" target=\"_blank\" rel=\"noopener noreferrer\">ajuster la densit\u00e9 de la grille<\/a>, d\u00e9finir le nombre d&rsquo;\u00e9l\u00e9ments par page et s\u00e9lectionner les propri\u00e9t\u00e9s de l&rsquo;\u00e9l\u00e9ment \u00e0 afficher dans l&rsquo;aper\u00e7u.<\/p>\n<figure id=\"attachment_186486\" aria-describedby=\"caption-attachment-186486\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186486 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-dataviews-view-options-small.jpg\" alt=\"Aper\u00e7u petite taille\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-186486\" class=\"wp-caption-text\">Aper\u00e7u petite taille<\/figcaption><\/figure>\n<figure id=\"attachment_186485\" aria-describedby=\"caption-attachment-186485\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186485 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-dataviews-view-options-medium.jpg\" alt=\"Aper\u00e7u taille moyenne\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-186485\" class=\"wp-caption-text\">Aper\u00e7u taille moyenne<\/figcaption><\/figure>\n<p>Un bouton \u00e0 bascule permet aux utilisateurs d&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63203\" target=\"_blank\" rel=\"noopener noreferrer\">afficher\/masquer les filtres d&rsquo;affichage<\/a>, ce qui am\u00e9liore l&rsquo;exp\u00e9rience sur les \u00e9crans \u00e9troits.<\/p>\n<figure id=\"attachment_186484\" aria-describedby=\"caption-attachment-186484\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186484 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-toggle-filter-display-on.jpg\" alt=\"Un bouton \u00e0 bascule pour afficher\/masquer les filtres dans les vues Donn\u00e9es\" width=\"1688\" height=\"1074\"><figcaption id=\"caption-attachment-186484\" class=\"wp-caption-text\">Un bouton \u00e0 bascule pour afficher\/masquer les filtres dans les vues Donn\u00e9es<\/figcaption><\/figure>\n<figure id=\"attachment_186483\" aria-describedby=\"caption-attachment-186483\" style=\"width: 1692px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186483 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-toggle-filter-display-off.jpg\" alt=\"Masquer les filtres dans les vues Data dans WordPress 6.7\" width=\"1692\" height=\"1002\"><figcaption id=\"caption-attachment-186483\" class=\"wp-caption-text\">Masquer les filtres dans les vues Data dans WordPress 6.7<\/figcaption><\/figure>\n<p>Lorsque tu d\u00e9finis un ou plusieurs filtres, le bouton de basculement des filtres affiche le nombre de filtres actifs.<\/p>\n<figure id=\"attachment_186481\" aria-describedby=\"caption-attachment-186481\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186481 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-toggle-filter-display-with-filters.jpg\" alt=\"l'affichage du filtre \u00e0 bascule dans WordPress 6.7\" width=\"2142\" height=\"902\"><figcaption id=\"caption-attachment-186481\" class=\"wp-caption-text\">l&rsquo;affichage du filtre \u00e0 bascule dans WordPress 6.7<\/figcaption><\/figure>\n<p>Les changements suppl\u00e9mentaires apport\u00e9s aux vues de donn\u00e9es comprennent un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63487\" target=\"_blank\" rel=\"noopener noreferrer\">ratio d&rsquo;aspect configurable<\/a>, des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64175\" target=\"_blank\" rel=\"noopener noreferrer\">options de vue de donn\u00e9es hors d&rsquo;un menu<\/a>, et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/63128\" target=\"_blank\" rel=\"noopener noreferrer\">bien plus encore<\/a>.<\/p>\n<h2>Bloc Query Loop am\u00e9lior\u00e9<\/h2>\n<p>Le bloc Query Loop est l&rsquo;un des blocs les plus puissants et les plus complexes. Il doit offrir un maximum de fonctionnalit\u00e9s et de possibilit\u00e9s de personnalisation tout en restant intuitif et facile \u00e0 utiliser. Avec WordPress 6.7, le bloc Query Loop re\u00e7oit plusieurs am\u00e9liorations et ajouts qui le rendent plus polyvalent et plus facile \u00e0 utiliser.<\/p>\n<p>L&rsquo;ancien contr\u00f4le <strong>Inherit query from template<\/strong> setting <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/63598\" target=\"_blank\" rel=\"noopener noreferrer\">a \u00e9t\u00e9 modifi\u00e9<\/a> et devrait maintenant \u00eatre plus intuitif et plus simple.<\/p>\n<p>Lors de la modification d&rsquo;un mod\u00e8le, le panneau de configuration de la boucle de requ\u00eate affiche un contr\u00f4le de <strong>type de requ\u00eate<\/strong>. Les images suivantes montrent les options de r\u00e9glage pour les deux diff\u00e9rents types de requ\u00eate : D\u00e9faut et Personnalis\u00e9.<\/p>\n<figure id=\"attachment_186628\" aria-describedby=\"caption-attachment-186628\" style=\"width: 1812px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186628 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-query-type-default.jpg\" alt=\"Le contr\u00f4le Query Type dans WordPress 6.7\" width=\"1812\" height=\"1100\"><figcaption id=\"caption-attachment-186628\" class=\"wp-caption-text\">Le contr\u00f4le Query Type dans WordPress 6.7<\/figcaption><\/figure>\n<figure id=\"attachment_186627\" aria-describedby=\"caption-attachment-186627\" style=\"width: 1812px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186627 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-query-type-custom.jpg\" alt=\"Le contr\u00f4le Query Type dans WordPress 6.7\" width=\"1812\" height=\"1360\"><figcaption id=\"caption-attachment-186627\" class=\"wp-caption-text\">Le contr\u00f4le Query Type dans WordPress 6.7<\/figcaption><\/figure>\n<p>La <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/30369\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9tection du contexte<\/a> a \u00e9galement \u00e9t\u00e9 am\u00e9lior\u00e9e. Le bloc Requ\u00eate dispose d&rsquo;un param\u00e8tre <code>inherit<\/code> qui est d\u00e9fini par d\u00e9faut sur <code>true<\/code>. Sur une page simple, cela n&rsquo;a aucun effet sur les r\u00e9sultats de la requ\u00eate, et le contr\u00f4le correspondant a \u00e9t\u00e9 supprim\u00e9 avec WordPress 6.7.<\/p>\n<figure id=\"attachment_186626\" aria-describedby=\"caption-attachment-186626\" style=\"width: 1812px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186626 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-query-loop-settings-single-page.jpg\" alt=\"Param\u00e8tres de la boucle de requ\u00eate pour une page unique dans WordPress 6.7\" width=\"1812\" height=\"1196\"><figcaption id=\"caption-attachment-186626\" class=\"wp-caption-text\">Param\u00e8tres de la boucle de requ\u00eate pour une page unique dans WordPress 6.7<\/figcaption><\/figure>\n<p>En revanche, dans un mod\u00e8le d&rsquo;archive ou d&rsquo;index, le contenu du bloc de requ\u00eate d\u00e9pend du type de requ\u00eate. Cela signifie que la page d&rsquo;archive d&rsquo;une cat\u00e9gorie sp\u00e9cifique affiche par d\u00e9faut le contenu attribu\u00e9 \u00e0 cette cat\u00e9gorie, ind\u00e9pendamment des autres param\u00e8tres explicitement d\u00e9finis par l&rsquo;utilisateur, tels que le nombre d&rsquo;articles.<\/p>\n<p>Tu peux trouver une liste compl\u00e8te des probl\u00e8mes impliquant le bloc Query Loop <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/63361\" target=\"_blank\" rel=\"noopener noreferrer\">ici<\/a>.<\/p>\n<h2>Ajouts \u00e0 la gestion des m\u00e9dias<\/h2>\n<p>Avec WordPress 6.7, la gestion des m\u00e9dias devient plus fonctionnelle et plus efficace. Des tailles automatiques pour les images \u00e0 chargement paresseux \u00e0 la prise en charge g\u00e9n\u00e9ralis\u00e9e des images d&rsquo;arri\u00e8re-plan, voici quelques-unes des am\u00e9liorations de la gestion des m\u00e9dias qui arrivent avec la version 6.7.<\/p>\n<h3>Tailles automatiques pour les images charg\u00e9es paresseusement<\/h3>\n<p>La d\u00e9finition d&rsquo;une valeur par d\u00e9faut pour <code>sizes<\/code> permet au navigateur d&rsquo;identifier le fichier image \u00e0 utiliser \u00e0 partir de la valeur de l&rsquo;attribut <code>srcset<\/code>. De cette fa\u00e7on, le navigateur conna\u00eet \u00e0 l&rsquo;avance la largeur de l&rsquo;image avant que la mise en page ne soit connue.<\/p>\n<p>La <a href=\"https:\/\/html.spec.whatwg.org\/#valdef-sizes-auto\" target=\"_blank\" rel=\"noopener noreferrer\">sp\u00e9cification HTML<\/a> permet aux images d&rsquo;omettre l&rsquo;attribut <code>sizes<\/code> ou de lui attribuer explicitement la valeur <code>auto<\/code> ou une cha\u00eene commen\u00e7ant par <code>auto<\/code>:<\/p>\n<blockquote><p>le mot-cl\u00e9 auto est une largeur qui est calcul\u00e9e dans l&rsquo;analyse d&rsquo;un attribut sizes. S&rsquo;il est pr\u00e9sent, il doit \u00eatre la premi\u00e8re entr\u00e9e et la valeur enti\u00e8re de <code>&lt;source-size-list&gt;<\/code> doit \u00eatre la cha\u00eene <code>auto<\/code> (ASCII insensible \u00e0 la casse) ou commencer par la cha\u00eene <code>auto<\/code>, (ASCII insensible \u00e0 la casse).<\/p><\/blockquote>\n<p>Avec WordPress 6.7, l&rsquo;attribut <code>auto<\/code> est <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/18\/auto-sizes-for-lazy-loaded-images-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">automatiquement ajout\u00e9<\/a> au d\u00e9but de l&rsquo;attribut <code>sizes<\/code> pour toute <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/61847\" target=\"_blank\" rel=\"noopener noreferrer\">image t\u00e9l\u00e9charg\u00e9e paresseusement<\/a>. Il en r\u00e9sulte une am\u00e9lioration des performances lors du chargement des pages.<\/p>\n<figure id=\"attachment_186942\" aria-describedby=\"caption-attachment-186942\" style=\"width: 2168px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186942 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-sizes-auto.jpg\" alt=\"Tailles auto pour une image charg\u00e9e paresseusement dans WordPress 6.7\" width=\"2168\" height=\"1168\"><figcaption id=\"caption-attachment-186942\" class=\"wp-caption-text\">Tailles auto pour une image charg\u00e9e paresseusement dans WordPress 6.7<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs peuvent corriger la valeur de l&rsquo;attribut <code>sizes<\/code> \u00e0 l&rsquo;aide de la nouvelle fonction <code>wp_img_tag_add_auto_sizes()<\/code>.<\/p>\n<h3>Am\u00e9liorations de la biblioth\u00e8que de polices<\/h3>\n<p>WordPress 6.7 apporte \u00e9galement quelques am\u00e9liorations utiles \u00e0 la biblioth\u00e8que de polices. Tout d&rsquo;abord, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63211\" target=\"_blank\" rel=\"noopener noreferrer\">polices sont d\u00e9sormais regroup\u00e9es par source<\/a> (<strong>Th\u00e8me<\/strong> et <strong>Personnalis\u00e9<\/strong>), ce qui permet de comprendre plus facilement l&rsquo;origine de chaque police en un coup d&rsquo;\u0153il.<\/p>\n<figure id=\"attachment_187292\" aria-describedby=\"caption-attachment-187292\" style=\"width: 2260px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-font-library-1.jpg\" alt=\"Polices regroup\u00e9es par source dans WordPress 6.7 : Polices du th\u00e8me\" width=\"2260\" height=\"1406\"><figcaption id=\"caption-attachment-187292\" class=\"wp-caption-text\">Polices regroup\u00e9es par source dans WordPress 6.7 : Polices du th\u00e8me<\/figcaption><\/figure>\n<figure id=\"attachment_187291\" aria-describedby=\"caption-attachment-187291\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187291 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-font-library-2.jpg\" alt=\"Polices regroup\u00e9es par source dans WordPress 6.7 : Polices personnalis\u00e9es\" width=\"2258\" height=\"1400\"><figcaption id=\"caption-attachment-187291\" class=\"wp-caption-text\">Polices regroup\u00e9es par source dans WordPress 6.7 : Polices personnalis\u00e9es<\/figcaption><\/figure>\n<p>Un nouveau bouton d&rsquo;option <strong>S\u00e9lectionner tout<\/strong> te permet d&rsquo;\u00e9conomiser quelques clics lorsque tu recherches une police sur Google Fonts.<\/p>\n<figure id=\"attachment_187293\" aria-describedby=\"caption-attachment-187293\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187293 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-select-all-fonts.jpg\" alt=\"S\u00e9lectionner toutes les variantes de polices dans WordPress 6.7\" width=\"2258\" height=\"1398\"><figcaption id=\"caption-attachment-187293\" class=\"wp-caption-text\">S\u00e9lectionner toutes les variantes de polices dans WordPress 6.7<\/figcaption><\/figure>\n<p>Les changements suppl\u00e9mentaires comprennent un nouveau message <strong>Aucune police install\u00e9e<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63740\" target=\"_blank\" rel=\"noopener noreferrer\">lorsque les polices ne sont pas disponibles<\/a> et un \u00e9tat am\u00e9lior\u00e9 <strong>Aucune police install\u00e9e<\/strong> lorsque les polices sont <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63533\" target=\"_blank\" rel=\"noopener noreferrer\">install\u00e9es mais non activ\u00e9es<\/a>.<\/p>\n<h3>Prise en charge du format HEIC<\/h3>\n<p>Le <a href=\"https:\/\/www.adobe.com\/creativecloud\/file-types\/image\/raster\/heic-file.html\" target=\"_blank\" rel=\"noopener noreferrer\">format HEIC<\/a> (High Efficiency Image Container) est une variante mise \u00e0 jour du format HEIF (High Efficiency Image Format), utilis\u00e9 par Apple sur tous les iPhones et iPads fonctionnant sous iOS 11 ou une version ult\u00e9rieure. Ce format garantit aux utilisateurs d&rsquo;iOS de tirer le meilleur parti des cam\u00e9ras 4k et d&rsquo;avoir des fichiers de plus petite taille.<\/p>\n<p>Dans WordPress 6.7, les t\u00e9l\u00e9chargements d&rsquo;images HEIC sont <a href=\"https:\/\/make.wordpress.org\/core\/2024\/08\/15\/automatic-conversion-of-heic-images-to-jpeg-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">automatiquement convertis en JPEG<\/a> sur le serveur lorsque cela est possible. Cet ajout permet aux utilisateurs de voir les images HEIC dans la biblioth\u00e8que multim\u00e9dia et de les utiliser dans les articles et les pages m\u00eame si leur navigateur ne prend pas en charge HEIC.<\/p>\n<figure id=\"attachment_187528\" aria-describedby=\"caption-attachment-187528\" style=\"width: 2468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187528 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/heic-heif-support-caniuse.jpg\" alt=\"Prise en charge par le navigateur du format d'image HEIF\/HEIC\" width=\"2468\" height=\"974\"><figcaption id=\"caption-attachment-187528\" class=\"wp-caption-text\">Prise en charge par le navigateur du format d&rsquo;image HEIF\/HEIC (Source <a href=\"https:\/\/caniuse.com\/heif\" target=\"_blank\" rel=\"noopener noreferrer\">Caniuse<\/a>)<\/figcaption><\/figure>\n<h2>Des outils de conception nouveaux et am\u00e9lior\u00e9s<\/h2>\n<p>Avec WordPress 6.7, les concepteurs ont acc\u00e8s \u00e0 de nouveaux outils de conception puissants, notamment des supports de blocs \u00e9tendus, des pr\u00e9r\u00e9glages de taille de police, et bien plus encore.<\/p>\n<h3>Prise en charge de l&rsquo;image d&rsquo;arri\u00e8re-plan UI pour les blocs Verse, Quote et Post Content<\/h3>\n<p>WordPress 6.7 apporte de nouvelles <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60100\" target=\"_blank\" rel=\"noopener noreferrer\">commandes d&rsquo;interface utilisateur pour la gestion des images d&rsquo;arri\u00e8re-plan<\/a> pour une poign\u00e9e de blocs dans les styles globaux. Ces blocs comprennent <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/62498\" target=\"_blank\" rel=\"noopener noreferrer\">Verse<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/62497\" target=\"_blank\" rel=\"noopener noreferrer\">Quote<\/a> et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/62499\" target=\"_blank\" rel=\"noopener noreferrer\">Post Content<\/a>.<\/p>\n<figure id=\"attachment_186943\" aria-describedby=\"caption-attachment-186943\" style=\"width: 1160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186943 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-background-image-ui.jpg\" alt=\"Interface utilisateur pour les images de fond dans WordPress 6.7\" width=\"1160\" height=\"1204\"><figcaption id=\"caption-attachment-186943\" class=\"wp-caption-text\">Interface utilisateur pour les images de fond dans WordPress 6.7<\/figcaption><\/figure>\n<p>La d\u00e9finition d&rsquo;une image d&rsquo;arri\u00e8re-plan dans les styles globaux s&rsquo;applique \u00e0 l&rsquo;ensemble du site web. Une fois que tu as ajout\u00e9 une image d&rsquo;arri\u00e8re-plan pour un bloc, il te suffit de personnaliser les r\u00e9glages pour les instances individuelles du m\u00eame bloc afin de personnaliser son apparence.<\/p>\n<figure id=\"attachment_186944\" aria-describedby=\"caption-attachment-186944\" style=\"width: 2476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186944 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-background-image-customization.jpg\" alt=\"Personnalisation de l'image de fond dans WordPress 6.7\" width=\"2476\" height=\"1208\"><figcaption id=\"caption-attachment-186944\" class=\"wp-caption-text\">Personnalisation de l&rsquo;image de fond dans WordPress 6.7<\/figcaption><\/figure>\n<p>Tu peux utiliser cette fonctionnalit\u00e9 dans le bloc Post content pour envelopper le contenu des articles et des pages dans des mod\u00e8les. La capture d&rsquo;\u00e9cran suivante fournit un exemple d&rsquo;utilisation de l&rsquo;image d&rsquo;arri\u00e8re-plan.<\/p>\n<figure id=\"attachment_186945\" aria-describedby=\"caption-attachment-186945\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186945 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-post-content-background.jpg\" alt=\"Modifier l'image de fond dans le bloc Post Content\" width=\"2940\" height=\"1840\"><figcaption id=\"caption-attachment-186945\" class=\"wp-caption-text\">Modifier l&rsquo;image de fond dans le bloc Post Content<\/figcaption><\/figure>\n<h3>Prise en charge de blocs suppl\u00e9mentaires<\/h3>\n<p>En plus de la prise en charge de l&rsquo;arri\u00e8re-plan pour les blocs Verse, Quote et Post Content, WordPress 6.7 pr\u00e9sente de nouvelles prises en charge pour plusieurs blocs que les concepteurs et les d\u00e9veloppeurs de th\u00e8mes vont adorer.<\/p>\n<p>La prise en charge des bordures a \u00e9t\u00e9 \u00e9tendue \u00e0 de nombreux blocs, notamment les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63538\" target=\"_blank\" rel=\"noopener noreferrer\">boutons<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63950\" target=\"_blank\" rel=\"noopener noreferrer\">cat\u00e9gories<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63428\" target=\"_blank\" rel=\"noopener noreferrer\">galeries<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63539\" target=\"_blank\" rel=\"noopener noreferrer\">titres<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63542\" target=\"_blank\" rel=\"noopener noreferrer\">textes multim\u00e9dias<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63543\" target=\"_blank\" rel=\"noopener noreferrer\">paragraphes<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64024\" target=\"_blank\" rel=\"noopener noreferrer\">titres d&rsquo;articles<\/a>, les citations et <a href=\"https:\/\/make.wordpress.org\/core\/2024\/09\/03\/roadmap-to-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">bien d&rsquo;autres<\/a>.<\/p>\n<figure id=\"attachment_187101\" aria-describedby=\"caption-attachment-187101\" style=\"width: 1802px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187101 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-media-text-border.jpg\" alt=\"Contr\u00f4les de bordure pour les m\u00e9dias et le texte\" width=\"1802\" height=\"814\"><figcaption id=\"caption-attachment-187101\" class=\"wp-caption-text\">Contr\u00f4les de bordure pour les m\u00e9dias et le texte<\/figcaption><\/figure>\n<p>Cette version ajoute \u00e9galement la prise en charge des couleurs pour les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63538\" target=\"_blank\" rel=\"noopener noreferrer\">boutons<\/a>, les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/59892\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9l\u00e9ments de liste<\/a> et les <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63419\" target=\"_blank\" rel=\"noopener noreferrer\">derniers commentaires<\/a>.<\/p>\n<figure id=\"attachment_187100\" aria-describedby=\"caption-attachment-187100\" style=\"width: 2006px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187100 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-list-item-color.jpg\" alt=\"Contr\u00f4les de couleur pour les \u00e9l\u00e9ments de liste dans WordPress 6.7\" width=\"2006\" height=\"1208\"><figcaption id=\"caption-attachment-187100\" class=\"wp-caption-text\">Contr\u00f4les de couleur pour les \u00e9l\u00e9ments de liste dans WordPress 6.7<\/figcaption><\/figure>\n<p>WordPress 6.7 apporte \u00e9galement un ajout tr\u00e8s attendu par les concepteurs et les d\u00e9veloppeurs de th\u00e8mes : la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63295\" target=\"_blank\" rel=\"noopener noreferrer\">prise en charge des ombres<\/a> pour le bloc Groupe.<\/p>\n<figure id=\"attachment_187099\" aria-describedby=\"caption-attachment-187099\" style=\"width: 2236px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187099 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-drop-shadow.jpg\" alt=\"Contr\u00f4les de l'ombre port\u00e9e pour le bloc Groupe.\" width=\"2236\" height=\"1280\"><figcaption id=\"caption-attachment-187099\" class=\"wp-caption-text\">Contr\u00f4les de l&rsquo;ombre port\u00e9e pour le bloc Groupe<\/figcaption><\/figure>\n<h3>Pr\u00e9r\u00e9glages de taille de police<\/h3>\n<p>WordPress 6.7 introduit une nouvelle interface utilisateur pour <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/63057\" target=\"_blank\" rel=\"noopener noreferrer\">contr\u00f4ler les pr\u00e9r\u00e9glages de taille de police<\/a> dans l&rsquo;interface des styles globaux. Cela permet aux utilisateurs de remplacer les valeurs par d\u00e9faut du th\u00e8me et de cr\u00e9er, modifier, supprimer et appliquer des pr\u00e9r\u00e9glages de taille de police \u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur.<\/p>\n<p>Cela inclut \u00e9galement la possibilit\u00e9 d&rsquo;activer la typographie fluide et de d\u00e9finir des valeurs fluides personnalis\u00e9es.<\/p>\n<p>Pour l&rsquo;essayer toi-m\u00eame, ouvre l&rsquo;interface <strong>Styles<\/strong> et navigue vers <strong>Tailles de police<\/strong> &gt; <strong>Pr\u00e9r\u00e9glages de taille de police<\/strong>. Un nouveau panneau affichera la liste des pr\u00e9r\u00e9glages de taille de police disponibles. Clique sur le pr\u00e9r\u00e9glage de ton choix et effectue tes modifications.<\/p>\n<figure id=\"attachment_187108\" aria-describedby=\"caption-attachment-187108\" style=\"width: 2218px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187108 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-font-size-presets.jpg\" alt=\"Modification des pr\u00e9r\u00e9glages de taille de police dans WordPress 6.7\" width=\"2218\" height=\"1404\"><figcaption id=\"caption-attachment-187108\" class=\"wp-caption-text\">Modification des pr\u00e9r\u00e9glages de taille de police dans WordPress 6.7<\/figcaption><\/figure>\n<p>Toutes les modifications s&rsquo;appliqueront \u00e0 l&rsquo;ensemble de ton site web.<\/p>\n<h2>Am\u00e9liorations de l&rsquo;interface utilisateur et autres fonctions d&rsquo;\u00e9dition<\/h2>\n<p>WordPress 6.7 introduit davantage de modifications de l&rsquo;interface utilisateur et de fonctionnalit\u00e9s qui am\u00e9liorent l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition. Examinons-en quelques-unes.<\/p>\n<h3>Le bouton Publier a chang\u00e9 de position<\/h3>\n<p>Les <span style=\"margin: 0px;padding: 0px\">boutons<\/span> <strong>Annuler<\/strong> et <span style=\"margin: 0px;padding: 0px\"><strong>Publier<\/strong> du panneau de v\u00e9rification avant publication <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65317\" target=\"_blank\" rel=\"noopener noreferrer\">ont chang\u00e9 de position<\/a>, de sorte que tu peux d\u00e9sormais<\/span> publier l&rsquo;article sans d\u00e9placer le curseur sur la page.<\/p>\n<figure id=\"attachment_187289\" aria-describedby=\"caption-attachment-187289\" style=\"width: 870px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187289 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-publish-button.jpg\" alt=\"Le bouton Publier a \u00e9t\u00e9 d\u00e9plac\u00e9 vers la droite.\" width=\"870\" height=\"808\"><figcaption id=\"caption-attachment-187289\" class=\"wp-caption-text\">Le bouton Publier a \u00e9t\u00e9 d\u00e9plac\u00e9 vers la droite.<\/figcaption><\/figure>\n<h3>Noms de blocs personnalis\u00e9s dans l&rsquo;inspecteur de blocs<\/h3>\n<p>Dans WordPress 6.7, lorsque tu d\u00e9finis un nom de bloc personnalis\u00e9, il s&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65398\">affiche d\u00e9sormais aussi dans l&rsquo;inspecteur de blocs<\/a>. Dans WordPress 6.6, l&rsquo;inspecteur de blocs affichait le nom de bloc par d\u00e9faut (par exemple, Heading).<\/p>\n<figure id=\"attachment_187290\" aria-describedby=\"caption-attachment-187290\" style=\"width: 2000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187290 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-custom-block-names-wp-66.jpg\" alt=\"Les noms de blocs personnalis\u00e9s ne s'affichaient pas dans l'inspecteur de blocs dans WordPress 6.6\" width=\"2000\" height=\"680\"><figcaption id=\"caption-attachment-187290\" class=\"wp-caption-text\">Les noms de blocs personnalis\u00e9s ne s&rsquo;affichaient pas dans l&rsquo;inspecteur de blocs dans WordPress 6.6<\/figcaption><\/figure>\n<figure id=\"attachment_187288\" aria-describedby=\"caption-attachment-187288\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187288 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-custom-block-names-in-block-inspector.jpg\" alt=\"Noms de blocs personnalis\u00e9s dans l'inspecteur de blocs dans WordPress 6.7\" width=\"1996\" height=\"672\"><figcaption id=\"caption-attachment-187288\" class=\"wp-caption-text\">Noms de blocs personnalis\u00e9s dans l&rsquo;inspecteur de blocs dans WordPress 6.7<\/figcaption><\/figure>\n<h3>D\u00e9sactiver la fen\u00eatre modale Choisir un mod\u00e8le<\/h3>\n<p>Tu peux d\u00e9sormais <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65026\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9sactiver la modale <strong>Choisir un motif<\/strong><\/a> qui appara\u00eet lorsque tu cr\u00e9es une nouvelle page. Pour refuser cette fonctionnalit\u00e9, ouvre les <strong>Pr\u00e9f\u00e9rences<\/strong> dans le menu <strong>Options<\/strong> et d\u00e9sactive l&rsquo;option <strong>Afficher les mod\u00e8les de d\u00e9marrage<\/strong>.<\/p>\n<figure id=\"attachment_187287\" aria-describedby=\"caption-attachment-187287\" style=\"width: 2004px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187287 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-show-starter-pattern.jpg\" alt=\"D\u00e9sactiver la modale Choisir un mod\u00e8le dans WordPress 6.7\" width=\"2004\" height=\"1404\"><figcaption id=\"caption-attachment-187287\" class=\"wp-caption-text\">D\u00e9sactiver la modale Choisir un mod\u00e8le dans WordPress 6.7<\/figcaption><\/figure>\n<h3>Liaison automatique des num\u00e9ros de t\u00e9l\u00e9phone<\/h3>\n<p>Le champ lien ajoute automatiquement <code>tel:<\/code> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64865\" target=\"_blank\" rel=\"noopener noreferrer\">lorsque tu ajoutes un num\u00e9ro de t\u00e9l\u00e9phone<\/a>.<\/p>\n<figure id=\"attachment_187529\" aria-describedby=\"caption-attachment-187529\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187529 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-tel-link.jpg\" alt=\"Un num\u00e9ro de t\u00e9l\u00e9phone li\u00e9 dans WordPress 6.7\" width=\"1020\" height=\"942\"><figcaption id=\"caption-attachment-187529\" class=\"wp-caption-text\">Un num\u00e9ro de t\u00e9l\u00e9phone li\u00e9 dans WordPress 6.7<\/figcaption><\/figure>\n<h3>Permettre de d\u00e9poser plusieurs images sur le bloc d&rsquo;images<\/h3>\n<p>Tu peux d\u00e9sormais d\u00e9poser plusieurs images sur un bloc Image et le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/65030\" target=\"_blank\" rel=\"noopener noreferrer\">convertir en bloc Galerie<\/a>.<\/p>\n<figure id=\"attachment_187530\" aria-describedby=\"caption-attachment-187530\" style=\"width: 1418px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187530 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-image-to-gallery-block.jpg\" alt=\"D\u00e9poser plusieurs images sur un bloc Image dans WordPress 6.7\" width=\"1418\" height=\"528\"><figcaption id=\"caption-attachment-187530\" class=\"wp-caption-text\">D\u00e9poser plusieurs images sur un bloc Image dans WordPress 6.7<\/figcaption><\/figure>\n<figure id=\"attachment_187531\" aria-describedby=\"caption-attachment-187531\" style=\"width: 1418px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187531 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-gallery-block.jpg\" alt=\"Un bloc Galerie g\u00e9n\u00e9r\u00e9 en faisant glisser plusieurs images sur un bloc Image\" width=\"1418\" height=\"1238\"><figcaption id=\"caption-attachment-187531\" class=\"wp-caption-text\">Un bloc Galerie g\u00e9n\u00e9r\u00e9 en faisant glisser plusieurs images sur un bloc Image<\/figcaption><\/figure>\n<h2>Nouvelles fonctionnalit\u00e9s et API pour les d\u00e9veloppeurs<\/h2>\n<p>WordPress 6.7 propose plusieurs nouvelles API permettant aux d\u00e9veloppeurs d&rsquo;ajouter plus de fonctionnalit\u00e9s \u00e0 leurs plugins. Une nouvelle API d&rsquo;options d&rsquo;aper\u00e7u a \u00e9t\u00e9 ajout\u00e9e, et d&rsquo;autres API ont \u00e9t\u00e9 \u00e9tendues avec de nouvelles fonctionnalit\u00e9s, comme l&rsquo;API HTML et l&rsquo;API d&rsquo;interactivit\u00e9. Explorons-en quelques-unes.<\/p>\n<h3>API d&rsquo;options de pr\u00e9visualisation<\/h3>\n<p>Une nouvelle <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/64644\">API d&rsquo;options d&rsquo;aper\u00e7u<\/a> permet aux d\u00e9veloppeurs de plugins d&rsquo;\u00e9tendre le menu d\u00e9roulant d&rsquo;aper\u00e7u dans l&rsquo;\u00e9diteur d&rsquo;articles\/de pages. L&rsquo;API introduit un nouveau composant <code>PluginPreviewMenuItem<\/code> que les plugins peuvent utiliser pour ajouter des \u00e9l\u00e9ments de menu personnalis\u00e9s avec des titres et des gestionnaires de clics personnalis\u00e9s au menu d\u00e9roulant de l&rsquo;aper\u00e7u.<\/p>\n<p>Les d\u00e9veloppeurs de plugins peuvent ajouter des options d&rsquo;aper\u00e7u personnalis\u00e9es \u00e0 l&rsquo;\u00e9diteur de WordPress pour tout un tas de choses, telles que :<\/p>\n<ul>\n<li>Des aper\u00e7us de formats personnalis\u00e9s (pense aux posts des m\u00e9dias sociaux).<\/li>\n<li>Des aper\u00e7us d&rsquo;articles ou de pages avec des restrictions pour des r\u00f4les d&rsquo;utilisateurs sp\u00e9cifiques.<\/li>\n<li>Des modes de pr\u00e9visualisation suppl\u00e9mentaires, comme le mode sombre, les courriels, etc.<\/li>\n<\/ul>\n<p>En fonction des accessoires fournis, tu peux utiliser les \u00e9l\u00e9ments de menu d&rsquo;aper\u00e7u personnalis\u00e9 comme des boutons ou des liens.<\/p>\n<p>Voici un exemple tir\u00e9 de la note de d\u00e9veloppement qui montre <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/18\/extending-the-preview-dropdown-menu-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment tu peux utiliser la nouvelle API<\/a>:<\/p>\n<pre><code class=\"language-js\">import { __ } from '@wordpress\/i18n';\nimport { PluginPreviewMenuItem } from '@wordpress\/editor';\nimport { registerPlugin } from '@wordpress\/plugins';\n\nfunction onPreviewClick() {\n\t\/\/ Handle preview action\n}\n\nconst CustomPreviewMenuItem = () =&gt; (\n\t&lt;PluginPreviewMenuItem\n\t\tonClick={ onPreviewClick }\n\t&gt;\n\t\t{ __( 'Your menu item label' ) }\n\t&lt;\/PluginPreviewMenuItem&gt;\n);\n\nregisterPlugin( 'custom-preview-menu-item', {\n\trender: CustomPreviewMenuItem,\n} );<\/code><\/pre>\n<h3>Nouvelle API d&rsquo;enregistrement de mod\u00e8le de plugin<\/h3>\n<p>Avant WordPress 6.7, la seule option pour ajouter des mod\u00e8les de blocs personnalis\u00e9s \u00e9tait de passer par un th\u00e8me. L&rsquo;enregistrement d&rsquo;un mod\u00e8le de bloc \u00e0 l&rsquo;aide d&rsquo;un plugin \u00e9tait impossible, \u00e0 moins d&rsquo;utiliser des solutions de contournement compliqu\u00e9es.<\/p>\n<p>Gr\u00e2ce \u00e0 la nouvelle <strong>API d&rsquo;enregistrement des mod\u00e8les<\/strong>, tu peux d\u00e9sormais enregistrer des mod\u00e8les de blocs personnalis\u00e9s \u00e0 l&rsquo;aide d&rsquo;un plugin. La nouvelle API fournit deux nouvelles fonctions pour enregistrer et d\u00e9senregistrer un mod\u00e8le : <code>register_block_template()<\/code> et <code>unregister_block_template()<\/code>.<\/p>\n<p>Leur utilisation est assez simple. Il te suffit de passer quelques param\u00e8tres \u00e0 la fonction :<\/p>\n<p><code>$template_name:<\/code> le nom du mod\u00e8le sous la forme <code>plugin_uri\/\/template_name<\/code> (note le <code>\/\/<\/code>)<br \/>\n<code>$args:<\/code> un tableau contenant les arguments suivants :<\/p>\n<ul>\n<li><code>title<\/code><\/li>\n<li><code>description<\/code><\/li>\n<li><code>content<\/code><\/li>\n<li><code>post_types<\/code><\/li>\n<\/ul>\n<p>Pour un aper\u00e7u plus d\u00e9taill\u00e9 de la nouvelle API et des exemples d&rsquo;utilisation, voir la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/20\/new-plugin-template-registration-api-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> et la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61577\" target=\"_blank\" rel=\"noopener noreferrer\">demande d&rsquo;extraction<\/a> originale.<\/p>\n<h3>Nouvelles API d&rsquo;enregistrement de type de bloc<\/h3>\n<p>Une nouvelle fonction <code>wp_register_block_metadata_collection()<\/code> enregistre un type de bloc \u00e0 partir d&rsquo;un fichier manifeste s&rsquo;il existe au lieu de lire et d&rsquo;analyser directement le fichier <code>block.json<\/code>. Ceci est particuli\u00e8rement utile lorsqu&rsquo;un plugin enregistre plusieurs types de blocs, car cela \u00e9vite de lire et d&rsquo;analyser le <strong>block.json<\/strong> pour chaque type de bloc.<\/p>\n<p>Note que cette nouvelle fonction ne remplace pas les fonctions existantes <code>register_block_type()<\/code> et <code>register_block_type_from_metadata()<\/code>. Son utilisation est facultative mais recommand\u00e9e pour les plugins qui enregistrent plusieurs blocs afin d&rsquo;am\u00e9liorer les performances.<\/p>\n<p>Consulte la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/17\/new-block-type-registration-apis-to-improve-performance-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> pour une pr\u00e9sentation compl\u00e8te de la nouvelle API et un exemple d&rsquo;utilisation.<\/p>\n<h3>Options de niveau d&rsquo;en-t\u00eate<\/h3>\n<p>Gr\u00e2ce \u00e0 un nouvel attribut <code>levelOptions<\/code>, les d\u00e9veloppeurs peuvent sp\u00e9cifier quels niveaux de titre doivent appara\u00eetre dans l&rsquo;interface d\u00e9roulante des blocs Heading, Site Title, Site Tagline, Query Title, Post Title et Comments Title.<\/p>\n<p>Tu l&rsquo;utiliseras principalement dans les mod\u00e8les de blocs, les parties de mod\u00e8les et les mod\u00e8les. L&rsquo;exemple de code suivant d\u00e9sactive les titres H1, H5 et H6 dans un bloc Titre :<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:heading {\"levelOptions\":[2,3,4],\"textAlign\":\"center\"} --&gt;\n&lt;h2 class=\"wp-block-heading has-text-align-center\"&gt;&lt;em&gt;Schedule a Demo&lt;\/em&gt;&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;<\/code><\/pre>\n<p>L&rsquo;image ci-dessous montre les options disponibles dans la barre d&rsquo;outils du bloc :<\/p>\n<figure id=\"attachment_187392\" aria-describedby=\"caption-attachment-187392\" style=\"width: 1138px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-187392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/wp-67-leveloptions.png\" alt=\"Niveaux de rubriques dans WordPress 6.7\" width=\"1138\" height=\"524\"><figcaption id=\"caption-attachment-187392\" class=\"wp-caption-text\">Niveaux de rubriques dans WordPress 6.7<\/figcaption><\/figure>\n<p>Tu peux aussi filtrer l&rsquo;attribut levelOptions avec un plugin ou dans le fichier de fonctions de ton th\u00e8me en utilisant le filtre <code>register_block_type_args<\/code>. La <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/20\/miscellaneous-block-editor-changes-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a> fournit l&rsquo;exemple suivant :<\/p>\n<pre><code class=\"language-php\">function example_modify_heading_levels_globally( $args, $block_type ) {\n\t \n\tif ( 'core\/heading' !== $block_type ) {\n\t\treturn $args;\n\t}\n \n\t\/\/ Remove H1, H2, and H6.\n\t$args['attributes']['levelOptions']['default'] = [ 3, 4, 5 ];\n\t \n\treturn $args;\n}\nadd_filter( 'register_block_type_args', 'example_modify_heading_levels_globally', 10, 2 );<\/code><\/pre>\n<h3>Changements suppl\u00e9mentaires pour les d\u00e9veloppeurs dans WordPress 6.7<\/h3>\n<ul>\n<li>L&rsquo;insertion d&rsquo;un bloc accroch\u00e9 en tant que premier ou dernier enfant d&rsquo;un bloc Template Part est d\u00e9sormais possible. (Voir la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/updates-to-block-hooks-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>Les blocs accroch\u00e9s respectent d\u00e9sormais la propri\u00e9t\u00e9 <code>multiple<\/code> block-supports. (Voir la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/updates-to-block-hooks-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>)<\/li>\n<li>Les composants de l&rsquo;interface utilisateur re\u00e7oivent un nombre consid\u00e9rable de mises \u00e0 jour. (Voir la <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/18\/editor-components-updates-in-wordpress-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">note de d\u00e9veloppement<\/a>.)<\/li>\n<li>Les <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/15\/subscribe-to-changes-in-the-interactivity-api-state-and-context-on-client-side-navigation-in-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">nouvelles fonctions<\/a> <code>getServerState()<\/code> et <code>getServerContext()<\/code> permettent de s&rsquo;abonner aux changements d&rsquo;\u00e9tat\/de contexte de l&rsquo;API Interactivity lors de la navigation c\u00f4t\u00e9 client.<\/li>\n<li>Les modules de script re\u00e7oivent <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/14\/updates-to-script-modules-in-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">quelques mises \u00e0 jour<\/a> avec un nouveau module de script <code>@wordpress\/a11y<\/code> et un nouveau filtre <code>script_module_data_{$module_id}<\/code>.<\/li>\n<li>L&rsquo;API HTML b\u00e9n\u00e9ficie de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/17\/updates-to-the-html-api-in-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">plusieurs am\u00e9liorations<\/a>, notamment la prise en charge de presque toutes les balises HTML, une nouvelle m\u00e9thode <code>set_modifiable_text()<\/code> qui permet de remplacer le contenu textuel d&rsquo;\u00e9l\u00e9ments autonomes tels que <code>script<\/code>, <code>style<\/code>, ou <code>title<\/code>, un mode d&rsquo;analyse complet dans le processeur HTML, et bien d&rsquo;autres choses encore.<\/li>\n<li>Plusieurs <a href=\"https:\/\/make.wordpress.org\/core\/2024\/10\/21\/i18n-improvements-6-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">am\u00e9liorations en mati\u00e8re d&rsquo;internationalisation (i18n)<\/a> ont \u00e9t\u00e9 int\u00e9gr\u00e9es au noyau, notamment une nouvelle fonction <code>has_translation()<\/code> qui permet de d\u00e9terminer si une traduction existe d\u00e9j\u00e0 sans charger la traduction au pr\u00e9alable, l&rsquo;envoi d&rsquo;e-mails \u00e0 <code>admin_email<\/code> dans la langue locale de l&rsquo;utilisateur, et un avertissement pour les d\u00e9veloppeurs s&rsquo;ils chargent des traductions dans un plugin ou un th\u00e8me avant que l&rsquo;utilisateur actuel ne soit connu.<\/li>\n<\/ul>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Dans cette plong\u00e9e en profondeur dans WordPress 6.7, nous avons explor\u00e9 de nombreuses fonctionnalit\u00e9s et am\u00e9liorations g\u00e9niales apport\u00e9es par cette version, d&rsquo;un nouveau <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty-five\/\">th\u00e8me par d\u00e9faut<\/a> \u00e9tonnant, au mode Zoom arri\u00e8re aux bo\u00eetes Meta dans l&rsquo;\u00e9diteur d&rsquo;articles, aux ajouts de l&rsquo;API Block Bindings, aux am\u00e9liorations de la gestion des m\u00e9dias, aux nouveaux outils de conception, et \u00e0 de nombreuses nouvelles fonctionnalit\u00e9s pour les d\u00e9veloppeurs de plugins.<\/p>\n<p>Maintenant, c&rsquo;est \u00e0 toi de jouer. As-tu d\u00e9j\u00e0 test\u00e9 WordPress 6.7 ? Quelles sont les fonctionnalit\u00e9s ou les changements que tu pr\u00e9f\u00e8res dans la version 6.7 ? Fais-le nous savoir dans les commentaires ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.7 arrive \u00e0 grands pas, et il est temps de passer en revue les nouvelles fonctionnalit\u00e9s, les changements et les am\u00e9liorations que la nouvelle version &#8230;<\/p>\n","protected":false},"author":36,"featured_media":78475,"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-78474","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.7<\/title>\n<meta name=\"description\" content=\"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l&#039;API de composition des blocs, 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-7\/\" \/>\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.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore\" \/>\n<meta property=\"og:description\" content=\"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l&#039;API de composition des blocs, et bien plus encore.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-07T07:50:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-07T14:29:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\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 vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l&#039;API de composition des blocs, et bien plus encore.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release-1024x512.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=\"25 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-7\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nouveaut\u00e9s de WordPress 6.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore\",\"datePublished\":\"2024-11-07T07:50:20+00:00\",\"dateModified\":\"2024-11-07T14:29:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/\"},\"wordCount\":4919,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/\",\"name\":\"Nouveaut\u00e9s de WordPress 6.7\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png\",\"datePublished\":\"2024-11-07T07:50:20+00:00\",\"dateModified\":\"2024-11-07T14:29:27+00:00\",\"description\":\"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l'API de composition des blocs, et bien plus encore.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#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.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Nouveaut\u00e9s de WordPress 6.7","description":"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l'API de composition des blocs, 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-7\/","og_locale":"fr_FR","og_type":"article","og_title":"Nouveaut\u00e9s de WordPress 6.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore","og_description":"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l'API de composition des blocs, et bien plus encore.","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-11-07T07:50:20+00:00","article_modified_time":"2024-11-07T14:29:27+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l'API de composition des blocs, et bien plus encore.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release-1024x512.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nouveaut\u00e9s de WordPress 6.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore","datePublished":"2024-11-07T07:50:20+00:00","dateModified":"2024-11-07T14:29:27+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/"},"wordCount":4919,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/","name":"Nouveaut\u00e9s de WordPress 6.7","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png","datePublished":"2024-11-07T07:50:20+00:00","dateModified":"2024-11-07T14:29:27+00:00","description":"Consultez notre vue globale de WordPress 6.7, qui inclut le mode zoom arri\u00e8re, les bo\u00eetes m\u00e9ta, l'API de composition des blocs, et bien plus encore.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/wordpress-6.7-release.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-7\/#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.7 : Mode Zoom arri\u00e8re, Meta boxes, Block Pattern API, et bien plus encore"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78474","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=78474"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78474\/revisions"}],"predecessor-version":[{"id":78495,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78474\/revisions\/78495"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78474\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/78475"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=78474"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=78474"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=78474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}