{"id":2022,"date":"2025-07-31T08:21:57","date_gmt":"2025-07-31T08:21:57","guid":{"rendered":"https:\/\/tableberg.com\/?p=2022"},"modified":"2025-07-31T08:22:00","modified_gmt":"2025-07-31T08:22:00","slug":"comment-afficher-les-images-wordpress-en-colonnes-lignes","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-display-wordpress-images-in-columns-rows\/","title":{"rendered":"Comment afficher les images WordPress en colonnes et en lignes"},"content":{"rendered":"<p>Ce n'est plus un secret pour personne : le contenu visuel, comme les images, joue un r\u00f4le important dans la transmission de concepts et de r\u00e9cits. Le contenu textuel seul ne parvient pas toujours \u00e0 captiver les lecteurs. C'est pourquoi l'int\u00e9gration d'images pertinentes dans les articles de blog et les pages est devenue obligatoire.<\/p>\n\n\n\n<p>WordPress vous permet d'ajouter des images \u00e0 votre site de diff\u00e9rentes mani\u00e8res. L'une des m\u00e9thodes les plus efficaces consiste \u00e0 ajouter des images en colonnes et en lignes. Cela vous permet de pr\u00e9senter vos images de mani\u00e8re organis\u00e9e.<\/p>\n\n\n\n<p>Dans cet article, nous allons vous montrer plusieurs fa\u00e7ons d'afficher les images WordPress en colonnes et en rang\u00e9es.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e9thode 1 : <a href=\"#Display-Images-in-WordPress-Using-the-Column-Block\">Utilisation du bloc de colonnes<\/a> (Meilleur pour un contr\u00f4le manuel complet et des mises en page personnalis\u00e9es)<\/li>\n\n\n\n<li>M\u00e9thode 2 : <a href=\"#Display-Images-in-WordPress-Using-the-Gallery-Block\">Utilisation du bloc Galerie<\/a> (<em>Meilleur pour les grilles d'images simples avec un style minimal)<\/em><\/li>\n\n\n\n<li>M\u00e9thode 3 : <a href=\"#Using-the-Galleryberg-Block\">Utilisation du bloc Galleryberg<\/a> (Meilleur pour les mises en page avanc\u00e9es avec lightbox et personnalisation)<\/li>\n\n\n\n<li>M\u00e9thode 4 : <a href=\"#Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">Utilisation du plugin Tableberg<\/a> (Id\u00e9al pour les grilles d'images structur\u00e9es telles que les tableaux de prix, d'horaires ou de produits)<\/li>\n<\/ul>\n\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\" id=\"Display-Images-in-WordPress-Using-the-Column-Block\">M\u00e9thode 1 : Utilisation du bloc de colonnes<\/h2>\n\n\n\n<p>WordPress dispose d'un bloc de colonnes par d\u00e9faut. Vous pouvez ajouter de nombreux autres blocs \u00e0 l'int\u00e9rieur de celui-ci, y compris le bloc image. Voici le guide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Ajouter le bloc Gutenberg Column<\/h3>\n\n\n\n<p>Trouver et <strong>ajouter le bloc Colonne<\/strong> en cliquant sur l'ic\u00f4ne plus (+) 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=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp\" alt=\"Ajouter le bloc Gutenberg Column\" class=\"wp-image-435\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>S\u00e9lectionnez le nombre de variations de colonnes que vous souhaitez ajouter au bloc de colonnes. Pour ce tutoriel, nous s\u00e9lectionnerons la variation de colonne 50\/50.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block.webp\" alt=\"S\u00e9lectionnez le nombre de colonnes pour le bloc de colonnes\" class=\"wp-image-2023\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : ajouter le bloc d'images au bloc de colonnes<\/h3>\n\n\n\n<p>Comme nous l'avons dit, vous pouvez ins\u00e9rer d'autres blocs Gutenberg dans le bloc de la colonne. Maintenant, <strong>cliquez sur l'ic\u00f4ne plus (+)<\/strong> dans la colonne. Rechercher et <strong>ajouter le bloc Image<\/strong> \u00e0 elle.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block.webp\" alt=\"Ajouter le bloc d&#039;images au bloc de colonnes\" class=\"wp-image-2024\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez maintenant ajouter des images provenant de la m\u00e9diath\u00e8que ou du disque local. Faites-le comme vous le souhaitez.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block.webp\" alt=\"T\u00e9l\u00e9charger l&#039;image dans le bloc de colonnes\" class=\"wp-image-2025\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 03 : Styliser le bloc d'images dans le bloc de colonnes<\/h3>\n\n\n\n<p>Vous pouvez voir que nous avons ajout\u00e9 une image. Vous pouvez l'aligner au centre en utilisant l'option d'alignement de la barre d'outils. Redimensionnez l'image \u00e0 l'aide de l'ic\u00f4ne de cercle de bord. Enfin, vous pouvez la styliser davantage \u00e0 l'aide des options de l'onglet Style.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" data-id=\"10296\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1024x569.png\" alt=\"\" class=\"wp-image-10296\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1536x854.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-2048x1139.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" data-id=\"2026\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp\" alt=\"Styliser le bloc image dans le bloc colonne\" class=\"wp-image-2026\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-18x9.webp 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>De la m\u00eame mani\u00e8re, ajoutez une image dans l'autre colonne.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column.webp\" alt=\"Ajouter une image \u00e0 l&#039;autre colonne\" class=\"wp-image-2027\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_69850fb3-2d43-4c4c-b26c-9fe74710be94\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Display-Images-in-WordPress-Using-the-Gallery-Block\">M\u00e9thode 2 : Utilisation du bloc de la galerie<\/h2>\n\n\n\n<p>WordPress dispose d'un bloc Galerie par d\u00e9faut qui vous permet d'ajouter plusieurs images dans le m\u00eame bloc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Ajouter le bloc de la galerie<\/h3>\n\n\n\n<p>Comme dans la m\u00e9thode pr\u00e9c\u00e9dente, il faut trouver et <strong>ajouter le bloc Galerie \u00e0 l'\u00e9diteur<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp\" alt=\"Ajouter le bloc Galerie\" class=\"wp-image-1019\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous serez autoris\u00e9 \u00e0 t\u00e9l\u00e9charger des images \u00e0 partir de votre <strong>lecteur local<\/strong> ou le <strong>Biblioth\u00e8que des m\u00e9dias<\/strong>. Dans ce tutoriel, nous allons t\u00e9l\u00e9charger des images \u00e0 partir de la biblioth\u00e8que multim\u00e9dia. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp\" alt=\"T\u00e9l\u00e9charger des images\" class=\"wp-image-1020\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : S\u00e9lectionner et t\u00e9l\u00e9charger les images<\/h3>\n\n\n\n<p><strong>S\u00e9lectionner les images<\/strong> que vous souhaitez t\u00e9l\u00e9charger dans le bloc Galerie. Vous pouvez s\u00e9lectionner autant d'images que vous le souhaitez. Une fois que vous avez termin\u00e9, <strong>cliquez sur le bouton Cr\u00e9er une nouvelle galerie<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block.webp\" alt=\"S\u00e9lectionner des images pour le bloc Galerie\" class=\"wp-image-2037\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez ajouter des l\u00e9gendes pour chaque image si vous le souhaitez. Il n'y a pas de probl\u00e8me si vous n'ajoutez rien. Appuyez sur le bouton <strong>Bouton d'insertion d'une galerie<\/strong> \u00e0 la fin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery.webp\" alt=\"Ins\u00e9rer une galerie\" class=\"wp-image-2038\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez voir que des images ont \u00e9t\u00e9 ajout\u00e9es \u00e0 la galerie. Ensuite, vous pouvez personnaliser le bloc Image en utilisant les options de l'onglet <strong>Param\u00e8tres<\/strong> et <strong>Onglet Styles<\/strong> sur la barre lat\u00e9rale droite. <\/p>\n\n\n\n<p>J'esp\u00e8re que vous pouvez le faire seul, je n'entrerai donc pas dans les d\u00e9tails.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery.webp\" alt=\"Images ajout\u00e9es \u00e0 la galerie\" class=\"wp-image-2039\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_58fca9c6-3f29-42e8-8faf-ea5be1cfa98f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Galleryberg-Block\">M\u00e9thode 3 : Utilisation du plugin Galleryberg<\/h2>\n\n\n\n<p>Si vous recherchez un moyen plus souple et plus \u00e9l\u00e9gant d'afficher des images en colonnes ou en lignes, la fonction <strong><a href=\"https:\/\/galleryberg.com\" target=\"_blank\" rel=\"noreferrer noopener\">Galleryberg<\/a><\/strong> est un choix fantastique. Il s'agit d'un plugin de bloc de galerie natif de Gutenberg qui vous donne <strong>plusieurs options de mise en page<\/strong> - y compris Tiles, Masonry, Justified, et Square - tous avec des fonctions int\u00e9gr\u00e9es de <strong>bo\u00eete \u00e0 lumi\u00e8re<\/strong> le soutien.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Installer le plugin Galleryberg<\/h3>\n\n\n\n<p>Allez dans votre tableau de bord WordPress et naviguez vers <strong>Plugins &gt; Ajouter un nouveau<\/strong>. Ensuite, recherchez \"Galleryberg\" et installez et activez le plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1024x520.png\" alt=\"\" class=\"wp-image-10294\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1024x520.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-768x390.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1536x779.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-2048x1039.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Ajouter le bloc Galleryberg<\/h3>\n\n\n\n<p>Ouvrez la page ou l'article dans lequel vous souhaitez afficher les images. Cliquez ensuite sur l'ic\u00f4ne <strong>+<\/strong> et rechercher la mention \"<strong>Galleryberg<\/strong>\". Ajoutez-le \u00e0 la page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1024x569.png\" alt=\"\" class=\"wp-image-10297\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1536x854.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-2048x1139.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u00c9tape 3 : T\u00e9l\u00e9charger ou s\u00e9lectionner des images<\/h4>\n\n\n\n<p>Utilisez la biblioth\u00e8que de m\u00e9dias ou t\u00e9l\u00e9chargez de nouvelles images. Vous pouvez r\u00e9organiser les images par glisser-d\u00e9poser.<\/p>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-7012e2e3-2b9f-4af2-924a-0ebbe824fa4a\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video controls loop width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Adding-images-to-the-Gallery-using-Galleryberg.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h4 class=\"wp-block-heading\">\u00c9tape 4 : Choisir une mise en page<\/h4>\n\n\n\n<p>Dans le panneau des param\u00e8tres du bloc, s\u00e9lectionnez la mise en page souhait\u00e9e :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Carreaux<\/strong>: Grille avec un espacement \u00e9gal (id\u00e9al pour les lignes et les colonnes)<\/li>\n\n\n\n<li><strong>Ma\u00e7onnerie<\/strong>: Mise en page superpos\u00e9e \u00e0 la mani\u00e8re de Pinterest<\/li>\n\n\n\n<li><strong>Justifi\u00e9<\/strong>: Des rang\u00e9es bien align\u00e9es et de m\u00eame hauteur<\/li>\n\n\n\n<li><strong>Carr\u00e9<\/strong>: Des carr\u00e9s parfaits pour un affichage uniforme de la grille<\/li>\n<\/ul>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-b6a1e449-60d8-4ace-ad19-c6611f6b30e8\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video muted loop autoplay controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Gallery-Layout.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 5 : Activer l'option Lightbox<\/h3>\n\n\n\n<p>Dans la barre lat\u00e9rale des param\u00e8tres du bloc, activez l'option <strong>Activer la bo\u00eete \u00e0 lumi\u00e8re<\/strong> option.<\/p>\n\n\n\n<p>Vos images s'ouvriront d\u00e9sormais dans une fen\u00eatre contextuelle avec des transitions fluides, des effets de zoom et une navigation par diapositives.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"631\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1024x631.png\" alt=\"\" class=\"wp-image-10302\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1024x631.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-300x185.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-768x473.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1536x946.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-2048x1262.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 5 : Personnaliser et publier<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>D\u00e9finir le nombre de colonnes (de 1 \u00e0 8)Dans la barre lat\u00e9rale des param\u00e8tres du bloc, faites d\u00e9filer vers le bas jusqu'\u00e0 l'option <strong>Bo\u00eete \u00e0 lumi\u00e8re<\/strong> section.<\/li>\n\n\n\n<li>Basculer le <strong>Activer la bo\u00eete \u00e0 lumi\u00e8re<\/strong> option.<\/li>\n\n\n\n<li>Vos images s'ouvriront d\u00e9sormais dans une fen\u00eatre contextuelle avec des transitions fluides, des effets de zoom et une navigation par diapositives.<\/li>\n\n\n\n<li>Ajuster l'espacement, les l\u00e9gendes, les bordures, etc.<\/li>\n\n\n\n<li>Activer la bo\u00eete \u00e0 lumi\u00e8re pour des aper\u00e7us d'images interactives<\/li>\n<\/ul>\n\n\n\n<p>Cliquez sur <strong>Publier<\/strong> ou <strong>Mise \u00e0 jour<\/strong> et votre galerie appara\u00eetra dans des lignes et des colonnes propres et r\u00e9actives.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e9064da0-d81d-4d9b-ac16-d36fcf24cafd\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">M\u00e9thode 4 : Utilisation du plugin Tableberg<\/h2>\n\n\n\n<p>TableBerg est un plugin de construction de tableaux facile \u00e0 utiliser. Il vous permet d'ajouter diff\u00e9rents blocs personnalis\u00e9s aux cellules du tableau pour cr\u00e9er des tableaux multifonctionnels. Dans cette section, nous vous montrerons comment ajouter des images dans WordPress en utilisant le plugin <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Installer et activer le plugin Tableberg<\/h3>\n\n\n\n<p>Aller \u00e0 <strong>Plugins &gt; Ajouter un nouveau plugin<\/strong>. Type <strong>Tableberg<\/strong> dans la bo\u00eete de recherche. <strong>Installer<\/strong> et <strong>activer<\/strong> une fois que le plugin appara\u00eet ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png\" alt=\"Installer et activer le plugin TableBerg\" class=\"wp-image-156\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 02 : Ajouter le bloc Tableberg \u00e0 votre article ou page<\/h3>\n\n\n\n<p>Le plugin est livr\u00e9 avec un bloc Gutenberg nomm\u00e9 TableBerg. Trouvez et ajoutez le bloc <strong>Bloc TabelBerg<\/strong> \u00e0 votre \u00e9diteur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Trouvez et ajoutez le bloc TableBerg \u00e0 votre \u00e9diteur Gutenberg.\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>D\u00e9finissez les num\u00e9ros de ligne et de colonne du tableau. Le processus est similaire au bloc de tableau par d\u00e9faut. Faites-le vous-m\u00eame.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\" alt=\"D\u00e9finir le num\u00e9ro de la ligne et de la colonne\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 03 : Recherche et ajout du bloc d'images au tableau<\/h3>\n\n\n\n<p>J'esp\u00e8re que votre tableau est pr\u00eat. S\u00e9lectionnez la cellule dans laquelle vous souhaitez ajouter une image. Une fois que vous avez s\u00e9lectionn\u00e9 une cellule, le bouton <strong>ic\u00f4ne plus (+)<\/strong> appara\u00eetra.<\/p>\n\n\n\n<p><strong>Cliquez sur l'ic\u00f4ne plus (+)<\/strong>. Vous obtiendrez le bloc d'images. <strong>Cliquez sur le bloc Image<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table.png\" alt=\"Ajouter le bloc Image au tableau\" class=\"wp-image-2040\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous aurez la possibilit\u00e9 de t\u00e9l\u00e9charger des images \u00e0 partir du disque local ou de la m\u00e9diath\u00e8que. Cliquez sur l'option de votre choix et t\u00e9l\u00e9chargez l'image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block.webp\" alt=\"T\u00e9l\u00e9charger une image dans le bloc\" class=\"wp-image-2041\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 04 : Styliser l'image t\u00e9l\u00e9charg\u00e9e<\/h3>\n\n\n\n<p>Si tout va bien, votre image est d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9e dans la table. Passez \u00e0 l'onglet Styles dans la barre lat\u00e9rale droite. Vous y trouverez des options telles que Duotone, Border et Radius pour styliser votre bloc Image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image.webp\" alt=\"Styliser l&#039;image t\u00e9l\u00e9charg\u00e9e\" class=\"wp-image-2042\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ainsi, vous pouvez t\u00e9l\u00e9charger des images dans la table WordPress avec le plugin. Explorer <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-une-section-pour-les-membres-dune-equipe-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment cr\u00e9er une section pour les membres de l'\u00e9quipe dans WordPress<\/a> en utilisant le bloc de colonnes.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4f6fde1a-4a3a-40a3-9a12-c816daa6407d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Derni\u00e8res remarques !<\/h2>\n\n\n\n<p>Pour g\u00e9rer un site web avec succ\u00e8s, vous devez t\u00e9l\u00e9charger et pr\u00e9senter votre contenu de diff\u00e9rentes mani\u00e8res. Parfois, le m\u00eame contenu doit \u00eatre pr\u00e9sent\u00e9 de diff\u00e9rentes mani\u00e8res dans diff\u00e9rents articles et pages. Il en va de m\u00eame pour le bloc d'images.<\/p>\n\n\n\n<p>Nous esp\u00e9rons qu'apr\u00e8s avoir lu ce tutoriel, vous serez en mesure d'ajouter votre bloc d'images de diff\u00e9rentes mani\u00e8res dans WordPress et d'apporter des variations au contenu.<\/p>","protected":false},"excerpt":{"rendered":"<p>It&#8217;s no longer a secret that visual content like images play a powerful role in delivering concepts and narratives. Text content alone can often fail to captivate readers. This is why incorporating relevant images into blog posts and pages has become mandatory. WordPress allows you to add images to your site in numerous ways. One [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2106,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[42,83,41],"class_list":["post-2022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-column-block","tag-how-to-add-images","tag-image-block"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Display-WordPress-Images-in-Columns-Rows.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/2022","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=2022"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/2022\/revisions"}],"predecessor-version":[{"id":10303,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/2022\/revisions\/10303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/2106"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=2022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}