Outre l’\u00e9diteur, WordPress 5.4 introduit des am\u00e9liorations int\u00e9ressantes dans l\u2019 Outil de sant\u00e9 du site<\/a> et dans l’API REST,<\/a> tandis que quelques fonctionnalit\u00e9s attendues avec WordPress 5.4 ont \u00e9t\u00e9 retard\u00e9es et devraient \u00eatre int\u00e9gr\u00e9es dans le noyau avec la prochaine version de WordPress 5.5<\/a> (voir le Chargement diff\u00e9r\u00e9 natif sur les images<\/a> et le bloc de navigation<\/a>).<\/p>\n Vous pouvez enregistrer les dates et les liens suivants du cycle de d\u00e9veloppement de WordPress 5.4<\/a> :<\/p>\n Alors, quoi de neuf dans WordPress avec WordPress 5.4 ?<\/p>\n Un nombre consid\u00e9rable de versions de l\u2019extension\u00a0Gutenberg<\/a> ont \u00e9t\u00e9 fusionn\u00e9es dans le noyau, de 6.6 \u00e0 7.5. Ainsi, si vous n’utilisez pas l\u2019extension Gutenberg, vous trouverez des tonnes de nouvelles fonctionnalit\u00e9s, d’am\u00e9liorations et de corrections de bogues dans l’\u00e9diteur de blocs lors de la mise \u00e0 jour vers WordPress 5.4.<\/p>\n Mais il y a plus que des blocs et des fonctionnalit\u00e9s dans l’\u00e9diteur, avec des am\u00e9liorations globales des performances signal\u00e9es :<\/p>\n L’\u00e9quipe d’\u00e9diteurs de blocs a r\u00e9ussi \u00e0 r\u00e9duire de 14 % le temps de chargement et de 51 % le temps de saisie, pour un article particuli\u00e8rement volumineux (~ 36 000 mots, ~ 1 000 blocs) depuis WordPress 5.3.<\/p><\/blockquote>\n Il y a un tas de trucs g\u00e9niaux, alors plongeons dedans.<\/p>\n On peut s’accorder sur le fait que l’\u00e9diteur de blocs est encore en cours de d\u00e9veloppement, mais WordPress 5.4 apporte des tonnes de changements am\u00e9liorant la convivialit\u00e9 de l’\u00e9diteur, tant sur ordinateur que sur mobile.<\/p>\n Certains de ces changements concernent strictement l’interface, notamment le mode plein \u00e9cran activ\u00e9 par d\u00e9faut, la s\u00e9lection am\u00e9lior\u00e9e des blocs, le passage ais\u00e9 entre le mode \u00e9dition et le mode s\u00e9lection, la barre d’outils mobile fixe et les fils d\u2019Ariane pour le bloc de navigation. Deux nouveaux blocs et des r\u00e9glages d’options suppl\u00e9mentaires ajoutent des fonctionnalit\u00e9s suppl\u00e9mentaires \u00e0 l’\u00e9diteur.<\/p>\n Voici une liste rapide des fonctionnalit\u00e9s de notre \u00e9diteur de blocs pr\u00e9f\u00e9r\u00e9 et des am\u00e9liorations apport\u00e9es par WordPress 5.4 :<\/p>\n Initialement appel\u00e9 Liens sociaux, le bloc d\u2019ic\u00f4nes sociales<\/strong> permet aux auteurs d’ajouter rapidement des ic\u00f4nes avec des liens vers des profils sociaux<\/a> et offre un bon nombre de blocs enfants d’ic\u00f4nes sociales parmi lesquels choisir. Ce bloc a \u00e9t\u00e9 exp\u00e9rimental pendant un certain temps et est stable depuis Gutenberg 7.5<\/a>.<\/p>\n Le bloc d\u2019ic\u00f4nes sociales est livr\u00e9 avec trois styles pr\u00e9d\u00e9finis pour vos personnalisations visuelles : Par d\u00e9faut<\/strong>, Logos uniquement<\/strong>, et Forme de pilule<\/strong>.<\/p>\n Depuis leur introduction en tant que fonctionnalit\u00e9 exp\u00e9rimentale dans Gutenberg 6.5 (et leur fusion dans WordPress 5.3<\/a>), les ic\u00f4nes sociales ont \u00e9t\u00e9 ajout\u00e9es \u00e0 Gutenberg 7.5 et peuvent ne pas fonctionner comme pr\u00e9vu si vous utilisez une version obsol\u00e8te de l\u2019extension Gutenberg.<\/p>\n Selon Jorge Costa<\/a>, il y a deux fa\u00e7ons de pr\u00e9venir les probl\u00e8mes li\u00e9s aux ic\u00f4nes sociales :<\/p>\n Ajout\u00e9 \u00e0 l’\u00e9diteur de blocs dans Gutenberg 7.2<\/a>, le bloc Boutons<\/strong> remplace le bloc Boutons unique<\/a> et permet aux utilisateurs de WordPress d’ajouter d’autres boutons \u00e0 leur contenu dans le m\u00eame conteneur de bloc.<\/p>\n Les boutons individuels sont livr\u00e9s avec deux styles pr\u00e9d\u00e9finis et plusieurs options suppl\u00e9mentaires pour affiner l’apparence de vos boutons.<\/p>\n Avec WordPress 5.4, les propri\u00e9taires de sites ont un meilleur contr\u00f4le sur l’apparence et la convivialit\u00e9 de leurs appels \u00e0 action gr\u00e2ce \u00e0 l’ajout d\u2019arri\u00e8re-plans d\u00e9grad\u00e9s,<\/a> qui sont \u00e9galement fournis avec une poign\u00e9e de pr\u00e9r\u00e9glages de d\u00e9grad\u00e9s disponibles pour les administrateurs de sites, qui peuvent les utiliser comme point de d\u00e9part pour des personnalisations ult\u00e9rieures.<\/p>\n WordPress 5.4 ajoute un tout nouveau diaporama de bienvenue fournissant des informations de base sur l’\u00e9diteur de bloc et un lien vers la documentation en ligne<\/a> (ajout\u00e9 avec Gutenberg 7.1<\/a>).<\/p>\n La fen\u00eatre modale n’est visible qu’apr\u00e8s la mise \u00e0 jour vers 5.4. Si vous souhaitez la relancer, il vous suffit d’ouvrir le menu \u00ab\u00a0Plus d’outils et d’options<\/strong>\u00a0\u00bb en cliquant sur le bouton en haut \u00e0 droite et de trouver le lien \u00ab\u00a0Guide de bienvenue<\/strong>\u00a0\u00bb.<\/p>\n \u00c0 partir de WordPress 5.4, l’\u00e9diteur s’ouvre en mode plein \u00e9cran par d\u00e9faut<\/a> dans les nouvelles installations et les nouveaux appareils. Vous pouvez activer\/d\u00e9sactiver le mode plein \u00e9cran<\/strong> en cliquant sur le menu Plus d’outils et d’options<\/strong>, comme indiqu\u00e9 dans l’image ci-dessous.<\/p>\n Pour l’instant, cette pr\u00e9f\u00e9rence est stock\u00e9e localement, ce qui signifie qu’elle sera \u00e9cras\u00e9e \u00e0 chaque fois que les pr\u00e9f\u00e9rences changent, comme c’est le cas lorsque vous acc\u00e9dez \u00e0 votre site web en mode incognito. \u00c0 l’avenir, cette pr\u00e9f\u00e9rence sera stock\u00e9e dans la base de donn\u00e9es, ce qui rendra le choix de l’utilisateur persistant dans n’importe quel contexte.<\/p>\n Notez que la d\u00e9cision<\/a> de mettre l’\u00e9diteur en mode plein \u00e9cran par d\u00e9faut n’est pas unanimement appr\u00e9ci\u00e9e car elle est consid\u00e9r\u00e9e comme potentiellement d\u00e9routante pour les d\u00e9butants et les utilisateurs non avertis. Si vous voulez en savoir plus sur les pr\u00e9occupations des gens concernant le mode plein \u00e9cran, consultez les commentaires de cet article<\/a>.<\/p>\n Les d\u00e9veloppeurs d’\u00e9diteurs de blocs peuvent contr\u00f4ler le mode plein \u00e9cran par programmation avec seulement quelques lignes de JavaScript :<\/p>\n Si vous \u00e9crivez habituellement des articles longs<\/a>, vous devriez appr\u00e9cier le support de la couleur du texte en ligne. Avant cette mise \u00e0 jour, nous \u00e9tions oblig\u00e9s de coder en dur des blocs de texte enrichi en mode HTML pour changer la couleur des mots et des cha\u00eenes de caract\u00e8res.<\/p>\n \u00c0 partir de WordPress 5.4, nous pouvons s\u00e9lectionner des mots et des sous-cha\u00eene de caract\u00e8res dans des blocs de texte enrichi et changer rapidement leurs couleurs \u00e0 l’aide du s\u00e9lecteur de couleurs int\u00e9gr\u00e9.<\/p>\n WordPress 5.4 ajoute une longue liste de fonctionnalit\u00e9s li\u00e9es \u00e0 la couleur et d’am\u00e9liorations \u00e0 l’\u00e9diteur de blocs. Comme nous l’avons vu plus haut, nous ne sommes plus limit\u00e9s aux couleurs unies. Plusieurs blocs prennent d\u00e9sormais en charge les arri\u00e8res-plans d\u00e9grad\u00e9s et les ensembles pr\u00e9d\u00e9finis de d\u00e9grad\u00e9s.<\/p>\n Voici une liste rapide de quelques am\u00e9liorations li\u00e9es aux couleurs :<\/p>\n Un autre ajout notable \u00e0 l’\u00e9diteur de bloc est la prise en charge des images mises en avant dans le bloc des articles r\u00e9cents (Gutenberg 7.5<\/a>).<\/p>\n Ce n’est que la derni\u00e8re de plusieurs am\u00e9liorations ajout\u00e9es au bloc \u00ab\u00a0Articles r\u00e9cents\u00a0\u00bb au fil du temps et marque une nouvelle \u00e9tape<\/a> vers des \u00ab\u00a0blocs dynamiques ou globaux plus complexes\u00a0\u00bb.<\/p>\n Avec WordPress 5.4, le bloc Articles r\u00e9cents vous permet d’extraire des articles d’une cat\u00e9gorie sp\u00e9cifique mais ne vous permet pas de construire des requ\u00eates plus avanc\u00e9es par cat\u00e9gorie\/\u00e9tiquette\/type de publication et\/ou d’inclure\/exclure des articles uniques.<\/p>\n Nous esp\u00e9rons voir d’autres am\u00e9liorations avec ce bloc \u00e0 l’avenir.<\/p>\n Disponible pour les utilisateurs de Gutenberg depuis la version 6.7<\/a>, et d\u00e9sormais fusionn\u00e9e dans le noyau, la nouvelle barre de fil d’Ariane vise \u00e0 simplifier la navigation en blocs imbriqu\u00e9s.<\/p>\n L’image ci-dessous montre plusieurs blocs imbriqu\u00e9s et le nouveau menu\u00a0fil d’Ariane<\/a> en bas.<\/p>\n Les d\u00e9veloppeurs de th\u00e8mes et de blocs doivent \u00eatre conscients des nombreux changements apport\u00e9s \u00e0 l’\u00e9diteur de blocs avec WordPress 5.4. Ces changements comprennent :<\/p>\n Les d\u00e9veloppeurs de blocs et les utilisateurs avanc\u00e9s peuvent d\u00e9sormais ajouter des raccourcis personnalis\u00e9s \u00e0 l’\u00e9diteur de blocs.<\/p>\n Un nouveau paquet appel\u00e9 Les d\u00e9veloppeurs<\/a> peuvent ajouter leurs raccourcis personnalis\u00e9s en appelant l’action Cela ajoutera automatiquement le raccourci personnalis\u00e9 \u00e0 la fen\u00eatre modale de raccourcis disponible sous le bouton Plus d’outils et d’options<\/strong> dans le coin sup\u00e9rieur droit de l’\u00e9diteur.<\/p>\n Ensuite, nous pouvons attacher un gestionnaire de raccourcis clavier<\/a> en utilisant la fonction Vous pouvez en savoir plus sur les raccourcis clavier sur le blog Make WordPress Core<\/a>.<\/p>\n WordPress 5.4 introduit des arri\u00e8re-plans d\u00e9grad\u00e9s avec une poign\u00e9e de pr\u00e9s\u00e9lections pour les blocs de bouton et de couverture. Cela se fait gr\u00e2ce aux nouvelles API de th\u00e8me de d\u00e9grad\u00e9s<\/a>.<\/p>\n Les nouvelles API offrent l’option de support de th\u00e8me Vous pouvez d\u00e9sactiver les d\u00e9grad\u00e9s personnalis\u00e9s en utilisant l’option de support du th\u00e8me La fonctionnalit\u00e9 de d\u00e9grad\u00e9 peut \u00eatre compl\u00e8tement supprim\u00e9e en utilisant les deux options WordPress 5.4 introduit plusieurs changements de structure DOM dont les d\u00e9veloppeurs de th\u00e8mes doivent \u00eatre conscients.<\/p>\n Pour une vue d\u00e9taill\u00e9e des modifications du DOM et du CSS, voir les modifications li\u00e9es au balisage et au style<\/a> dans WordPress 5.4<\/p>\n Avec le nouveau paquet @wordpress\/create-block pour les \u00e9chafaudages de bloc, les d\u00e9veloppeurs disposent d’un nouveau moyen de g\u00e9n\u00e9rer la structure du r\u00e9pertoire pour une extension d’\u00e9diteur de blocs. Cette structure comprend g\u00e9n\u00e9ralement index.php, index.js et style.css.<\/p>\n Les d\u00e9veloppeurs de blocs peuvent maintenant simplement ex\u00e9cuter la commande suivante :<\/p>\n Les collections de blocs<\/a> permettent de regrouper visuellement des collections de blocs dans l’outil d’insertion de l’\u00e9diteur de blocs. Les collections sont diff\u00e9rentes des cat\u00e9gories et fournissent un moyen suppl\u00e9mentaire de regrouper des blocs.<\/p>\n La nouvelle API offre une nouvelle fonction :<\/p>\n Introduite avec Gutenberg 7.3<\/a> et d\u00e9sormais int\u00e9gr\u00e9e au noyau<\/a>, la nouvelle API permet aux d\u00e9veloppeurs de th\u00e8mes et de blocs de mieux organiser les blocs, ce qui facilite la d\u00e9couverte et l’ajout de blocs au contenu par les utilisateurs.<\/p>\n\n
Quoi de neuf avec l’\u00e9diteur de bloc<\/h2>\n
\n
Nouvelles fonctionnalit\u00e9s et am\u00e9liorations de l’\u00e9diteur de blocs<\/h3>\n
\n
Nouveau bloc d’ic\u00f4nes sociales<\/h4>\n
![\"Le](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/bloc-icones-sociales.jpg\")
![\"Styles](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/styles-ocones-sociales-french.jpg\")
\n
Nouveau bloc de boutons<\/h4>\n
![\"Le](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/novuveau-buttons-fr.png\")
![\"R\u00e9glages](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/reglages-boutons-wordpress.jpg\")
![\"Des](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/fonctionnalises-couleur-ameliorees-boutons.jpg\")
Une modale de guide de bienvenue<\/h4>\n
![\"Modale](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/modale-guide-bienvenue.jpg\")
![\"Guide](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/guide-bienvenue-fr.jpg\")
Mode plein \u00e9cran activ\u00e9 par d\u00e9faut<\/h4>\n
![\"Le](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/mode-plein-ecran-active-defaut-wordpress.png\")
const isFullscreenMode = wp.data.select( 'core\/edit-post' ).isFeatureActive( 'fullscreenMode' );\t\nif ( isFullscreenMode ) {\t\n wp.data.dispatch( 'core\/edit-post' ).toggleFeature( 'fullscreenMode' );\t\n}<\/code><\/pre>\nPrise en charge de la couleur du texte en ligne dans les blocs de texte enrichi<\/h4>\n
![\"Option](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/option-couleur-texte-enrichi.jpg\")
![\"S\u00e9lecteur](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/selecteur-couleurs-texte-enrichi.jpg\")
Options de couleurs suppl\u00e9mentaires pour plusieurs blocs<\/h4>\n
\n
![\"Bloc](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/bloc-couverture-arriere-plan-degrade-predefini.jpg\")
Images mises en avant dans le bloc des articles r\u00e9cents<\/h4>\n
![\"Bloc](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/bloc-articles-recents.jpg\")
Une nouvelle barre de fil d\u2019Ariane pour le bloc de navigation<\/h4>\n
![\"Le](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/nouveau-menu-ariane.jpg\")
Les changements de l’\u00e9diteur de blocs pour les d\u00e9veloppeurs de th\u00e8mes et de blocs<\/h3>\n
\n
Raccourcis clavier de l’\u00e9diteur de bloc<\/h4>\n
@wordpress\/keyboard-shortcuts<\/code> a \u00e9t\u00e9 introduit<\/a> pour centraliser l’enregistrement, la suppression et la documentation des raccourcis de l\u2019\u00e9diteur.<\/p>\nregisterShortcut<\/code> de cette fa\u00e7on :<\/p>\nwp.data.dispatch( 'core\/keyboard-shortcuts' ).registerShortcut( {\n\n\t\/\/ Shortcut identifier\n\tname: 'plugin\/shortcut-test',\n\n\t\/\/ Shortcut category (possible values global, block, selection)\n\tcategory: 'global',\n\n\t\/\/ Shortcut description\n\tdescription: 'My first shortcut',\n\n\t\/\/ The key combination that triggers the shortcut\n\tkeyCombination: {\n\n\t\t\/\/ Available modifiers:\n\t\t\/\/ primary, primaryShift, primaryAlt,\n\t\t\/\/ secondary, access, ctrl, alt,\n\t\t\/\/ ctrlShift, shift, shiftAlt\n\t\tmodifier: 'alt',\n\t\tcharacter: 'w',\n\t},\n\n\t\/\/ An alias for the key combination\n\taliases: [\n\t\t{\n\t\t\tmodifier: 'primary',\n\t\t\tcharacter: 'q',\n\t\t},\n\t],\n} );<\/code><\/pre>\n![\"Un](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/editeur-raccouri-personnalise-ajoute.jpg\")
useShortcut<\/code> :<\/p>\nimport { useShortcut } from '@wordpress\/keyboard-shortcuts';\nimport { useCallback } from '@wordpress\/element';\n\nconst MyComponent = () => {\n\tuseShortcut(\n\n\t\t'plugin\/shortcut-test',\n\n\t\tuseCallback(\n\t\t\t( event ) => {\n\t\t\t\t\/\/ Do something\n\t\t\t},\n\t\t\t[]\n\t\t)\n\t);\n}<\/code><\/pre>\nAPI de th\u00e8me de d\u00e9grad\u00e9s<\/h4>\n
editor-gradient-presets<\/code>, qui permet aux d\u00e9veloppeurs de th\u00e8mes de remplacer les pr\u00e9r\u00e9glages par d\u00e9faut et de d\u00e9finir<\/a>\u00a0les leurs :<\/p>\nadd_theme_support(\n\t'editor-gradient-presets',\n\tarray(\n\t\tarray(\n\t\t\t'name'\t\t=> __( 'CadetBlue to Chartreuse', 'themeLangDomain' ),\n\t\t\t'gradient'\t=> 'linear-gradient(135deg,rgba(95,158,160,1) 0%,rgb(127,255,0) 100%)',\n\t\t\t'slug'\t\t=> 'cedetblue-chartreuse'\n\t\t),\n\t\tarray(\n\t\t\t'name'\t\t=> __( 'Chocolate to Coral', 'themeLangDomain' ),\n\t\t\t'gradient'\t=> 'linear-gradient(135deg,rgba(210,105,30,1) 0%,rgba(255,127,80,1) 100%)',\n\t\t\t'slug'\t\t=> 'chocolate-to-coral',\n\t\t),\n\t\tarray(\n\t\t\t'name'\t\t=> __( 'DarkMagenta to DarkOrchid', 'themeLangDomain' ),\n\t\t\t'gradient'\t=> 'linear-gradient(135deg,rgb(139,0,139) 0%,rgb(153,50,204) 100%)',\n\t\t\t'slug'\t\t=> 'darkmagenta-to-darkorchid',\n\t\t),\n\t\tarray(\n\t\t\t'name'\t\t=> __( 'DeepSkyBlue to DodgerBlue', 'themeLangDomain' ),\n\t\t\t'gradient'\t=> 'linear-gradient(135deg,rgba(0,191,255,1) 0%,rgba(30,144,255,1) 100%)',\n\t\t\t'slug'\t\t=> 'deepskyblue-to-dodgerblue',\n\t\t),\n\t)\n);<\/code><\/pre>\n![\"Pr\u00e9s\u00e9lections](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/preselections-degrade-personnalises-wordpress54.jpg\")
\n
name<\/code> : un libell\u00e9 significatif pour l’info-bulle fournissant des informations sur le d\u00e9grad\u00e9. Ceci est particuli\u00e8rement utile pour les lecteurs d’\u00e9cran et les utilisateurs qui ont des difficult\u00e9s \u00e0 distinguer certaines couleurs.<\/li>\ngradient<\/code> : Valeurs CSS pour le gradient.<\/li>\nslug<\/code> : un identifiant permettant de g\u00e9n\u00e9rer des classes CSS<\/a> utilis\u00e9es dans l’\u00e9diteur de blocs.<\/li>\n<\/ul>\n![\"Pr\u00e9s\u00e9lections](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/preselections-degrades-personnalises.jpg\")
disable-custom-gradients<\/code> :<\/p>\nadd_theme_support( 'disable-custom-gradients' );<\/code><\/pre>\ndisable-custom-gradients<\/code> et editor-gradient-presets<\/code> :<\/p>\nadd_theme_support( 'disable-custom-gradients' );\nadd_theme_support( 'editor-gradient-presets', array() );<\/code><\/pre>\nChangements de balisage et de style sur l’\u00e9diteur de bloc<\/h4>\n
\n
editor-<\/code> a \u00e9t\u00e9 supprim\u00e9 des scripts d’\u00e9diteur de bloc et les d\u00e9veloppeurs doivent d\u00e9sormais utiliser uniquement le pr\u00e9fixe block-editor-<\/code>.<\/li>\nedit-post-layout__content<\/code> a \u00e9t\u00e9 supprim\u00e9e du DOM de l’\u00e9diteur de bloc.<\/li>\ndiv<\/code> ont \u00e9t\u00e9 retir\u00e9es de RichText et d’autres blocs redondants.Ce changement apporte une am\u00e9lioration significative des performances et simplifie l’arbre DOM, ce qui devrait \u00eatre appr\u00e9ci\u00e9 par les d\u00e9veloppeurs de<\/a> blocs et de th\u00e8mes<\/a>.<\/li>\n\u00c9chafaudages de blocs<\/h4>\n
$ npm init @wordpress\/block block-name<\/code><\/pre>\nCollections de bloc<\/h4>\n
registerBlockCollection( namespace, { title, icon } );<\/code><\/pre>\n\n
namespace<\/code> : correspond \u00e0 un pr\u00e9fixe de bloc.<\/li>\ntitle<\/code> : il s’agit du libell\u00e9 affich\u00e9 dans l\u2019outil d\u2019insertion de bloc.<\/li>\nicon<\/code> : il s’agit de l’ic\u00f4ne affich\u00e9e avec le titre dans l’outil d\u2019insertion de bloc.<\/li>\n<\/ul>\nVariations de bloc<\/h4>\n