{"id":40892,"date":"2020-08-10T10:00:52","date_gmt":"2020-08-10T09:00:52","guid":{"rendered":"https:\/\/kinsta.com\/?p=77421"},"modified":"2024-10-08T13:22:32","modified_gmt":"2024-10-08T12:22:32","slug":"wordpress-5-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/","title":{"rendered":"Quoi de neuf dans WordPress 5.5 &#8211; Une plong\u00e9e en profondeur dans une release (\u00e9pique)"},"content":{"rendered":"<p>WordPress 5.5 \u00ab\u00a0Eckstine\u00a0\u00bb est sorti, et il est temps pour nous d&rsquo;introduire les changements et les fonctionnalit\u00e9s les plus remarquables ajout\u00e9s au noyau avec la deuxi\u00e8me version WordPress de l&rsquo;ann\u00e9e.<\/p>\n<p>De nos jours, nous sommes habitu\u00e9s \u00e0 voir de nombreux ajouts \u00e0 l&rsquo;\u00e9diteur de bloc \u00e0 chaque sortie de WordPress. WordPress 5.5 ne fait pas exception \u00e0 la r\u00e8gle !<\/p>\n<p>Cette version apporte \u00e9galement des tonnes de changements non li\u00e9s \u00e0 l&rsquo;\u00e9diteur qui devraient avoir un grand impact sur la fa\u00e7on dont nous utilisons le <a href=\"https:\/\/kinsta.com\/fr\/blog\/systeme-gestion-contenu\/\">CMS<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Nous organisons un webinaire gratuit pour illustrer et discuter de ce qui est \u00e0 venir dans WordPress 5.5, n&rsquo;h\u00e9sitez pas \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\">nous rejoindre<\/a> !<\/p>\n<\/aside>\n\n<p>Bien que WordPress 5.5 apporte de nombreux changements au noyau de WordPress, plusieurs fonctionnalit\u00e9s attendues avec 5.5 ont \u00e9t\u00e9 retard\u00e9es et supprim\u00e9es de cette version en raison de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/02\/editor-features-for-wordpress-5-5-update\/\">plusieurs probl\u00e8mes non r\u00e9solus<\/a>. Ainsi, l&rsquo;\u00e9dition compl\u00e8te du site, le bloc de navigation, l&rsquo;\u00e9cran de navigation et l&rsquo;\u00e9cran de widget ne font pas partie de WordPress 5.5.<\/p>\n<p>Si vous souhaitez en savoir plus sur le <a href=\"https:\/\/make.wordpress.org\/core\/5-5\/\">cycle de d\u00e9veloppement de WordPress 5.5<\/a>, consultez les liens ci-dessous :<\/p>\n<ul>\n<li>7 juillet 2020 : <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-1\/\">B\u00eata 1<\/a><\/li>\n<li>14 juillet 2020 : <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-2\/\">B\u00eata 2<\/a><\/li>\n<li>21 juillet 2020 : <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-3\/\">B\u00eata 3<\/a><\/li>\n<li>27 juillet 2020 : <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-beta-4\/\">B\u00eata 4<\/a><\/li>\n<li>28 juillet 2020 : <a href=\"https:\/\/wordpress.org\/news\/2020\/07\/wordpress-5-5-release-candidate\/\">RC 1<\/a><\/li>\n<li>4 ao\u00fbt 2020 : <a href=\"https:\/\/wordpress.org\/news\/2020\/08\/wordpress-5-5-release-candidate-2\/\">RC 2<\/a><\/li>\n<li>10 August 2020 : RC 3<\/li>\n<li>10 ao\u00fbt 2020 : Essai pour la sortie de WordPress 5.5<\/li>\n<li>11 ao\u00fbt 2020 : Date cible pour WordPress 5.5\u00a0 \u00ab\u00a0<a href=\"https:\/\/wordpress.org\/news\/2020\/08\/eckstine\/\">Eckstine<\/a>\u00ab\u00a0<\/li>\n<\/ul>\n<p>Alors, quoi de neuf dans WordPress 5.5 ?<\/p>\n\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>Quoi de neuf avec l\u2019\u00e9diteur de bloc<\/h2>\n<p>Avec la version finale de WordPress 5.5, dix versions de l\u2019extension <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">Gutenberg<\/a> ont \u00e9t\u00e9 ajout\u00e9es au noyau, apportant un grand nombre d&rsquo;am\u00e9liorations pour l&rsquo;interface utilisateur, de fonctionnalit\u00e9s, de perfectionnements et de corrections de bugs affectant toutes les attentes de l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition, de la convivialit\u00e9 aux fonctionnalit\u00e9s et aux performances.<\/p>\n<p>Il serait presque impossible de mentionner tous ces changements ici, alors dans cet article, vous trouverez juste une s\u00e9lection de nos nouvelles fonctionnalit\u00e9s et am\u00e9liorations pr\u00e9f\u00e9r\u00e9es.<\/p>\n<p>Pour une liste plus compl\u00e8te des am\u00e9liorations et des fonctionnalit\u00e9s ajout\u00e9es \u00e0 l&rsquo;\u00e9diteur de blocs avec WordPress 5.5, voir les annonces officielles des versions de l\u2019extension : <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/12\/whats-new-in-gutenberg-12-february\/\">7.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/02\/26\/whats-new-in-gutenberg-26-february\/\">7.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">7.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\">7.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">7.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">8.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/13\/whats-new-in-gutenberg-13-may\/\">8.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/05\/27\/whats-new-in-gutenberg-27-may\/\">8.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">8.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">8.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/08\/whats-new-in-gutenberg-8-july\/\">8.5<\/a>.<\/p>\n<p>Cela \u00e9tant dit, nous couvrirons ici les ajouts suivants apport\u00e9s \u00e0 l&rsquo;\u00e9diteur de bloc avec WordPress 5.5 :<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li><a href=\"#new-ui-design\">Nouveau design de l&rsquo;UI<\/a><\/li>\n<li><a href=\"#block-design-tools\">Outils de conception de blocs<\/a><\/li>\n<li><a href=\"#inline-image-editing\">Modification d&rsquo;images en ligne<\/a><\/li>\n<li><a href=\"#block-categories\">Cat\u00e9gories de blocs et nouveau panneau d&rsquo;insertion de blocs<\/a><\/li>\n<li><a href=\"#block-directory\">Le r\u00e9pertoire de blocs et les extensions de blocs<\/a><\/li>\n<li><a href=\"#block-patterns\">Mod\u00e8les de blocs<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h3 id=\"new-ui-design\">Nouveau design de l&rsquo;interface utilisateur<\/h3>\n<p>Chaque version de l\u2019extension Gutenberg apporte de petites et de moins petites am\u00e9liorations qui modifient silencieusement l&rsquo;exp\u00e9rience globale d&rsquo;\u00e9dition. Beaucoup de ces changements vont maintenant \u00eatre fusionn\u00e9s dans le noyau de WordPress. Ainsi, lorsque vous lancerez pour la premi\u00e8re fois l&rsquo;\u00e9diteur de blocs dans WordPress 5.5, une interface l\u00e9g\u00e8rement diff\u00e9rente devrait attirer votre attention. Vous trouverez :<\/p>\n<ul>\n<li>Une barre d&rsquo;outils de bloc simplifi\u00e9e<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/palettes-couleurs-site\/\">Un contraste de couleurs<\/a> plus fort<\/li>\n<li>De nouvelles ic\u00f4nes<\/li>\n<li>Des d\u00e9placeurs de blocs<\/li>\n<li>Des \u00e9l\u00e9ments environnants<\/li>\n<li>Des aper\u00e7us sur diff\u00e9rents \u00e9crans<\/li>\n<li>Une am\u00e9lioration du glisser-d\u00e9poser<\/li>\n<li>Une am\u00e9lioration et une uniformisation des styles de blocs de focalisation dans l&rsquo;ensemble de l&rsquo;interface utilisateur<\/li>\n<li>La possibilit\u00e9 de formater plusieurs blocs en m\u00eame temps<\/li>\n<li>De meilleures performances<\/li>\n<\/ul>\n<figure id=\"attachment_77434\" aria-describedby=\"caption-attachment-77434\" style=\"width: 1586px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77434 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/formater-plusieurs-blocs-wordpress-5-5.jpg\" alt=\"Formater plusieurs blocs dans WordPress 5.5\" width=\"1586\" height=\"1136\"><figcaption id=\"caption-attachment-77434\" class=\"wp-caption-text\">Formater plusieurs blocs dans WordPress 5.5<\/figcaption><\/figure>\n<p>Ceux mentionn\u00e9s ci-dessus ne sont que quelques-uns des nombreux changements qui affectent l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition.<\/p>\n<figure id=\"attachment_77433\" aria-describedby=\"caption-attachment-77433\" style=\"width: 608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77433 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/apercu-mobile-wordpress-5-5.jpg\" alt=\"Aper\u00e7u mobile sous WordPress 5.5\" width=\"608\" height=\"564\"><figcaption id=\"caption-attachment-77433\" class=\"wp-caption-text\">Aper\u00e7u mobile sous WordPress 5.5<\/figcaption><\/figure>\n<p>D&rsquo;autres changements sont \u00e9galement pr\u00e9vus :<\/p>\n<h4>Options d&rsquo;indice et d&rsquo;exposant<\/h4>\n<p>Les options de formatage pour le texte en indice et en exposant sont maintenant disponibles gr\u00e2ce aux contr\u00f4les de Rich Text (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">Gutenberg 8.0<\/a>).<\/p>\n<figure id=\"attachment_77432\" aria-describedby=\"caption-attachment-77432\" style=\"width: 1213px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77432 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/nouvelle-barre-outils-blocs.jpg\" alt=\"La nouvelle barre d'outils des blocs\" width=\"1213\" height=\"664\"><figcaption id=\"caption-attachment-77432\" class=\"wp-caption-text\">La nouvelle barre d&rsquo;outils des blocs avec des ic\u00f4nes redessin\u00e9es, un bloc de d\u00e9placement et un meilleur contraste des couleurs<\/figcaption><\/figure>\n<h4>S\u00e9lection de bloc parent<\/h4>\n<p>Un tout nouveau bouton de la barre d&rsquo;outils appara\u00eet d\u00e9sormais lorsque l&rsquo;on passe le curseur sur le c\u00f4t\u00e9 gauche de la barre d&rsquo;outils du bloc. Le nouveau bouton permet de s\u00e9lectionner les blocs parents dans des contextes imbriqu\u00e9s (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>).<\/p>\n<figure id=\"attachment_77440\" aria-describedby=\"caption-attachment-77440\" style=\"width: 1018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77440 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/selecteur-parent.jpg\" alt=\"Le s\u00e9lecteur parent dans un bloc Media &#038; Texte\" width=\"1018\" height=\"384\"><figcaption id=\"caption-attachment-77440\" class=\"wp-caption-text\">Le s\u00e9lecteur parent dans un bloc Media &#038; Texte<\/figcaption><\/figure>\n<h3 id=\"block-design-tools\">Outils de conception de blocs<\/h3>\n<p>Plusieurs outils de conception ont \u00e9t\u00e9 ajout\u00e9s \u00e0 l\u2019extension Gutenberg au cours des derniers mois et vont maintenant \u00eatre inclus dans le noyau de WordPress 5.5.<\/p>\n<h4>Contr\u00f4le de la hauteur et d\u00e9grad\u00e9s d\u2019arri\u00e8re-plan<\/h4>\n<p>Une premi\u00e8re s\u00e9rie d&rsquo;outils permet de contr\u00f4ler les dimensions et la couleur d\u2019arri\u00e8re-plan de plusieurs blocs (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">Gutenberg 7.9<\/a>).<\/p>\n<figure id=\"attachment_77427\" aria-describedby=\"caption-attachment-77427\" style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77427 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/reglages-degrades-arriere-plan.jpg\" alt=\"R\u00e9glages de d\u00e9grad\u00e9s d'arri\u00e8re-plan pour le bloc Colonnes\" width=\"1742\" height=\"814\"><figcaption id=\"caption-attachment-77427\" class=\"wp-caption-text\">R\u00e9glages de d\u00e9grad\u00e9s d&rsquo;arri\u00e8re-plan pour le bloc Colonnes<\/figcaption><\/figure>\n<h4>Contr\u00f4les des couleurs de marge int\u00e9rieure des liens<\/h4>\n<p>Deux fonctionnalit\u00e9s suppl\u00e9mentaires sont d&rsquo;arriv\u00e9es (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>), mais au moment o\u00f9 nous \u00e9crivons ces lignes, elles sont encore marqu\u00e9es comme exp\u00e9rimentales :<\/p>\n<ul>\n<li>Contr\u00f4le de marge int\u00e9rieure pour le bloc de couverture.<\/li>\n<li>Contr\u00f4le de la couleur des liens pour les paragraphes, les titres, les groupes, les colonnes et les blocs de m\u00e9dias et de texte.<\/li>\n<\/ul>\n<p>Le contr\u00f4le de la marge int\u00e9rieure et de la couleur des liens est d\u00e9sactiv\u00e9 par d\u00e9faut et les d\u00e9veloppeurs doivent d\u00e9clarer explicitement leur prise en charge, comme <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">expliqu\u00e9 dans le manuel de l&rsquo;\u00e9diteur de bloc<\/a>.<\/p>\n<p>Si vous souhaitez ajouter des contr\u00f4les de marge int\u00e9rieure pour le bloc Couverture \u00e0 vos th\u00e8mes, il suffit d&rsquo;ajouter la ligne suivante au fichier <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/#the-functions-file\">functions.php de votre th\u00e8me<\/a> :<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-custom-spacing' );<\/code><\/pre>\n<p>Si vous souhaitez activer le contr\u00f4le de la couleur des liens pour les blocs Paragraphe, Titre, Groupe, Colonnes, et M\u00e9dia &#038; Texte, il suffit d&rsquo;ajouter la ligne suivante au fichier de fonctions de votre th\u00e8me :<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'experimental-link-color' );<\/code><\/pre>\n<h4>Unit\u00e9s et hauteurs de lignes personnalis\u00e9es<\/h4>\n<p>Cette nouvelle fonctionnalit\u00e9 permet de d\u00e9finir les valeurs de hauteur <code>px<\/code>, <code>em<\/code>, <code>rem<\/code>, <code>vw<\/code> et <code>vh<\/code> pour le bloc Couverture (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/15\/whats-new-in-gutenberg-15-april\/\">Gutenberg 7.9<\/a>). <code>%<\/code> est \u00e9galement pris en charge, mais il est omis en raison du rendu impr\u00e9visible des hauteurs en pourcentage.<\/p>\n<p>Gr\u00e2ce \u00e0 la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20888\">commande de hauteur am\u00e9lior\u00e9e<\/a>, vous pouvez sauter des valeurs par 10 en maintenant la touche <code>Shift<\/code> enfonc\u00e9e tout en appuyant sur le <code>up<\/code> ou le <code>down<\/code>.<\/p>\n<figure id=\"attachment_77446\" aria-describedby=\"caption-attachment-77446\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77446 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/nouveau-controle-unite.jpg\" alt=\"La nouveau contr\u00f4le d\u2019unit\u00e9\" width=\"279\" height=\"309\"><figcaption id=\"caption-attachment-77446\" class=\"wp-caption-text\">La nouveau contr\u00f4le d\u2019unit\u00e9<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs peuvent ajouter le <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/new-block-tools-on-wordpress-5-5\/\">support des unit\u00e9s personnalis\u00e9es<\/a> en d\u00e9finissant le drapeau de support <code>custom-units<\/code> :<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units' );<\/code><\/pre>\n<p>Vous pouvez \u00e9galement d\u00e9finir des unit\u00e9s personnalis\u00e9es sp\u00e9cifiques :<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-units', 'rem', 'em' );<\/code><\/pre>\n<p>Les d\u00e9veloppeurs peuvent \u00e9galement ajouter des hauteurs de ligne personnalis\u00e9es pour les titres et les paragraphes en d\u00e9finissant le drapeau de support de hauteur de <code>custom-line-height<\/code> :<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'custom-line-height' );<\/code><\/pre>\n<h3><b>Modification d&rsquo;images en ligne<\/b><\/h3>\n<p>Une nouvelle fonction d&rsquo;\u00e9dition a \u00e9t\u00e9 ajout\u00e9e \u00e0 l&rsquo;\u00e9diteur de bloc avec <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">Gutenberg 8.4<\/a>, permettant aux utilisateurs de modifier les <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">images<\/a> directement \u00e0 partir du bloc Image.<\/p>\n<p>Ceci a maintenant \u00e9t\u00e9 fusionn\u00e9 avec le noyau et, depuis WordPress 5.5, vous pouvez recadrer, faire pivoter, zoomer et ajuster la position des images sans avoir besoin de lancer la <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/\">m\u00e9diath\u00e8que<\/a>, ce qui acc\u00e9l\u00e8re le travail d&rsquo;\u00e9dition.<\/p>\n<p>Si vous avez l&rsquo;habitude de <a href=\"https:\/\/kinsta.com\/fr\/blog\/extensions-wordpress-galerie-photo\/\">publier des tonnes de photos<\/a>, vous appr\u00e9cierez sans doute cette fonction.<\/p>\n<figure id=\"attachment_77430\" aria-describedby=\"caption-attachment-77430\" style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77430 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/modification-images-ligne-wordpress-5-5.jpg\" alt=\"Modification d'images en ligne dans WordPress 5.5\" width=\"1280\" height=\"1116\"><figcaption id=\"caption-attachment-77430\" class=\"wp-caption-text\">Modification d&rsquo;images en ligne dans WordPress 5.5<\/figcaption><\/figure>\n<p>Il suffit de cliquer sur le bouton Recadrer dans la barre d&rsquo;outils d&rsquo;images et vous aurez acc\u00e8s aux nouvelles fonctionnalit\u00e9s de modification. Lorsque vous \u00eates satisfait de vos personnalisations, appliquez vos modifications et c&rsquo;est termin\u00e9.<\/p>\n<p>WordPress <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/20\/editing-images-in-the-block-editor\/\">enregistre une nouvelle image en pi\u00e8ce jointe<\/a> dans la m\u00e9diath\u00e8que et copie les d\u00e9tails de l&rsquo;image originale (titre, description, l\u00e9gende, texte alternatif et donn\u00e9es EXIF). Cela vous donne un contr\u00f4le total sur les nouvelles versions des images.<\/p>\n<h3 id=\"block-categories\">Cat\u00e9gories de blocs et nouveau panneau d&rsquo;insertion de blocs<\/h3>\n<p>Un panneau d&rsquo;insertion de blocs redessin\u00e9 affiche les blocs et les mod\u00e8les par cat\u00e9gories, ce qui am\u00e9liore consid\u00e9rablement l&rsquo;exp\u00e9rience de modification et facilite la recherche de blocs et de mod\u00e8les (<a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/11\/whats-new-in-gutenberg-11-june\/\">Gutenberg 8.3<\/a>).<\/p>\n<figure id=\"attachment_77436\" aria-describedby=\"caption-attachment-77436\" style=\"width: 1364px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77436 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/onglets-blocs-motifs.jpg\" alt=\"Onglets de blocs et de motifs dans le nouvel outil d\u2019insertion de blocs\" width=\"1364\" height=\"1044\"><figcaption id=\"caption-attachment-77436\" class=\"wp-caption-text\">Onglets de blocs et de mod\u00e8les dans le nouvel outil d\u2019insertion de blocs<\/figcaption><\/figure>\n<h3 id=\"block-directory\">Le r\u00e9pertoire de blocs et les extensions de blocs<\/h3>\n<p>Gr\u00e2ce \u00e0 l&rsquo;impl\u00e9mentation <a href=\"https:\/\/wordpress.org\/plugins\/browse\/block\/\">du r\u00e9pertoire des blocs<\/a>, vous pouvez trouver, installer et ajouter des blocs tiers directement \u00e0 partir de l&rsquo;outil d&rsquo;insertion de blocs.<\/p>\n<p>Lorsque vous recherchez un bloc, si vous ne l&rsquo;avez pas d\u00e9j\u00e0 install\u00e9, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/24\/whats-new-in-gutenberg-24-june\/\">une liste d\u2019extensions disponibles dans le r\u00e9pertoire des extensions vous sera<\/a> demand\u00e9e. Ces extensions sont appel\u00e9es \u00ab\u00a0extensions de bloc\u00a0\u00bb et vous pouvez les ajouter \u00e0 votre \u00e9diteur en un seul clic.<\/p>\n<figure id=\"attachment_77442\" aria-describedby=\"caption-attachment-77442\" style=\"width: 350px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77442 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/bloc-tiers-communaute-wordpress.jpg\" alt=\"Un bloc tiers de la communaut\u00e9 WordPress\" width=\"350\" height=\"694\"><figcaption id=\"caption-attachment-77442\" class=\"wp-caption-text\">Un bloc tiers de la communaut\u00e9 WordPress<\/figcaption><\/figure>\n<p>Gr\u00e2ce \u00e0 cette nouvelle fonctionnalit\u00e9 g\u00e9niale, vous pouvez d\u00e9sormais construire vos propres blocs et <a href=\"https:\/\/kinsta.com\/fr\/blog\/publier-plugin-annuaire-wordpress\/\">les publier dans le r\u00e9pertoire des extensions<\/a>, mettant ainsi vos cr\u00e9ations \u00e0 la disposition de toute la <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/histoire-de-wordpress\/\">communaut\u00e9 WordPress<\/a>.<\/p>\n<p>La bonne nouvelle est que, pour cr\u00e9er vos blocs personnalis\u00e9s, vous n&rsquo;avez pas besoin d&rsquo;\u00eatre un <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriels-php\/\">gourou du PHP<\/a>. Il vous suffit d&rsquo;avoir une connaissance pratique de JavaScript.<\/p>\n<p>Vous ne savez pas comment commencer \u00e0 d\u00e9velopper vos propres blocs ? L&rsquo;incroyable communaut\u00e9 WordPress vous propose un <a href=\"https:\/\/developer.wordpress.org\/block-editor\/tutorials\/block-tutorial\/\">tutoriel simple, \u00e9tape par \u00e9tape<\/a>.<\/p>\n<p>La premi\u00e8re version du tutoriel sur les blocs est d\u00e9j\u00e0 disponible dans le manuel officiel de l&rsquo;\u00e9diteur de blocs pour vous aider \u00e0 apprendre les bases du d\u00e9veloppement de blocs. Vous pouvez en savoir plus sur le <a href=\"https:\/\/make.wordpress.org\/plugins\/2020\/07\/11\/you-can-now-add-your-own-plugins-to-the-block-directory\/\">r\u00e9pertoire des blocs et le d\u00e9veloppement d\u2019extensions de blocs<\/a> sur le blog Make WordPress Plugins.<\/p>\n<h3 id=\"block-patterns\">Mod\u00e8les de blocs (patterns)<\/h3>\n<p>En mars 2020, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a> et <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/26\/whats-new-in-gutenberg-25-march\/\">Gutenberg 7.8<\/a> ont introduit les mod\u00e8les de blocs et l&rsquo;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/21074\">API de mod\u00e8les de blocs<\/a> pour les <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">th\u00e8mes<\/a> et les <a href=\"https:\/\/kinsta.com\/fr\/sujets\/extensions-wordpress\/\">extensions<\/a>.<\/p>\n<p><strong>Les mod\u00e8les de blocs sont des mises en page de blocs pr\u00e9d\u00e9finies permettant aux utilisateurs d&rsquo;ajouter rapidement des structures complexes de blocs imbriqu\u00e9s \u00e0 leurs pages. <\/strong>Leur but est d&rsquo;aider les <a href=\"https:\/\/kinsta.com\/fr\/sujets\/strategie-contenu\/\">r\u00e9dacteurs de contenu<\/a> et les responsables de sites \u00e0 surmonter le \u00ab\u00a0syndrome de la page blanche\u00a0\u00bb et \u00e0 cr\u00e9er facilement des mises en page professionnelles et des vues avanc\u00e9es.<\/p>\n<p>Nous devrions voir les mod\u00e8les de blocs sous leur meilleur jour avec l\u2019\u00e9dition globale de site.<\/p>\n<p><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/17335#issuecomment-541448895\">Mathias Ventura<\/a>, architecte en chef du projet Gutenberg, explique clairement \u00e0 quoi servent les mod\u00c8les de blocs :<\/p>\n<blockquote><p>Une pr\u00e9cision &#8211; la configuration des \u00ab mod\u00e8les de blocs \u00bb concerne moins les parties de mod\u00e8les (qui sont structurellement significatives) et plus les \u00e9l\u00e9ments de conception g\u00e9n\u00e9rale constitu\u00e9s de blocs plus petits. Une fois ins\u00e9r\u00e9s, ils ne sont pas stock\u00e9s s\u00e9par\u00e9ment. Par exemple, une image de \u00ab couverture \u00bb qui combine quelques blocs pour obtenir un aspect sp\u00e9cifique qui, autrement, demanderait aux utilisateurs un certain travail. Pensez plut\u00f4t \u00e0 une collection de dessins qui peuvent \u00eatre ajout\u00e9s n&rsquo;importe o\u00f9 sans n\u00e9cessairement repr\u00e9senter une partie r\u00e9utilisable d&rsquo;un mod\u00e8le de th\u00e8me.<\/p><\/blockquote>\n<p>\u00c0 la diff\u00e9rence des parties de mod\u00e8les, les blocs sont des \u00e9l\u00e9ments de conception qui devraient aider les responsables de sites et les cr\u00e9ateurs de contenu \u00e0 acc\u00e9l\u00e9rer et \u00e0 am\u00e9liorer leur exp\u00e9rience d&rsquo;\u00e9dition.<\/p>\n<p>Lanc\u00e9s avec <a href=\"https:\/\/make.wordpress.org\/core\/2020\/03\/11\/whats-new-in-gutenberg-11-march\/\">Gutenberg 7.7<\/a>, les mod\u00e8lesde blocs sont d&rsquo;abord apparus dans une extension de colonne lat\u00e9rale. Plus tard, avec la <a href=\"https:\/\/make.wordpress.org\/core\/2020\/04\/29\/whats-new-in-gutenberg-29-april\/\">sortie de Gutenberg 8.0<\/a>, ils sont pass\u00e9s dans un <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/20951\">outil d\u2019insertion de blocs remani\u00e9<\/a> qui appara\u00eet maintenant sous la forme d&rsquo;un panneau plac\u00e9 sur le c\u00f4t\u00e9 gauche de l&rsquo;\u00e9diteur, comme le montre l&rsquo;image ci-dessous :<\/p>\n<figure id=\"attachment_77429\" aria-describedby=\"caption-attachment-77429\" style=\"width: 2102px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-77429\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/motif-galerie-wordpress-5-5.jpg\" alt width=\"2102\" height=\"1180\"><figcaption id=\"caption-attachment-77429\" class=\"wp-caption-text\">The Gallery Pattern in WordPress 5.5<\/figcaption><\/figure>\n<p>Dans leur phase initiale, les mod\u00e8les de blocs sont assortis d&rsquo;un ensemble tr\u00e8s limit\u00e9 de mod\u00e8les. Quoi qu&rsquo;il en soit, ils apportent une am\u00e9lioration consid\u00e9rable \u00e0 l&rsquo;exp\u00e9rience d\u2019\u00e9dition et, esp\u00e9rons-le, d&rsquo;autres seront ajout\u00e9s dans un avenir proche.<\/p>\n<p>Comme les blocs r\u00e9guliers, les mod\u00e8les peuvent \u00eatre recherch\u00e9s et sont organis\u00e9s dans les cat\u00e9gories suivantes :<\/p>\n<ul>\n<li>Texte<\/li>\n<li>Hero<\/li>\n<li>Colonnes<\/li>\n<li>Boutons<\/li>\n<li>Galerie<\/li>\n<li>Fonctionnalit\u00e9s<\/li>\n<li>T\u00e9moignages<\/li>\n<li>Non class\u00e9<\/li>\n<\/ul>\n<figure id=\"attachment_77437\" aria-describedby=\"caption-attachment-77437\" style=\"width: 2070px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77437 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/motif-caracteristiques-numerotees-wordpress-5-5.jpg\" alt=\"Le motif de caract\u00e9ristiques num\u00e9rot\u00e9es dans WordPress 5.5\" width=\"2070\" height=\"1220\"><figcaption id=\"caption-attachment-77437\" class=\"wp-caption-text\">Le mod\u00e8lesde caract\u00e9ristiques num\u00e9rot\u00e9es dans WordPress 5.5<\/figcaption><\/figure>\n<p>En plus des mod\u00e8les de blocs int\u00e9gr\u00e9s, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/salaire-developpeur-wordpress\/\">d\u00e9veloppeurs WordPress<\/a> peuvent fournir \u00e0 leurs th\u00e8mes et extensions des mod\u00e8les personnalis\u00e9s en tirant parti d&rsquo;une toute nouvelle API.<\/p>\n<p>Vous pouvez enregistrer vos mod\u00e8les personnalis\u00e9s en utilisant la fonction <code>register_block_pattern<\/code> et <code>register_block_pattern_category<\/code> pour les cat\u00e9gories.<\/p>\n<p><code>register_block_pattern<\/code> prend deux arguments :<\/p>\n<ol>\n<li>Le nom du mod\u00e8le.<\/li>\n<li>Un ensemble de propri\u00e9t\u00e9s des mod\u00e8les.<\/li>\n<\/ol>\n<p>Les propri\u00e9t\u00e9s comprennent les \u00e9l\u00e9ments suivants :<\/p>\n<ul>\n<li><code>title<\/code><\/li>\n<li><code>content<\/code><\/li>\n<li><code>description<\/code><\/li>\n<li><code>categories<\/code><\/li>\n<li><code>keywords<\/code><\/li>\n<li><code>viewportWidth<\/code><\/li>\n<\/ul>\n<p><code>register_block_pattern_category<\/code> prend \u00e9galement deux arguments :<\/p>\n<ol>\n<li>Le nom de la cat\u00e9gorie du mod\u00e8le.<\/li>\n<li>Un ensemble de propri\u00e9t\u00e9s.<\/li>\n<\/ol>\n<p>L&rsquo;API fournit \u00e9galement deux fonctions pour d\u00e9senregistrer les mod\u00e8les et les cat\u00e9gories : <code>unregister_block_pattern<\/code> et\u00a0<code>unregister_block_pattern_category<\/code>.<\/p>\n<p>La fa\u00e7on dont vous pouvez construire vos propres mod\u00e8les de blocs est assez simple. Par exemple, copiez et collez le code suivant dans une extension personnalis\u00e9e ou un <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">fichier de fonctions d\u2019un<\/a> <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">th\u00e8me enfant<\/a>, puis modifiez le nom du mod\u00e8le selon vos pr\u00e9f\u00e9rences.<\/p>\n<pre><code class=\"language-php\">add_action( 'init', function(){\n\n\tregister_block_pattern_category( \n\t\t'kinsta', \n\t\tarray( 'label' =&gt; __( 'Kinsta stuff', 'kinsta-pattern' ) ) );\n\n\tregister_block_pattern(\n\t'kinsta-pattern\/my-custom-pattern',\n\tarray(\n\t\t'title'\t\t\t=&gt; __( 'Two Kinsta buttons', 'kinsta-pattern' ),\n\t\t'description'\t=&gt; _x( 'Two nice buttons.', 'Kinsta Buttons', 'kinsta-pattern' ),\n\t\t'content'\t\t=&gt; \"&lt;!-- wp:buttons {\\\"align\\\":\\\"center\\\"} --&gt;\\n&lt;div class=\\\"wp-block-buttons aligncenter\\\"&gt;&lt;!-- wp:button {\\\"backgroundColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0} --&gt;\\n&lt;div class=\\\"wp-block-button\\\"&gt;&lt;a class=\\\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\\\"&gt;\" . esc_html__( 'Button One', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;\\n\\n&lt;!-- wp:button {\\\"textColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0,\\\"className\\\":\\\"is-style-outline\\\"} --&gt;\\n&lt;div class=\\\"wp-block-button is-style-outline\\\"&gt;&lt;a class=\\\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\\\"&gt;\" . esc_html__( 'Button Two', 'kinsta-pattern' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:buttons --&gt;\",\n\t\t'categories'\t=&gt; array( 'kinsta' ),\n\t)\n\t);\n});<\/code><\/pre>\n<p>Le code ci-dessus est une simple personnalisation de l&rsquo;extrait original de la <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/\">r\u00e9f\u00e9rence de l&rsquo;API de bloc<\/a>. Comme vous pouvez le voir, aucun JavaScript n&rsquo;est n\u00e9cessaire.<\/p>\n<figure id=\"attachment_77431\" aria-describedby=\"caption-attachment-77431\" style=\"width: 2156px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77431 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/motif-bloc-personnalise.jpg\" alt=\"Un motif de bloc personnalis\u00e9\" width=\"2156\" height=\"1014\"><figcaption id=\"caption-attachment-77431\" class=\"wp-caption-text\">Un mod\u00e8le de bloc personnalis\u00e9<\/figcaption><\/figure>\n<p>Voir aussi les <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/block-patterns-in-wordpress-5-5\/\">mod\u00e8les de blocs dans WordPress 5.5<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Veuillez noter que les mod\u00e8les sont une fonctionnalit\u00e9 exp\u00e9rimentale et que l&rsquo;API pourrait changer avec les futures versions de l\u2019extension Gutenberg.<\/p>\n<\/aside>\n\n<h2>Chargement diff\u00e9r\u00e9 d&rsquo;images natif dans le noyau de WordPress<\/h2>\n<p>Le chargement diff\u00e9r\u00e9 est une technique d&rsquo;optimisation qui permet de <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-chemin-rendu-critique\/\">diff\u00e9rer le chargement des ressources non critiques<\/a>. Cela signifie que le navigateur re\u00e7oit l&rsquo;instruction de charger le contenu visible lors du chargement de la page et de diff\u00e9rer le t\u00e9l\u00e9chargement et le rendu des images plac\u00e9es sous le pli <a href=\"https:\/\/kinsta.com\/fr\/blog\/eliminer-javascript-css-bloquant-rendu\/\">jusqu&rsquo;\u00e0 ce qu&rsquo;elles soient r\u00e9ellement n\u00e9cessaires<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>En mati\u00e8re de <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\">performances web<\/a>, l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\">optimisation des images<\/a> est l&rsquo;un des aspects cl\u00e9s pour les responsables de sites. En moyenne, les images constituent toujours une grande partie d&rsquo;une page web et l&rsquo;optimisation des images peut contribuer \u00e0 offrir une meilleure exp\u00e9rience aux lecteurs et aux clients. N&rsquo;oubliez pas : la <a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/#38-optimize-your-websites-speed\">vitesse de la page est \u00e9galement un facteur de r\u00e9f\u00e9rencement important<\/a>.<\/p>\n<\/aside>\n\n<p>Avant le <a href=\"https:\/\/addyosmani.com\/blog\/lazy-loading\/\">chargement diff\u00e9r\u00e9 natif, ou lazy loading<\/a>, les d\u00e9veloppeurs web pouvaient <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/\">charger en diff\u00e9r\u00e9 des ressources via JavaScript<\/a>, en utilisant l&rsquo;<a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_intersection_observer\">API IntersectionObserver<\/a> ou en utilisant les <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/#using_event_handlers_the_most_compatible_way\">gestionnaires d&rsquo;\u00e9v\u00e9nements de<\/a> <code>scroll<\/code>, <code>resize<\/code> et de <code>orientationchange<\/code>.<\/p>\n<p>Mais depuis que le <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/embedded-content.html#attr-img-loading\">chargement diff\u00e9r\u00e9 est devenu un standard<\/a>, nous n&rsquo;avons plus besoin d&rsquo;\u00e9crire du code personnalis\u00e9 ou d&rsquo;utiliser des <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheques-javascript\/\">biblioth\u00e8ques JavaScript<\/a> et les <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/img#attr-loading\">images en chargement diff\u00e9r\u00e9<\/a> peuvent \u00eatre impl\u00e9ment\u00e9es en utilisant le nouvel attribut <code>loading<\/code> dans les balises <code>img<\/code> et <code>iframe<\/code>.<\/p>\n<figure id=\"attachment_77426\" aria-describedby=\"caption-attachment-77426\" style=\"width: 2542px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77426 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/chargement-differe.jpg\" alt width=\"2542\" height=\"796\"><figcaption id=\"caption-attachment-77426\" class=\"wp-caption-text\">Chargement diff\u00e9r\u00e9 via l&rsquo;attribut pour les images et les iframes (Source : <a href=\"https:\/\/caniuse.com\/#feat=loading-lazy-attr\">caniuse.com<\/a>)<\/figcaption><\/figure>\n<p>L&rsquo;attribut de <code>loading<\/code> d\u00e9termine si le navigateur doit charger une ressource imm\u00e9diatement ou attendre que certaines conditions soient remplies. Il prend actuellement en charge les valeurs suivantes :<\/p>\n<ul>\n<li><code>lazy<\/code> : attendre que certaines conditions soient remplies<\/li>\n<li><code>eager<\/code> : charger la ressource imm\u00e9diatement<\/li>\n<\/ul>\n<figure id=\"attachment_77451\" aria-describedby=\"caption-attachment-77451\" style=\"width: 1434px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77451 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/reglages-chargement-differe-chrome.png\" alt width=\"1434\" height=\"336\"><figcaption id=\"caption-attachment-77451\" class=\"wp-caption-text\">R\u00e9glages de chargement diff\u00e9r\u00e9 dans Chrome (disponible \u00e0 l&rsquo;adresse chrome:\/\/flags\/#enable-lazy-image-loading)<\/figcaption><\/figure>\n<p>Au moment de la r\u00e9daction de cet article, le chargement diff\u00e9r\u00e9 natif est pris en charge par Microsoft Edge, <a href=\"https:\/\/www.ghacks.net\/2020\/02\/15\/firefox-75-gets-lazy-loading-support-for-images\/\">Firefox<\/a>, <a href=\"https:\/\/github.com\/scott-little\/lazyload\/\">Google Chrome<\/a>, le navigateur Opera, le navigateur Android et Chrome pour Android.<\/p>\n<figure id=\"attachment_77460\" aria-describedby=\"caption-attachment-77460\" style=\"width: 1762px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77460 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/reglages-chargement-differe-autoptimize.jpg\" alt width=\"1762\" height=\"1256\"><figcaption id=\"caption-attachment-77460\" class=\"wp-caption-text\">R\u00e9glages de chargement diff\u00e9r\u00e9 dans Autoptimize<\/figcaption><\/figure>\n<p>Avant WordPress 5.5, le chargement diff\u00e9r\u00e9 n&rsquo;\u00e9tait possible dans WordPress qu&rsquo;avec une <a href=\"https:\/\/kinsta.com\/fr\/blog\/lazy-load-wordpress\/#lazy-loading-plugins\">extension<\/a> d&rsquo;optimisation comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/reglages-autoptimize\/\">Autoptimize<\/a>, BJ Lazy Load, ou autres. Maintenant, il fait partie du noyau de WordPress et ne n\u00e9cessite pas l&rsquo;installation d\u2019extensions suppl\u00e9mentaires !<\/p>\n<h3>Chargement diff\u00e9r\u00e9 en natif dans WordPress<\/h3>\n<p>Comme l&rsquo;a <a href=\"https:\/\/make.wordpress.org\/core\/2020\/01\/29\/lazy-loading-images-in-wordpress-core\/\">rapport\u00e9 Felix Arntz dans un ancien article sur le blog Make WordPress Core<\/a>, une impl\u00e9mentation JavaScript de chargement diff\u00e9r\u00e9 dans WordPress a \u00e9t\u00e9 initialement propos\u00e9e il y a quelques ann\u00e9es, mais elle n&rsquo;a jamais fait partie du noyau. La nouvelle impl\u00e9mentation du chargement diff\u00e9r\u00e9 d&rsquo;images en natif \u00e9limine tout probl\u00e8me de compatibilit\u00e9, donc la nouvelle fonctionnalit\u00e9 pourrait \u00eatre <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">fusionn\u00e9e en toute s\u00e9curit\u00e9 dans le noyau avec WordPress 5.5<\/a>.<\/p>\n<p>Selon Felix, le chargement diff\u00e9r\u00e9 natif des images WordPress pourraient avoir un un impact b\u00e9n\u00e9fique sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/performance-wordpress\/\">performances du site<\/a> et l&rsquo;exp\u00e9rience utilisateur pour un grand nombre de sites WordPress qui n&rsquo;utilisent pas d\u2019extensions de chargement diff\u00e9r\u00e9 :<\/p>\n<blockquote><p>&#8230; sans exiger de connaissances techniques ou m\u00eame de sensibilisation au concept de chargement diff\u00e9r\u00e9. L&rsquo;adoption du nouvel attribut de chargement est une grande chance pour WordPress d&rsquo;ouvrir la voie \u00e0 un web plus rapide dans son ensemble.<\/p><\/blockquote>\n<p>Afin d&rsquo;\u00e9viter les changements de mise en page, <code>loading=\"lazy\"<\/code> sera automatiquement ajout\u00e9 aux balises <code>img<\/code><strong> avec des attributs\u00a0<\/strong><code><strong>width<\/strong><\/code><strong> et <\/strong><code><strong>heigh<\/strong><\/code> et cela n&rsquo;est possible que si l&rsquo;image est disponible pour WordPress en tant que pi\u00e8ce jointe et inclut une classe <code>wp-image-$id<\/code>.<\/p>\n<p>Le chargement diff\u00e9r\u00e9 est une optimisation indispensable pour toute <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/premiers-pas-wordpress\/installer-wordpress-manuellement\/\">installation WordPress<\/a> et tout site web comportant une quantit\u00e9 consid\u00e9rable d&rsquo;images. Notes de Felix :<\/p>\n<blockquote><p>Cela permettra d&rsquo;\u00e9conomiser consid\u00e9rablement la bande passante sur les serveurs et les agents utilisateurs sur les sites o\u00f9 les images situ\u00e9es plus bas dans la page \u00e9taient charg\u00e9es imm\u00e9diatement, m\u00eame si l&rsquo;utilisateur ne les faisait jamais d\u00e9filer.<\/p><\/blockquote>\n<p>Le chargement diff\u00e9r\u00e9 natif dans WordPress fonctionne avec les images suivantes :<\/p>\n<ul>\n<li>Images dans le contenu d&rsquo;article (<code>the_content<\/code>).<\/li>\n<li>Images dans les extraits d\u2019article (<code>the_excerpt<\/code>).<\/li>\n<li>Images dans les widgets texte (<code>widget_text_content<\/code>).<\/li>\n<li>Les images des avatars sont rendues via <code>get_avatar()<\/code>.<\/li>\n<li>Mod\u00e8les d&rsquo;images utilisant <code>wp_get_attachment_image<\/code><\/li>\n<\/ul>\n<p>Avec la premi\u00e8re impl\u00e9mentation, le chargement diff\u00e9r\u00e9 ne prend en charge que les images, mais on peut s&rsquo;attendre \u00e0 une future am\u00e9lioration du chargement diff\u00e9r\u00e9 sur les balises <code>iframe<\/code>.<\/p>\n<h3>Chargement diff\u00e9r\u00e9 pour les d\u00e9veloppeurs WordPress<\/h3>\n<p>Les d\u00e9veloppeurs peuvent modifier le comportement par d\u00e9faut en utilisant plusieurs nouveaux filtres. Parmi ces filtres, <code>wp_lazy_loading_enabled<\/code> et <code>wp_img_tag_add_loading_attr<\/code> sont les plus utiles pour les d\u00e9veloppeurs :<\/p>\n<ul>\n<li><code>wp_lazy_loading_enabled<\/code> active et d\u00e9sactive l&rsquo;attribut <code>loading<\/code>. Ce filtre peut \u00eatre appliqu\u00e9 globalement ou par balise.<\/li>\n<li><code>wp_img_tag_add_loading_attr<\/code> filtre la valeur de l&rsquo;attribut <code>loading<\/code> et fournit un moyen de contr\u00f4ler le chargement diff\u00e9r\u00e9 par image.<\/li>\n<\/ul>\n<p>L&rsquo;exemple suivant montre comment d\u00e9sactiver globalement le chargement diff\u00e9r\u00e9 :<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n<p>Nous pouvons \u00e9galement d\u00e9sactiver le chargement diff\u00e9r\u00e9 pour une balise sp\u00e9cifique. Dans l&rsquo;exemple ci-dessous, le chargement diff\u00e9r\u00e9 est d\u00e9sactiv\u00e9 pour les images dans le contexte <code>the_content<\/code> (pour en savoir plus, consultez la page <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">Make WordPress Core<\/a>) :<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_lazy_loading_enabled',\n\tfunction( $default, $tag_name, $context ){\n\t\tif ( 'img' === $tag_name && 'the_content' === $context ){\n\t\t\treturn false;\n\t\t}\n\t\treturn $default;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<ul>\n<li><code>$default<\/code> : La valeur bool\u00e9enne par d\u00e9faut (<code>true<\/code>).<\/li>\n<li><code>$tag_name<\/code> : Le nom de l&rsquo;\u00e9l\u00e9ment \u00e0 charger de mani\u00e8re diff\u00e9r\u00e9e.<\/li>\n<li><code>contexte $<\/code> : Un param\u00e8tre optionnel sp\u00e9cifiant le contexte de l&rsquo;image (voir la liste ci-dessus).<\/li>\n<\/ul>\n<p>Notez qu&rsquo;au moment de la r\u00e9daction de cet article, le param\u00e8tre <code>$tag_name<\/code> ne supporte que le tag <code>img<\/code>. Quoi qu&rsquo;il en soit, comme mentionn\u00e9 ci-dessus, d&rsquo;autres balises devraient \u00eatre ajout\u00e9es lors de futures impl\u00e9mentations.<\/p>\n<p>Si vous souhaitez un contr\u00f4le plus granulaire du chargement diff\u00e9r\u00e9 des images dans WordPress, vous pouvez suivre deux approches diff\u00e9rentes selon le contexte.<\/p>\n<p>Si vous travaillez sur le contenu (c&rsquo;est-\u00e0-dire <code>the_content<\/code>, <code>the_excert<\/code>, <code>widget_text_content<\/code>), vous pourriez utiliser le filtre <code>wp_img_tag_add_loading_attr.<\/code> L&rsquo;exemple suivant montre comment d\u00e9sactiver le chargement diff\u00e9r\u00e9 sur une image sp\u00e9cifique :<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'wp_img_tag_add_loading_attr',\n\tfunction( $value, $image, $context ){\n\t\tif ( 'the_content' === $context ){\n\t\t\t$image_url = wp_get_attachment_image_url( 67, 'medium' );\n\t\t\tif ( false !== strpos( $image, ' src=\"' . $image_url . '\"' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn $value;\n\t},\n\t10,\n\t3\n);<\/code><\/pre>\n<p>Les d\u00e9veloppeurs de th\u00e8mes peuvent \u00e9galement contr\u00f4ler les images via <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_get_attachment_image\/\">wp_get_attachment_image<\/a>. Dans ce sc\u00e9nario, vous pouvez simplement d\u00e9finir la valeur de l&rsquo;attribut <code>loading<\/code> de l&rsquo;image sur <code>false<\/code> :<\/p>\n<pre><code class=\"language-php\">echo wp_get_attachment_image(\n\t67,\n\t'medium',\n\tfalse,\n\tarray( 'loading' =&gt; false ),\n);<\/code><\/pre>\n<figure id=\"attachment_77435\" aria-describedby=\"caption-attachment-77435\" style=\"width: 1726px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77435 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/premiere-image-galerie-ci-dessus-chargee-maniere-differee.jpg\" alt width=\"1726\" height=\"1196\"><figcaption id=\"caption-attachment-77435\" class=\"wp-caption-text\">La premi\u00e8re image de la galerie ci-dessus n&rsquo;est pas charg\u00e9e de mani\u00e8re diff\u00e9r\u00e9e<\/figcaption><\/figure>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Native lazy-loading images is coming to <a href=\"https:\/\/twitter.com\/hashtag\/WordPress?src=hash&amp;ref_src=twsrc%5Etfw\">#WordPress<\/a> 5.5, for faster sites and less waste of network resources! And it&#39;s accompanied by further image improvements which reduce those annoying layout shifts that make you accidentally click on the wrong things. <a href=\"https:\/\/t.co\/e7g2s9uSPk\">https:\/\/t.co\/e7g2s9uSPk<\/a><\/p>\n<p>&mdash; Felix Arntz (@felixarntz) <a href=\"https:\/\/twitter.com\/felixarntz\/status\/1283167725313880064?ref_src=twsrc%5Etfw\">July 14, 2020<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Vous trouverez de plus amples informations sur le <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\">chargement diff\u00e9r\u00e9 d&rsquo;images dans WordPress 5.5<\/a> sur le blog Make WordPress Core.<\/p>\n<h2>Mises \u00e0 jour automatiques pour les extensions et les th\u00e8mes<\/h2>\n<p>L&rsquo;une des plus grandes pr\u00e9occupations des propri\u00e9taires de sites est la <a href=\"https:\/\/kinsta.com\/fr\/blog\/securite-wordpress\/\">s\u00e9curit\u00e9 du site<\/a> et la mise \u00e0 jour de votre logiciel est une recommandation commune que chaque propri\u00e9taire de site devrait prendre en compte.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/mises-a-jour-wordpress-automatiques\/\">Les mises \u00e0 jour automatiques de WordPress<\/a> sont disponibles depuis la version 3.7 de WordPress. Maintenant, le probl\u00e8me est que si les mises \u00e0 jour automatiques sont activ\u00e9es par d\u00e9faut pour la maintenance de base et les versions de s\u00e9curit\u00e9, avant WordPress 5.5, de nombreux propri\u00e9taires de sites ne profitaient pas des mises \u00e0 jour automatiques pour les extensions et les th\u00e8mes.<\/p>\n<p>La raison \u00e9tant que cette fonctionnalit\u00e9 n\u00e9cessite des connaissances de base en mati\u00e8re de d\u00e9veloppement WordPress. En fait, les d\u00e9veloppeurs pouvaient affiner leurs pr\u00e9f\u00e9rences de mise \u00e0 jour en d\u00e9finissant <a href=\"https:\/\/kinsta.com\/fr\/blog\/mises-a-jour-wordpress-automatiques\/#background-updates-wp-config\">une ou plusieurs constantes dans wp-config.php<\/a> ou en <a href=\"https:\/\/kinsta.com\/fr\/blog\/mises-a-jour-wordpress-automatiques\/#background-updates-api-filters\">utilisant un filtre dans une extension<\/a>.<\/p>\n<p>Avec WordPress 5.5, les responsables de site peuvent d\u00e9sormais activer et d\u00e9sactiver les mises \u00e0 jour automatiques des extensions et des th\u00e8mes d&rsquo;un simple clic, directement dans leur <a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">tableau de bord WordPress<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Les mises \u00e0 jour automatiques des extensions et des th\u00e8mes sont d\u00e9sactiv\u00e9es par d\u00e9faut.<\/p>\n<\/aside>\n\n<p>Les mises \u00e0 jour automatiques des extensions peuvent \u00eatre activ\u00e9es et d\u00e9sactiv\u00e9es en cliquant sur le lien apparaissant dans la colonne <strong>Mises \u00e0 <\/strong><strong>jour automatiques<\/strong> maintenant disponible dans l&rsquo;<strong>\u00e9cran des extensions<\/strong>.<\/p>\n<figure id=\"attachment_77438\" aria-describedby=\"caption-attachment-77438\" style=\"width: 1746px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77438 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/activation-mises-a-jour-automatiques-extensions.jpg\" alt width=\"1746\" height=\"914\"><figcaption id=\"caption-attachment-77438\" class=\"wp-caption-text\">Activation des mises \u00e0 jour automatiques pour les extensions<\/figcaption><\/figure>\n<p>Si vous souhaitez activer les mises \u00e0 jour automatiques pour votre th\u00e8me, allez sur <strong>Apparence &gt; Th\u00e8mes,<\/strong> puis survolez votre th\u00e8me et cliquez sur <strong>D\u00e9tails du th\u00e8me. <\/strong>Ensuite, cliquez sur le nouveau lien<strong> Activer les mises \u00e0 jour automatiques<\/strong> et vous avez termin\u00e9.<\/p>\n<figure id=\"attachment_77444\" aria-describedby=\"caption-attachment-77444\" style=\"width: 1624px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77444 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/permettre-mises-a-jour-automatiques-theme.jpg\" alt=\"Permettre des mises \u00e0 jour automatiques pour un th\u00e8me\" width=\"1624\" height=\"800\"><figcaption id=\"caption-attachment-77444\" class=\"wp-caption-text\">Permettre des mises \u00e0 jour automatiques pour un th\u00e8me<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Par d\u00e9faut, seuls les utilisateurs disposant des fonctionnalit\u00e9s <code>update_plugins<\/code> et <code>update_themes<\/code> peuvent g\u00e9rer les mises \u00e0 jour automatiques des extensions et des th\u00e8mes lors des installations normales de WordPress. Sur un <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/multisite\/\">multisite<\/a>, les mises \u00e0 jour automatiques sont disponibles pour les responsables du r\u00e9seau dans le tableau de bord du r\u00e9seau (pour en savoir plus sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/roles-utilisateurs-wordpress\/\">r\u00f4les et les permissions des utilisateurs WordPress, cliquez ici<\/a>)<\/p>\n<\/aside>\n\n<p>La nouvelle interface utilisateur de mise \u00e0 jour automatique pour les extensions et les th\u00e8mes s&rsquo;accompagne de plusieurs <a href=\"https:\/\/kinsta.com\/fr\/blog\/hooks-wordpress\/\">fonctions et hooks<\/a> disponibles pour les d\u00e9veloppeurs afin de personnaliser l&rsquo;exp\u00e9rience de mise \u00e0 jour automatique.<\/p>\n<h3>Fonctions de mise \u00e0 jour automatique et filtres pour les d\u00e9veloppeurs d\u2019extensions et de th\u00e8mes<\/h3>\n<p>Une nouvelle fonction et plusieurs filtres permettent aux <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">d\u00e9veloppeurs de WordPress<\/a> de personnaliser de nombreux aspects des mises \u00e0 jour automatiques des extensions et des th\u00e8mes.<\/p>\n<h4>UI de la v\u00e9rification de mise \u00e0 jour automatique<\/h4>\n<p>La nouvelle fonction WordPress <code>wp_is_auto_update_enabled_for_type()<\/code> v\u00e9rifie si l\u2019interface utilisateur de la mise \u00e0 jour automatique est activ\u00e9e pour un type donn\u00e9. La nouvelle fonction conserve un seul argument (<code>$type<\/code>) qui d\u00e9termine le type de mise \u00e0 jour \u00e0 v\u00e9rifier (<code>\"theme\"<\/code> ou <code>\"plugin\"<\/code>) et renvoie <code>true<\/code> ou <code>false<\/code> en cons\u00e9quence.<\/p>\n<p>La nouvelle interface utilisateur de mise \u00e0 jour automatique peut \u00eatre d\u00e9sactiv\u00e9e pour les extensions ou les th\u00e8mes gr\u00e2ce \u00e0 deux nouveaux filtres : <code>plugins_auto_update_enabled<\/code> et <code>themes_auto_update_enabled<\/code>. Voir l&rsquo;exemple ci-dessous :<\/p>\n<pre><code class=\"language-php\">\/\/ Disable plugins auto-update UI elements.\nadd_filter( 'plugins_auto_update_enabled', '__return_false' );\n\n\/\/ Disable themes auto-update UI elements.\nadd_filter( 'themes_auto_update_enabled', '__return_false' );<\/code><\/pre>\n<p>Les filtres ci-dessus sont document\u00e9s dans <em>wp-admin\/includes\/update.php<\/em>.<\/p>\n<h4>Personnaliser les liens de mise \u00e0 jour automatique<\/h4>\n<p>Les d\u00e9veloppeurs d\u2019extensions et de th\u00e8mes peuvent personnaliser l\u2019affichage HTML des liens de mise \u00e0 jour automatique.<\/p>\n<p>Le filtre <code>plugin_auto_update_setting_html<\/code> permet de personnaliser les liens de basculement et le d\u00e9lai entre deux tentatives de mise \u00e0 jour.<\/p>\n<p>La fonction de rappel conserve les arguments de l&rsquo;arbre :<\/p>\n<ul>\n<li><code>$html<\/code> : Le HTML du contenu de la colonne de mise \u00e0 jour automatique de l\u2019extension, y compris les liens d&rsquo;action de mise \u00e0 jour automatique et le d\u00e9lai de la prochaine mise \u00e0 jour.<\/li>\n<li><code>$plugin_file<\/code> : Chemin d&rsquo;acc\u00e8s au fichier de l\u2019extension relatif au r\u00e9pertoire des extensions.<\/li>\n<li><code>$plugin_data<\/code> : Un tableau de donn\u00e9es de l\u2019extension.<\/li>\n<\/ul>\n<p>Maintenant, si vous souhaitez personnaliser le libell\u00e9 du texte du lien de mise \u00e0 jour automatique, vous pouvez utiliser le filtre comme indiqu\u00e9 dans l&rsquo;extrait suivant.<\/p>\n<pre><code class=\"language-php\">add_filter( 'plugin_auto_update_setting_html', function( $html, $plugin_file, $plugin_data ){\n\tif ( 'kinsta-plugin\/kinsta-plugin.php' === $plugin_file ) {\n\t\t$html = __( 'Custom HTML', 'kinsta-plugin' );\n\t}\n\treturn $html;\t\n\t}, \n\t10, \n\t3 \n);<\/code><\/pre>\n<p>L&rsquo;image ci-dessous montre le r\u00e9sultat \u00e0 l&rsquo;\u00e9cran.<\/p>\n<figure id=\"attachment_77428\" aria-describedby=\"caption-attachment-77428\" style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77428 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/html-personnalise-lien-mise-a-jour-automatique.jpg\" alt width=\"1616\" height=\"660\"><figcaption id=\"caption-attachment-77428\" class=\"wp-caption-text\">HTML personnalis\u00e9 pour un lien de mise \u00e0 jour automatique<\/figcaption><\/figure>\n<p>Ce filtre est document\u00e9 dans <em>wp-admin\/includes\/class-wp-plugins-list-table.php<\/em>.<\/p>\n<p>Sur les sites individuels, vous pouvez personnaliser le mod\u00e8le JS du lien de mise \u00e0 jour automatique via le filtre <code>theme_auto_update_setting_template<\/code>. L&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\">article de blog pr\u00e9sentant les mises \u00e0 jour automatiques des ensions et des th\u00e8mes<\/a> fournit l&rsquo;exemple suivant pour ce filtre :<\/p>\n<pre><code class=\"language-php\">function myplugin_auto_update_setting_template( $template ) {\n    $text = __( 'Auto-updates are not available for this theme.', 'my-plugin' );\n \n    return \"&lt;# if ( [ 'my-theme', 'twentytwenty' ].includes( data.id ) ) { #&gt;\n        &lt;p&gt;$text&lt;\/p&gt;\n        &lt;# } else { #&gt;\n        $template\n        &lt;# } #&gt;\";\n}\nadd_filter( 'theme_auto_update_setting_template', 'myplugin_auto_update_setting_template' );<\/code><\/pre>\n<p>Il est recommand\u00e9 de v\u00e9rifier le th\u00e8me cible \u00e0 l&rsquo;aide du param\u00e8tre <code>data.id<\/code>.<\/p>\n<p>Si vous travaillez sur une <a href=\"https:\/\/kinsta.com\/fr\/blog\/multisite-wordpress\/\">installation multisite de WordPress<\/a>, vous avez besoin du filtre <code>theme_auto_update_setting_html<\/code>, qui vous permet de personnaliser les liens des mises \u00e0 jour automatiques de l&rsquo;\u00e9cran des th\u00e8mes de la m\u00eame mani\u00e8re que l&rsquo;\u00e9cran des extensions.<\/p>\n<p>Enfin, deux filtres suppl\u00e9mentaires contr\u00f4lent toutes les mises \u00e0 jour automatiques pour chaque th\u00e8me et extension, y compris les th\u00e8mes et extensions qui devraient \u00eatre install\u00e9s \u00e0 l&rsquo;avenir.<\/p>\n<p>Ces filtres, disponibles depuis WordPress 3.7, remplacent tous les r\u00e9glages de mise \u00e0 jour automatique dans votre tableau de bord WordPress. Vous pouvez en savoir plus \u00e0 ce sujet dans notre rubrique <a href=\"https:\/\/kinsta.com\/fr\/blog\/mises-a-jour-wordpress-automatiques\/#background-updates-api-filters\">Plongez dans les mises \u00e0 jour automatiques de WordPress<\/a>. Pour une vue plus approfondie des mises \u00e0 jour automatiques pour les extensions et les th\u00e8mes, lisez <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/controlling-plugin-and-theme-auto-updates-ui-in-wordpress-5-5\/\">cet article de blog<\/a>.<\/p>\n<h4>Notifications de mise \u00e0 jour automatique par e-mail et informations sur la sant\u00e9 du site<\/h4>\n<p>Depuis WordPress 5.5, une notification par e-mail est envoy\u00e9e apr\u00e8s toute tentative de mise \u00e0 jour automatique.<\/p>\n<p>Le filtre <code>auto_plugin_theme_update_email<\/code> hook filtre les e-mails envoy\u00e9s apr\u00e8s une mise \u00e0 jour automatique en arri\u00e8re-plan. Voir l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\">article du blog de dev-notes<\/a> pour un exemple d&rsquo;utilisation.<\/p>\n<p>Les notifications automatiques par e-mail peuvent \u00e9galement \u00eatre d\u00e9sactiv\u00e9es \u00e0 l&rsquo;aide de deux nouveaux filtres :<\/p>\n<pre><code class=\"language-php\">\/\/ Disable auto-update email notifications for plugins.\nadd_filter( 'auto_plugin_update_send_email', '__return_false' );\n\n\/\/ Disable auto-update email notifications for themes.\nadd_filter( 'auto_theme_update_send_email', '__return_false' );<\/code><\/pre>\n<p>Les informations de mise \u00e0 jour automatique des extensions et des th\u00e8mes sont \u00e9galement affich\u00e9es dans l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-2\/#site-health-check\">onglet Info de sant\u00e9 du site<\/a>.<\/p>\n<figure id=\"attachment_77441\" aria-describedby=\"caption-attachment-77441\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77441 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/info-sante-site-mise-a-jour-automatique-extensions-theme.jpg\" alt width=\"1600\" height=\"886\"><figcaption id=\"caption-attachment-77441\" class=\"wp-caption-text\">L&rsquo;onglet Info de sant\u00e9&#038; du site indique l&rsquo;\u00e9tat de la mise \u00e0 jour automatique des extensions et du th\u00e8me<\/figcaption><\/figure>\n<p>Les d\u00e9veloppeurs peuvent personnaliser le texte apparaissant sur cet \u00e9cran en utilisant les filtres <code>plugin_auto_update_debug_string<\/code> et <code>theme_auto_update_debug_string<\/code>. Plus d&rsquo;informations et plusieurs exemples sont <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/controlling-plugin-and-theme-auto-update-email-notifications-and-site-health-infos-in-wp-5-5\/\">disponibles ici<\/a>.<\/p>\n<h2>Plans de sites (sitemap) extensibles dans le noyau<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/#19-set-up-a-sitemap\">Un plan de site (sitemap)<\/a> est simplement une liste d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/description-url\/\">URLs<\/a> permettant aux moteurs de recherche d&rsquo;explorer rapidement votre site web.<\/p>\n<p>Les plans de site sont assez similaires \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/robots-txt-wordpress\/\">robots.txt<\/a>, \u00e0 la diff\u00e9rence qu&rsquo;un fichier robots.txt exclut le contenu de l&rsquo;indexation, tandis qu&rsquo;un plan de site fournit une <a href=\"https:\/\/kinsta.com\/fr\/blog\/soumettre-site-moteurs-de-recherche\/\">liste d&rsquo;URLs \u00e0 indexer par les moteurs de recherche<\/a>.<\/p>\n<p>Avant WordPress 5.5, les plans de site ne pouvaient \u00eatre ajout\u00e9s aux sites web WordPress qu&rsquo;\u00e0 l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/sitemap-wordpress\/#plugin\">aide d&rsquo;un<\/a>e extension ou d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/sitemap-wordpress\/#manual\">autres outils<\/a>.<\/p>\n<p>WordPress 5.5 apporte maintenant une <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">toute nouvelle fonctionnalit\u00e9 de plans de site XML au noyau de WordPress<\/a>.<\/p>\n<p>Cette nouvelle fonctionnalit\u00e9 ajoute des fonctionnalit\u00e9s de base, mais elle est accompagn\u00e9e d&rsquo;un bon nombre de hooks et de filtres permettant aux d\u00e9veloppeurs d\u2019extensions d&rsquo;\u00e9tendre encore les fonctionnalit\u00e9s int\u00e9gr\u00e9es.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/que-veut-dire-referencement-seo\/#create-an-xml-sitemap\">Les plans de site XML<\/a> sont activ\u00e9s par d\u00e9faut (sauf si vous refusez aux moteurs de recherche d&rsquo;indexer votre site web) et fournissent les types d&rsquo;objets suivants :<\/p>\n<ul>\n<li>Page d&rsquo;accueil<\/li>\n<li>Page d\u2019articles<\/li>\n<li>Types de publications de base (pages et articles)<\/li>\n<li>Types de publications personnalis\u00e9s<\/li>\n<li>Taxonomies de base (\u00c9tiquettes et cat\u00e9gories)<\/li>\n<li>Taxonomies personnalis\u00e9es<\/li>\n<li>Archives d\u2019auteurs<\/li>\n<\/ul>\n<p>L&rsquo;index du plan du site est disponible sur <em>\/wp-sitemap.xml<\/em>, qui contient un maximum de 2 000 URLs. Lorsque la limite maximale est atteinte, un nouveau fichier de plan de site est ajout\u00e9.<\/p>\n<figure id=\"attachment_77447\" aria-describedby=\"caption-attachment-77447\" style=\"width: 1470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77447 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/exemple-plan-site-principal-wordpress.jpg\" alt width=\"1470\" height=\"758\"><figcaption id=\"caption-attachment-77447\" class=\"wp-caption-text\">Exemple de plan du site principal de WordPress<\/figcaption><\/figure>\n<p>Comme mentionn\u00e9 pr\u00e9c\u00e9demment, les d\u00e9veloppeurs d\u2019extensions peuvent personnaliser leurs plans de site en utilisant une ou plusieurs des nombreuses actions et filtres disponibles. Pour une liste compl\u00e8te des possibilit\u00e9s offertes par les plans de site, voir la <a href=\"https:\/\/wordpress.org\/plugins\/core-sitemaps\/\">documentation de l\u2019extension<\/a> et l\u2019article de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">pr\u00e9sentation du blog<\/a>.<\/p>\n<p>Par exemple, vous pouvez d\u00e9sactiver par programmation les plans de site en utilisant le filtre <code>wp_sitemaps_enabled<\/code>, qui filtre si les plans de site XML sont activ\u00e9s ou non :<\/p>\n<pre><code class=\"language-php\">add_filter( 'wp_sitemaps_enabled', '__return_false' );\n<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Par souci de coh\u00e9rence avec des filtres similaires, le filtre <code>wp_sitemaps_is_enabled<\/code> a \u00e9t\u00e9 renomm\u00e9 en <code>wp_sitemaps_enabled<\/code>\u00a0(#<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/50428\">50428<\/a>)<\/p>\n<\/aside>\n\n<p>Les plans de site du noyau ne doivent pas entrer en conflit avec les extensions de plan de site que vous avez pu installer sur votre site web. Selon <a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/10\/merge-announcement-extensible-core-sitemaps\/\">Pascal Birchler sur Make WordPress Core<\/a> :<\/p>\n<blockquote><p>La fonction principale des plans de site a \u00e9t\u00e9 con\u00e7ue de mani\u00e8re robuste et facilement extensible. Si, pour une raison quelconque, deux sitemaps sont expos\u00e9s sur un site web (un par le noyau, l&rsquo;autre par une extension), cela n&rsquo;a pas de cons\u00e9quences n\u00e9gatives sur la possibilit\u00e9 de d\u00e9couvrir le site.<\/p><\/blockquote>\n<p>Dans le cadre de la fonctionnalit\u00e9 de plan de site XML, une nouvelle fonction <code>esc_xml()<\/code> permet d&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/21\/new-esc_xml-function-in-wordpress-5-5\/\">\u00e9chapper les cha\u00eenes de caract\u00e8res des blocs XML<\/a>. La fonction et le filtre correspondant sont document\u00e9s dans <em>wp-includes\/formatting.php<\/em>.<\/p>\n<p>Au moment o\u00f9 nous \u00e9crivons ces lignes, la nouvelle fonction de plan de site ne prend pas en charge les plans de site image\/vid\u00e9o\/nouvelles et cela ne changera probablement pas \u00e0 l&rsquo;avenir. Quoi qu&rsquo;il en soit, de nouveaux filtres et crochets permettant aux d\u00e9veloppeurs d&rsquo;ajouter cette fonctionnalit\u00e9 pourraient \u00eatre ajout\u00e9s dans les prochaines versions.<\/p>\n<p>Pour plus d&rsquo;informations sur les plans de site extensibles, voir l&rsquo;<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/new-xml-sitemaps-functionality-in-wordpress-5-5\/\">introduction des d\u00e9veloppeurs aux plans de site<\/a> qui couvre les nouvelles classes, fonctions, crochets et filtres.<\/p>\n<h2>Transmission des arguments aux fichiers de mod\u00e8le<\/h2>\n<p>Avant WordPress 5.5, le transfert de donn\u00e9es vers des fichiers mod\u00e8les n&rsquo;\u00e9tait possible que via des variables globales, des variables de requ\u00eate et quelques autres options non optimales. Maintenant, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/\">\u00e0 partir de WordPress 5.5<\/a>, un param\u00e8tre <code>$args<\/code> a \u00e9t\u00e9 ajout\u00e9 aux fonctions de chargement des mod\u00e8les (les hooks correspondants ont \u00e9t\u00e9 mis \u00e0 jour en cons\u00e9quence) :<\/p>\n<ul>\n<li><code>get_header()<\/code><\/li>\n<li><code>get_footer()<\/code><\/li>\n<li><code>get_sidebar()<\/code><\/li>\n<li><code>get_template_part()<\/code><\/li>\n<li><code>locate_template()<\/code><\/li>\n<li><code>load_template()<\/code><\/li>\n<\/ul>\n<p>Les d\u00e9veloppeurs de th\u00e8mes peuvent d\u00e9sormais d\u00e9finir une variable dans un fichier de mod\u00e8le et la rendre accessible dans n&rsquo;importe quelle partie de mod\u00e8le incluse en passant simplement un tableau d&rsquo;arguments.<\/p>\n<p>Maintenant, alors que cette fonctionnalit\u00e9 ouvre de nouvelles grandes possibilit\u00e9s pour les d\u00e9veloppeurs de th\u00e8mes, Justin Tadlock de WP Tavern pose une <a href=\"https:\/\/wptavern.com\/theme-authors-can-pass-data-to-template-files-in-wordpress-5-5\">bonne question<\/a> :<\/p>\n<blockquote><p>Une question demeure : <em>l&rsquo;arriv\u00e9e de cette fonctionnalit\u00e9 est-elle trop tardive ?<\/em> WordPress \u00e9tant en passe de r\u00e9organiser l&rsquo;ensemble du syst\u00e8me de th\u00e8mes pour l&rsquo;int\u00e9grer \u00e0 la prochaine fonction d&rsquo;\u00e9dition globale du site, cette fonction ne sera-t-elle utile que pendant les prochains mois ?<\/p><\/blockquote>\n<p>Un bon point vient de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/17\/passing-arguments-to-template-files-in-wordpress-5-5\/#comment-38999\">John Blackbourne<\/a> :<\/p>\n<blockquote><p>M\u00eame dans un futur o\u00f9 l&rsquo;\u00e9dition du site sera globale, il y aura toujours un grand besoin de parties de mod\u00e8les. Les types de blocs de rendu dynamique peuvent faire et font un bon usage des parties structur\u00e9es des mod\u00e8les, par exemple. Ils ne s&rsquo;excluent pas mutuellement et il y aura toujours des th\u00e8mes qui n&rsquo;utiliseront pas beaucoup les blocs pour la mise en page.<\/p><\/blockquote>\n<p>Nous avons finalement contact\u00e9 <a href=\"https:\/\/profiles.wordpress.org\/enricosorcinelli\/\">Enrico Sorcinelli<\/a>, contributeur principal de WP, qui nous a fait part de ses r\u00e9flexions :<\/p>\n<blockquote><p>Si vous me demandez si nous sommes arriv\u00e9s trop tard, de mon point de vue, il n&rsquo;est jamais trop tard !<br \/>\nJe pense qu&rsquo;\u00e0 l&rsquo;avenir les d\u00e9veloppeurs de th\u00e8mes pourront b\u00e9n\u00e9ficier de cette opportunit\u00e9, ce qui n&rsquo;exclut pas qu&rsquo;elle puisse \u00eatre utilis\u00e9e en symbiose avec l&rsquo;approche \u00e9mergente de l&rsquo;\u00e9dition globale de site (par exemple pour les blocs avec rendu dynamique).<\/p><\/blockquote>\n<p>Il est peut-\u00eatre tout simplement trop t\u00f4t pour dire comment cette fonctionnalit\u00e9 s&rsquo;associerait exactement \u00e0 l&rsquo;\u00e9dition globale de site, mais une chose semble certaine : les d\u00e9veloppements futurs offriront de grandes possibilit\u00e9s de cr\u00e9er de meilleurs sites web, tant pour les utilisateurs que pour les d\u00e9veloppeurs.<\/p>\n<h2>Mise \u00e0 jour d\u2019extensions et de th\u00e8mes \u00e0 partir d&rsquo;un fichier .zip<\/h2>\n<p>Je sais ce que vous pensez : il peut sembler assez \u00ab\u00a0inattendu\u00a0\u00bb de voir cette fonctionnalit\u00e9 appara\u00eetre en m\u00eame temps que les mises \u00e0 jour automatiques.<\/p>\n<p>N\u00e9anmoins, cela a un sens. Avant WordPress 5.5, lorsque la fonction de mise \u00e0 jour en un clic faisait d\u00e9faut, les responsables de site ne pouvaient <a href=\"https:\/\/kinsta.com\/fr\/blog\/mettre-a-jour-plugin-wordpress-manuellement\/\">t\u00e9l\u00e9verser les mises \u00e0 jour des extensions\/th\u00e8mes<\/a> uniquement via <a href=\"https:\/\/kinsta.com\/fr\/blog\/mettre-a-jour-plugin-wordpress-manuellement\/\">FTP\/SFTP<\/a> ou le gestionnaire de fichiers (<a href=\"https:\/\/kinsta.com\/fr\/blog\/ftp-vs-sftp\/\">apprenez la diff\u00e9rence entre FTP et SFTP<\/a>). Cela \u00e9tait surtout vrai pour les extensions\/th\u00e8mes personnalis\u00e9s ou pour les extensions h\u00e9berg\u00e9es sur des places de march\u00e9 tierces.<\/p>\n<p>\u00c0 partir de WordPress 5.5, vous pouvez <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/9757\">mettre \u00e0 jour les extensions et les th\u00e8mes en t\u00e9l\u00e9versant un fichier .zip<\/a> depuis votre ordinateur dans votre tableau de bord WordPress.<\/p>\n<p>Si vous souhaitez mettre \u00e0 jour une extension, allez sur l&rsquo;\u00e9cran <strong>Extension &gt; Ajouter<\/strong> et cliquez sur le bouton <strong>T\u00e9l\u00e9verser une extension.<\/strong> Ensuite, si l\u2019extension est install\u00e9e sur votre site web, un nouvel \u00e9cran vous indique que \u00ab\u00a0Cette extension est d\u00e9j\u00e0 install\u00e9\u00a0e\u00a0\u00bb et affiche la version actuelle et les d\u00e9tails de la version t\u00e9l\u00e9vers\u00e9e.<\/p>\n<figure id=\"attachment_77439\" aria-describedby=\"caption-attachment-77439\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77439 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/extension-deja-installee.jpg\" alt=\"Cette extension est d\u00e9j\u00e0 install\u00e9e\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77439\" class=\"wp-caption-text\">Cette extension est d\u00e9j\u00e0 install\u00e9e<\/figcaption><\/figure>\n<p>Le processus est assez similaire pour les mises \u00e0 jour des th\u00e8mes.<\/p>\n<p>Naviguez jusqu&rsquo;\u00e0 l&rsquo;\u00e9cran <strong>Apparence &gt; Th\u00e8mes<\/strong>, puis cliquez sur <strong>Ajouter,<\/strong> puis sur <strong>T\u00e9l\u00e9verser un th\u00e8me.<\/strong> Si le th\u00e8me est d\u00e9j\u00e0 install\u00e9 sur votre site WordPress, un nouvel \u00e9cran vous informe que \u00ab\u00a0Ce th\u00e8me est d\u00e9j\u00e0 install\u00e9\u00a0\u00bb et affiche la version actuelle et les d\u00e9tails de la version t\u00e9l\u00e9vers\u00e9e.<\/p>\n<figure id=\"attachment_77445\" aria-describedby=\"caption-attachment-77445\" style=\"width: 1660px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-77445 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/theme-deja-installe.jpg\" alt=\"Ce th\u00e8me est d\u00e9j\u00e0 install\u00e9\" width=\"1660\" height=\"1114\"><figcaption id=\"caption-attachment-77445\" class=\"wp-caption-text\">Ce th\u00e8me est d\u00e9j\u00e0 install\u00e9<\/figcaption><\/figure>\n<h2>Am\u00e9liorations suppl\u00e9mentaires pour les d\u00e9veloppeurs avec WordPress 5.5<\/h2>\n<p>En plus de ce que nous avons couvert jusqu&rsquo;\u00e0 pr\u00e9sent, quelques ajouts m\u00e9ritent l&rsquo;attention d&rsquo;un d\u00e9veloppeur.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"circle\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nouvelle fonction wp_get_environment_type()<\/h3>\n<p>Une <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/24\/new-wp_get_environment_type-function-in-wordpress-5-5\/\">nouvelle fonction <code>wp_get_environment_type()<\/code><\/a> permet de d\u00e9tecter le type d&rsquo;environnement actuel d&rsquo;un site web, ce qui permet aux d\u00e9veloppeurs d&rsquo;adapter les fonctionnalit\u00e9s des extensions et des th\u00e8mes \u00e0 l&rsquo;environnement actuel.<\/p>\n<p>Par d\u00e9faut, <code>wp_get_environment_type()<\/code> retourne <code>production<\/code>. Les autres valeurs support\u00e9es sont le <code>development<\/code> et la <code>staging<\/code>. Quoi qu&rsquo;il en soit, les d\u00e9veloppeurs sont autoris\u00e9s \u00e0 d\u00e9finir des types d&rsquo;environnement suppl\u00e9mentaires si n\u00e9cessaire.<\/p>\n<p>Il existe trois m\u00e9thodes pour d\u00e9finir un type d&rsquo;environnement de site web. Vous pouvez utiliser un ordre de priorit\u00e9 :<\/p>\n<ul>\n<li>La variable d&rsquo;environnement PHP <code>WP_ENVIRONMENT_TYPE<\/code><span class=\"Apple-converted-space\">\u00a0<\/span><\/li>\n<li>La constante <code>WP_ENVIRONMENT_TYPE<\/code>.<\/li>\n<li>Le filtre <code>wp_get_environment_type<\/code>.<\/li>\n<\/ul>\n<p>Par exemple, si vous souhaitez d\u00e9finir <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">votre environnement en<em> staging<\/em><em>,<\/em><\/a> vous pouvez d\u00e9finir la constante WP_ENVIRONMENT_TYPE dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/wp-config-php\/\">votre fichier wp-config.php<\/a> comme indiqu\u00e9 ci-dessous :<\/p>\n<pre><code class=\"language-php\">define( 'WP_ENVIRONMENT_TYPE', 'staging' );<\/code><\/pre>\n<p>Si le type d&rsquo;environnement est en <em>develoment<\/em>, <code>WP_DEBUG<\/code> sera automatiquement mis sur <code>true<\/code> m\u00eame si vous ne l&rsquo;avez pas d\u00e9fini explicitement.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Tous les h\u00e9bergeurs sont tenus de prendre en charge cette fonctionnalit\u00e9 et doivent configurer leur environnement de staging en cons\u00e9quence. Kinsta prend d\u00e9j\u00e0 en charge la fonction <code>wp_get_environment_type()<\/code>.<\/p>\n<\/aside>\n\n<h3>Changements de l&rsquo;API REST dans WordPress 5.5<\/h3>\n<p>WordPress 5.5 apporte \u00e9galement de nombreux changements \u00e0 l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/api-rest-wordpress\/\">API REST<\/a>. Nous verrons <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/new-and-modified-rest-api-endpoints-in-wordpress-5-5\/\">plusieurs nouveaux points de terminaison (endpoints)<\/a>, de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/16\/rest-api-parameter-json-schema-changes-in-wordpress-5-5\/\">nouveaux param\u00e8tres et des modifications du sch\u00e9ma JSON<\/a>, de nouvelles <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\">fonctions et d&rsquo;autres am\u00e9liorations<\/a>.<\/p>\n<p>Voici une liste rapide des nouveaux points de terminaison :<\/p>\n<h4>Types de blocs<\/h4>\n<p>Un nouveau point de terminaison permet d&rsquo;obtenir tous les types de blocs enregistr\u00e9s :<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-types<\/code> renverra tous les types de blocs enregistr\u00e9s.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core<\/code> renverra tous les blocs avec le nom <code>core<\/code>.<\/li>\n<li><code>GET \/wp\/v2\/block-types\/core\/quote<\/code> renvoie la d\u00e9finition du bloc de <code>quote<\/code>.<\/li>\n<\/ul>\n<h4>Extensions<\/h4>\n<p>Un nouveau point de terminaison permet de g\u00e9rer les extensions :<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/plugins<\/code> renvoie une liste de toutes les extensions install\u00e9es.<\/li>\n<li><code>GET \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> renvoie des informations sur l\u2019extension sp\u00e9cifi\u00e9e.<\/li>\n<li><code>POST \/wp\/v2\/plugins { slug : \"plugin-name\" }<\/code> installe l\u2019extension sp\u00e9cifi\u00e9e depuis le r\u00e9pertoire des extensions<\/li>\n<li><code>PUT \/wp\/v2\/plugins\/plugin-name\/plugin-name { status : \"active\" }<\/code> active l\u2019extension sp\u00e9cifi\u00e9e<\/li>\n<li><code>DELETE \/wp\/v2\/plugins\/plugin-name\/plugin-name<\/code> supprime une extension inactive.<\/li>\n<\/ul>\n<h4>Modification d&rsquo;images<\/h4>\n<p>Un nouveau point de terminaison permet de faire des recherches dans le r\u00e9pertoire des blocs :<\/p>\n<ul>\n<li><code>GET \/wp\/v2\/block-directory\/search?term=block-name<\/code> recherche <code>bloc-name<\/code> dans le r\u00e9pertoire de bloc.<\/li>\n<\/ul>\n<h4>Image Editing<\/h4>\n<p>Associ\u00e9 \u00e0 la nouvelle fonction de modification d&rsquo;images en ligne, un nouveau point de terminaison permet de modifier les pi\u00e8ces jointes des images dans la m\u00e9diath\u00e8que :<\/p>\n<p><code>POST \/wp\/v2\/media\/5\/edit<\/code> modifie l&rsquo;image avec l&rsquo;ID 5<\/p>\n<p>Voir les <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/22\/rest-api-changes-in-wordpress-5-5\/\">notes de d\u00e9veloppement du noyau de WordPress<\/a> pour un aper\u00e7u plus d\u00e9taill\u00e9 de tous les changements apport\u00e9s \u00e0 l&rsquo;API REST avec WordPress 5.5.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Nous sommes ravis de toutes ces nouvelles fonctionnalit\u00e9s et am\u00e9liorations que WordPress 5.5 apporte en une seule version.<\/p>\n<p>Cela montre l&rsquo;\u00e9norme quantit\u00e9 de travail qui se fait dans les coulisses et nous appr\u00e9cions profond\u00e9ment tous les efforts et l&rsquo;engagement de chaque contributeur principal.<\/p>\n<p>Si les changements \u00e9num\u00e9r\u00e9s ci-dessus ne vous suffisent pas, voici d&rsquo;autres am\u00e9liorations venant avec WordPress 5.5 :<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/15\/dashicons-in-wordpress-5-5-the-final-update\/\">65 nouvelles ic\u00f4nes ajout\u00e9es \u00e0<\/a> la police d&rsquo;ic\u00f4nes Dashicons dans le noyau de WordPress<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/09\/accessibility-improvements-to-widgets-outputting-lists-of-links-in-5-5\/\">Am\u00e9liorations de l&rsquo;accessibilit\u00e9 des listes de liens dans les widgets<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/10\/new-css-styles-for-buttons-with-disabled-state-in-wp-5-5\/\">Nouveaux styles CSS pour les boutons d\u00e9sactiv\u00e9s<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/27\/opcode-cache-invalidation-in-wordpress-5-5\/\">Invalidation du cache d&rsquo;opcode<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/06\/26\/wordpress-5-5-better-fine-grained-control-of-redirect_guess_404_permalink\/\">Meilleur contr\u00f4le de <code>redirect_guess_404_permalink()<\/code><\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/php-related-improvements-changes-wordpress-5-5-edition\/\">Am\u00e9liorations li\u00e9es au PHP<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/23\/codebase-language-improvements-in-5-5\/\">Modifications de la base de code<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\">Modifications des fonctions et du filtre du logo personnalis\u00e9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/block-api-updates-in-5-5\/\">Bloquer les mises \u00e0 jour de l&rsquo;API<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/filtering-archive-pages-headings-in-wordpress-5-5\/\">Filtres des titres de pages d&rsquo;archives<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/30\/themes-field-guide-wordpress-5-5\/\">Ajout d&rsquo;ic\u00f4nes dans Twenty Twenty<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/28\/themes-changes-related-to-get_custom_logo-in-wordpress-5-5\/\">Et bien d&rsquo;autres encore<\/a><\/li>\n<\/ul>\n<p>N&rsquo;oubliez pas de <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\">participer \u00e0 notre webinaire gratuit<\/a> enti\u00e8rement consacr\u00e9 \u00e0 WordPress 5.5 !<\/p>\n<p>Maintenant, c&rsquo;est votre tour. Quelles sont les fonctionnalit\u00e9s et\/ou am\u00e9liorations que vous appr\u00e9ciez le plus dans WordPress 5.5 ? Et quelles sont les fonctionnalit\u00e9s que vous aimeriez voir <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/31\/wordpress-5-6-whats-on-your-wishlist\/\">ajout\u00e9es \u00e0 WordPress 5.6<\/a> ? Faites-nous part de vos r\u00e9flexions dans la section des commentaires ci-dessous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.5 \u00ab\u00a0Eckstine\u00a0\u00bb est sorti, et il est temps pour nous d&rsquo;introduire les changements et les fonctionnalit\u00e9s les plus remarquables ajout\u00e9s au noyau avec la deuxi\u00e8me &#8230;<\/p>\n","protected":false},"author":36,"featured_media":40928,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[85,33],"topic":[1040],"class_list":["post-40892","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-wordpress","topic-mises-a-jour-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Quoi de neuf dans WordPress 5.5 - Une plong\u00e9e en profondeur dans une release \u00e9pique<\/title>\n<meta name=\"description\" content=\"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.\" \/>\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-5-5\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quoi de neuf dans WordPress 5.5 - Une plong\u00e9e en profondeur dans une release (\u00e9pique)\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\" \/>\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=\"2020-08-10T09:00:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-08T12:22:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.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=\"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"32 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Quoi de neuf dans WordPress 5.5 &#8211; Une plong\u00e9e en profondeur dans une release (\u00e9pique)\",\"datePublished\":\"2020-08-10T09:00:52+00:00\",\"dateModified\":\"2024-10-08T12:22:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\"},\"wordCount\":6620,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"Nouveaut\u00e9s WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\",\"name\":\"Quoi de neuf dans WordPress 5.5 - Une plong\u00e9e en profondeur dans une release \u00e9pique\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg\",\"datePublished\":\"2020-08-10T09:00:52+00:00\",\"dateModified\":\"2024-10-08T12:22:32+00:00\",\"description\":\"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg\",\"width\":1460,\"height\":730,\"caption\":\"WordPress 5.5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mises \u00e0 jour WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Quoi de neuf dans WordPress 5.5 &#8211; Une plong\u00e9e en profondeur dans une release (\u00e9pique)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Quoi de neuf dans WordPress 5.5 - Une plong\u00e9e en profondeur dans une release \u00e9pique","description":"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.","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-5-5\/","og_locale":"fr_FR","og_type":"article","og_title":"Quoi de neuf dans WordPress 5.5 - Une plong\u00e9e en profondeur dans une release (\u00e9pique)","og_description":"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.","og_url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2020-08-10T09:00:52+00:00","article_modified_time":"2024-10-08T12:22:32+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"32 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Quoi de neuf dans WordPress 5.5 &#8211; Une plong\u00e9e en profondeur dans une release (\u00e9pique)","datePublished":"2020-08-10T09:00:52+00:00","dateModified":"2024-10-08T12:22:32+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/"},"wordCount":6620,"commentCount":2,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg","keywords":["CMS","WordPress"],"articleSection":["Nouveaut\u00e9s WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/","url":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/","name":"Quoi de neuf dans WordPress 5.5 - Une plong\u00e9e en profondeur dans une release \u00e9pique","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg","datePublished":"2020-08-10T09:00:52+00:00","dateModified":"2024-10-08T12:22:32+00:00","description":"WordPress 5.5 est la derni\u00e8re version de WordPress et apporte des tonnes de changements au c\u0153ur du syst\u00e8me. D\u00e9couvrez toutes les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WordPress 5.5.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/08\/wordpress-5-5.jpg","width":1460,"height":730,"caption":"WordPress 5.5"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Mises \u00e0 jour WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/mises-a-jour-wordpress\/"},{"@type":"ListItem","position":3,"name":"Quoi de neuf dans WordPress 5.5 &#8211; Une plong\u00e9e en profondeur dans une release (\u00e9pique)"}]},{"@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\/40892","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=40892"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/40892\/revisions"}],"predecessor-version":[{"id":75824,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/40892\/revisions\/75824"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/en"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/40892\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/40928"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=40892"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=40892"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=40892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}