{"id":6371,"date":"2024-12-30T16:54:55","date_gmt":"2024-12-30T16:54:55","guid":{"rendered":"https:\/\/tableberg.com\/?p=6371"},"modified":"2024-12-30T16:54:55","modified_gmt":"2024-12-30T16:54:55","slug":"comment-utiliser-le-bloc-dimages-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-use-the-image-block-in-wordpress\/","title":{"rendered":"Comment utiliser le bloc d'images dans WordPress en 3 \u00e9tapes faciles"},"content":{"rendered":"<p>L'image est essentielle pour tout site web afin de le rendre visuellement attrayant. C'est pourquoi vous devez apprendre \u00e0 utiliser le bloc d'image dans WordPress. Comme tout autre constructeur de pages, le constructeur de blocs Gutenberg est livr\u00e9 avec le bloc d'image de base pour ajouter des images. <\/p>\n\n\n\n<p>Aujourd'hui, nous allons partager les directives compl\u00e8tes sur le bloc d'image, ses avantages, ses caract\u00e9ristiques et la mani\u00e8re de l'utiliser. Ne manquez pas de nous suivre du d\u00e9but \u00e0 la fin. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu'est-ce que le bloc d'images ?<\/h2>\n\n\n\n<p>Les<strong> <a href=\"https:\/\/wordpress.org\/documentation\/article\/image-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">bloc d'images<\/a> <\/strong>est le bloc principal d\u00e9di\u00e9 \u00e0 l'ajout d'images dans l'\u00e9diteur de blocs de WordPress. Le bloc d'images vous permet d'ins\u00e9rer, de modifier et de personnaliser les images dans votre contenu. <\/p>\n\n\n\n<p>Le bloc d'images de base vous offre les avantages suivants.<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-a5b2221b-d59e-4664-920c-3611f456d19e\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Facilit\u00e9 d'utilisation : <\/strong>Le bloc Image est facile \u00e0 utiliser, car tout le monde peut s'en servir sans comp\u00e9tences particuli\u00e8res. L'ajout d'images \u00e0 l'aide de ce bloc est \u00e9galement simple. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Personnalisation : <\/strong>Pour la personnalisation, il vous permet de redimensionner l'image, de d\u00e9finir l'alignement de l'image, d'ajouter des l\u00e9gendes, etc. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Optimisation du r\u00e9f\u00e9rencement :<\/strong> Vous pouvez ajouter un texte alt \u00e0 chaque image \u00e0 l'aide du bloc d'image, ce qui permet aux moteurs de recherche de mieux comprendre votre image. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Fonctionnalit\u00e9s de la barre d'outils du bloc d'images<\/h2>\n\n\n\n<p>La barre d'outils du bloc d'images poss\u00e8de plusieurs fonctions qui vous permettent de la personnaliser. Les fonctions de la barre d'outils du bloc sont expliqu\u00e9es ci-dessous. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transformer : <\/strong>Vous pouvez transformer ce bloc en paragraphe, en code, en colonnes, etc.<\/li>\n\n\n\n<li><strong>Tra\u00een\u00e9e : <\/strong>Permet de faire glisser et de d\u00e9poser le bloc d\u00e9di\u00e9 \u00e0 n'importe quel endroit.<\/li>\n\n\n\n<li><strong>Poign\u00e9e mobile : <\/strong>Vous pouvez d\u00e9placer votre bloc de haut en bas.<\/li>\n\n\n\n<li><strong>Aligner :<\/strong> L'option d'alignement vous permet de d\u00e9finir l'alignement de l'image sur Aucun, Largeur large, Largeur compl\u00e8te, Gauche, Centre et Droite. <\/li>\n\n\n\n<li><strong>Filtre Duotone : <\/strong>Le filtre Duotone vous permet de cr\u00e9er un effet de couleur bicolore sans perdre l'image originale. L\u00e0 encore, vous pouvez d\u00e9finir les ombres et les hautes lumi\u00e8res \u00e0 l'aide de cette fonction. <\/li>\n\n\n\n<li><strong>Lien hypertexte : <\/strong>Cette option vous permet d'ajouter des liens pour le contenu s\u00e9lectionn\u00e9 dans le bloc.<\/li>\n\n\n\n<li><strong>Culture : <\/strong>L'option Recadrage vous permet d'effectuer un zoom, de modifier le rapport hauteur\/largeur et de faire pivoter l'image. <\/li>\n\n\n\n<li><strong>Ajouter du texte sur une image :<\/strong> Cela vous permet d'ajouter du texte sur l'image et d'ajouter d'autres blocs \u00e0 l'int\u00e9rieur du bloc d'image. Il transforme le bloc <strong>Bloc d'images<\/strong> dans le <strong>Bloc de couverture<\/strong>. <\/li>\n\n\n\n<li><strong>Ajouter une l\u00e9gende : <\/strong>Vous pouvez ajouter des l\u00e9gendes \u00e0 l'aide de l'option. <\/li>\n\n\n\n<li><strong>Remplacer :<\/strong> L'option remplacer vous permet de remplacer l'image actuelle par l'autre image.  <\/li>\n\n\n\n<li><strong>Plus d'options : <\/strong>Offre plus d'options li\u00e9es \u00e0 la section du bloc, telles que dupliquer, copier, grouper, etc.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-300x212.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-768x543.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Comment utiliser le bloc d'images dans WordPress ?<\/h2>\n\n\n\n<p>Nous allons vous montrer comment utiliser le bloc d'images de WordPress en quelques \u00e9tapes simples ci-dessous. Tout ce dont vous avez besoin est de suivre. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Ins\u00e9rer le bloc d'images<\/h3>\n\n\n\n<p>Pour ins\u00e9rer le bloc d'images, rendez-vous sur votre article ou votre page. <\/p>\n\n\n\n<p>Ensuite, cliquez sur le bouton Ajouter un bloc (\"<strong>+<\/strong>\") <strong>Ajouter un bloc<\/strong> ic\u00f4ne\u00a0<strong>(1)<\/strong>, type \"<strong>Image<\/strong>\"dans la bo\u00eete de recherche\u00a0<strong>(2)<\/strong>et cliquez sur \"<strong>Image<\/strong>\"\u00a0<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"608\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png\" alt=\"Comment utiliser le bloc d&#039;images dans WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6381\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-300x205.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-768x526.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Ins\u00e9rer votre fichier image<\/h3>\n\n\n\n<p>Vous pouvez s\u00e9lectionner l'une de ces trois options. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>T\u00e9l\u00e9charger : <\/strong>Vous pouvez t\u00e9l\u00e9charger vos fichiers images. <\/li>\n\n\n\n<li><strong>Biblioth\u00e8que des m\u00e9dias : <\/strong>Cela vous permet de s\u00e9lectionner dans votre biblioth\u00e8que multim\u00e9dia des images qui ont d\u00e9j\u00e0 \u00e9t\u00e9 t\u00e9l\u00e9charg\u00e9es auparavant. <\/li>\n\n\n\n<li><strong>Ins\u00e9rer l'URL de d\u00e9part :<\/strong> Vous pouvez ins\u00e9rer l'image en utilisant les liens. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"496\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6382\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-768x431.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-18x10.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Comment ins\u00e9rer une image via l'option de t\u00e9l\u00e9chargement<\/h4>\n\n\n\n<p>Pour ins\u00e9rer des fichiers images, cliquez sur le bouton de t\u00e9l\u00e9chargement, s\u00e9lectionnez votre image et cliquez sur ouvrir. Elle sera ensuite ouverte dans l'\u00e9diteur. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"494\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-07-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6384\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Comment ins\u00e9rer une image via l'option Biblioth\u00e8que multim\u00e9dia<\/h4>\n\n\n\n<p>Cliquez sur le bouton Biblioth\u00e8que multim\u00e9dia, s\u00e9lectionnez l'image et cliquez sur le bouton S\u00e9lectionner pour ins\u00e9rer l'image dans l'\u00e9diteur. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"640\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-19-28.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6385\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Comment ins\u00e9rer une image via l'option Ins\u00e9rer une image \u00e0 partir d'une URL<\/h4>\n\n\n\n<p>S\u00e9lectionnez le bouton Ins\u00e9rer \u00e0 partir d'une URL, saisissez le lien et il s'affichera dans l'\u00e9diteur. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-51-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6386\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : Personnalisation de l'image<\/h3>\n\n\n\n<p>Lorsque vous avez ins\u00e9r\u00e9 l'image dans l'\u00e9diteur, vous pouvez la redimensionner directement \u00e0 partir de l'\u00e9diteur. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"732\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-56-07.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6387\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Vous pouvez \u00e9galement d\u00e9finir diverses options \u00e0 partir des param\u00e8tres de blocage. Pour acc\u00e9der aux param\u00e8tres de blocage, naviguez vers <strong>Param\u00e8tres<\/strong> (<strong>1<\/strong>) <strong>><\/strong> <strong>Bloc<\/strong> <strong>(2)<\/strong> <strong>&gt; Param\u00e8tres<\/strong> <strong>(3)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"812\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6388\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png 880w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-300x277.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-768x709.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-13x12.png 13w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<p><strong>Les options de param\u00e9trage contiennent des fonctionnalit\u00e9s telles que<\/strong><\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"530\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6394\" style=\"border-width:1px;border-radius:3px;width:231px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png 288w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-163x300.png 163w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-7x12.png 7w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li><strong>Texte alternatif :<\/strong> Permet de d\u00e9finir un texte alternatif \u00e0 des fins de r\u00e9f\u00e9rencement.<\/li>\n\n\n\n<li><strong>Rapport d'aspect :<\/strong> Cette option vous permet de d\u00e9finir le format de votre image : Original, Carr\u00e9, Standard, Portrait, Classique, Portrait classique, Large et Grand. <\/li>\n\n\n\n<li><strong>R\u00e9solution :<\/strong> Vous pouvez r\u00e9gler la r\u00e9solution sur Grande, Moyenne, Vignette et Pleine taille.<\/li>\n\n\n\n<li><strong>Largeur :<\/strong> R\u00e9glez la largeur que vous souhaitez. <\/li>\n\n\n\n<li><strong>Hauteur :<\/strong> D\u00e9finissez la hauteur de l'image dont vous avez besoin. <\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>La section Styles de bloc contient d'autres \u00e9l\u00e9ments de style dont vous pourriez avoir besoin pour styliser le bloc d'images. <\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Styles :<\/strong> Cette fonction vous permet de d\u00e9finir les styles d'image par d\u00e9faut et arrondi. <\/li>\n\n\n\n<li><strong>Filtres : <\/strong>Les filtres vous permettent de d\u00e9finir un filtre duotone pour votre image sans perdre son originalit\u00e9. <\/li>\n\n\n\n<li><strong>Dimensions : <\/strong>Cette fonction vous permet de d\u00e9finir les marges de votre image. <\/li>\n\n\n\n<li><strong>Bordure et ombre :<\/strong> Cette fonction permet d'ajouter une bordure et un rayon de bordure au bloc d'images. <\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"698\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6396\" style=\"border-width:1px;border-radius:3px;width:237px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png 298w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-128x300.png 128w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-5x12.png 5w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Voil\u00e0 comment utiliser le bloc d'images et ses options. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"504\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6400\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png 693w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-300x218.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-18x12.png 18w\" sizes=\"auto, (max-width: 693px) 100vw, 693px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Derni\u00e8res r\u00e9flexions !<\/h2>\n\n\n\n<p>Le bloc d'images de WordPress est un outil convivial et puissant qui vous permet d'am\u00e9liorer votre contenu \u00e0 l'aide de visuels. Ma\u00eetrisez toutes les fonctionnalit\u00e9s de ce bloc et rendez votre site Web visuellement attrayant. <\/p>\n\n\n\n<p>Le bloc d'images est id\u00e9al pour partager vos produits phares, vos souvenirs ou expliquer un concept. Il permet \u00e9galement de mettre en valeur vos images. <\/p>\n\n\n\n<p>La prochaine fois que vous travaillerez sur un projet WordPress, utilisez ce bloc pratique pour rehausser votre contenu.<\/p>\n\n\n\n<p>J'esp\u00e8re que vous avez trouv\u00e9 ce tutoriel instructif et facile \u00e0 suivre. Dans la section des commentaires ci-dessous, faites-moi part de vos commentaires sur le tutoriel et le bloc. <\/p>\n\n\n\n<p>N'oubliez pas non plus de partager cette page sur vos r\u00e9seaux sociaux et de faire conna\u00eetre \u00e0 d'autres ce bloc d'images g\u00e9nial. <\/p>\n\n\n\n<p><strong>En savoir plus !<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-c1022999-7c84-4107-a81c-b58dcd3ed84a\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-preformate-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc pr\u00e9format\u00e9 dans WordPress en 3 \u00e9tapes faciles<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-de-code-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc de code dans WordPress en 3 \u00e9tapes simples<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-de-citation-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc de citation dans WordPress en 3 \u00e9tapes faciles<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-liste-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc de liste dans WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-lediteur-de-blocs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser l'\u00e9diteur de blocs de WordPress (Guide du d\u00e9butant)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/fr\/meilleurs-plugins-de-tables-de-prix-pour-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 meilleurs plugins de table de prix pour WooCommerce<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-d1c22a5b-a912-4cfb-a537-fa8558d65e66\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-use-the-image-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">action<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-use-the-image-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-use-the-image-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">action<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Image is essential for every website to make it visually engaging. That&#8217;s why you must learn how to use the image block in WordPress. Like any other page builder, the Gutenberg block builder comes with the core image block for adding images. Today, we will share the complete guidelines on the image block, its benefits, [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6372,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6371","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Image-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/fr\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=6371"}],"version-history":[{"count":12,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6371\/revisions"}],"predecessor-version":[{"id":6404,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6371\/revisions\/6404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6372"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=6371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=6371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=6371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}