<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Comment faire - Tableberg</title>
	<atom:link href="https://tableberg.com/fr/category/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>https://tableberg.com/fr</link>
	<description></description>
	<lastBuildDate>Tue, 09 Dec 2025 17:55:33 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updateperiod>
	horaire	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://tableberg.com/wp-content/uploads/2023/12/Tableberg-150x150.png</url>
	<title>Comment faire - Tableberg</title>
	<link>https://tableberg.com/fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Comment utiliser le bloc de galerie dans WordPress en 3 étapes faciles</title>
		<link>https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/</link>
		
		<dc:creator><![CDATA[Ankur Raj Bongshi]]></dc:creator>
		<pubDate>Tue, 09 Dec 2025 17:55:30 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=6405</guid>

					<description><![CDATA[<p>The WordPress Image block is super helpful when inserting and showcasing a single image on your website. But if you want to display multiple photos at once, the Gallery block is the right choice. Therefore, you must learn how to use the gallery block in WordPress. Once you master the gallery block&#8217;s features, you can [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/">How to Use the Gallery Block in WordPress in 3 Easy Steps</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"><strong>Les <a href="https://tableberg.com/fr/comment-utiliser-le-bloc-dimages-dans-wordpress/" target="_blank" rel="noreferrer noopener">Bloc d'images WordPress</a></strong> is super helpful when inserting and showcasing a single image on your website. But if you want to display multiple photos at once, the Gallery block is the right choice.</p>



<p class="wp-block-paragraph">Therefore, you must learn how to use the gallery block in WordPress. Once you master the gallery block&#8217;s features, you can use it to enhance your website&#8217;s visuals, making it more professional and appealing.</p>



<p class="wp-block-paragraph">Aujourd'hui, dans ce tutoriel, nous allons discuter du bloc de galerie WordPress, des fonctionnalités de la barre d'outils, des options de personnalisation et de la manière de l'utiliser correctement. Assurez-vous de nous suivre du début à la fin.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" style="max-width: -moz-fit-content" class="wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed" id="ub_table-of-contents-0efece84-3c8b-4f09-b6cb-2e91cb3487b0" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="true" data-initiallyshow="false"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="">Comment utiliser le bloc de galerie dans WordPress</div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="">montrer</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ub-hide">
				<ul style=""><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#0-what-is-the-wordpress-gallery-block" style="">Qu'est-ce que le bloc galerie de WordPress ?</a></li><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#1-gallery-blocks-toolbar-features" style="">Fonctionnalités de la barre d'outils de Gallery Block</a></li><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#2-how-to-use-the-gallery-block-in-wordpress" style="">Comment utiliser le bloc de galerie dans WordPress ?</a><ul><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#3-step-1-add-gallery-block-in-the-editor" style="">Étape 1 : Ajouter un bloc de galerie dans l'éditeur</a></li><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#4-step-2-upload-your-images" style="">Étape 2 : Télécharger vos images</a><ul><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#5-how-to-insert-images-via-upload-option" style="">Comment insérer des images via l'option de téléchargement</a></li><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#6-how-to-insert-image-via-media-library-option" style="">Comment insérer une image via l'option Bibliothèque multimédia</a></li></ul></li><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#7-step-3-gallery-customization" style="">Étape 3 : Personnalisation de la galerie</a></li></ul></li><li style=""><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/#8-final-thoughts" style="">Dernières réflexions !</a></li></ul>
			</div>
		</div></div>


<h2 class="wp-block-heading" id="0-what-is-the-wordpress-gallery-block">Qu'est-ce que le bloc galerie de WordPress ?</h2>



<p class="wp-block-paragraph"><a target="_blank" href="https://wordpress.org/documentation/article/gallery-block/" rel="noreferrer noopener">Le bloc WordPress Gallery</a> is a core block in the <a target="_blank" href="https://tableberg.com/fr/comment-utiliser-lediteur-de-blocs-wordpress/" rel="noreferrer noopener">WordPress block editor</a><strong><a target="_blank" href="https://tableberg.com/fr/comment-utiliser-lediteur-de-blocs-wordpress/" rel="noreferrer noopener">.</a></strong> It lets you create and display a collection of images in a <a target="_blank" href="https://tableberg.com/fr/meilleurs-plugins-de-grille-wordpress/" rel="noreferrer noopener">grille</a> format. It is perfect for displaying event photos, organizing images into an attractive layout, or presenting images with minimal effort.</p>



<p class="wp-block-paragraph">Certaines caractéristiques vous sont utiles lorsque vous utilisez le bloc. Découvrez-les ci-dessous.</p>



<ol class="wp-block-list">
<li><strong>Personnalisation</strong>: Ajustez les colonnes, l'espacement et les légendes en fonction de votre conception. Vous pouvez également définir différentes résolutions pour les images individuelles de la galerie.</li>



<li><strong>Conception adaptée</strong>: Les images s'adaptent automatiquement aux différentes tailles d'écran pour une expérience transparente sur mobile, tablette et ordinateur de bureau.</li>



<li><strong>Intégration intégrée</strong>: Pas besoin de plugins supplémentaires ; le bloc fonctionne nativement dans WordPress.</li>



<li><strong>Favorable à l'optimisation des ressources (SEO)</strong>: Alt text and captions can improve your content&#8217;s accessibility and search engine ranking. You can also set ALT text for separate images within the gallery.</li>
</ol>



<h2 class="wp-block-heading" id="1-gallery-blocks-toolbar-features">Fonctionnalités de la barre d'outils de Gallery Block</h2>



<p class="wp-block-paragraph">Lorsque vous insérez le bloc de la galerie, une barre d'outils apparaît en haut du bloc de la galerie avec diverses fonctions permettant de personnaliser votre galerie. Ces fonctions sont présentées ci-dessous. </p>



<ol class="wp-block-list">
<li><strong>Transformer : </strong>Vous pouvez transformer ce bloc en bloc d'images, de colonnes, de détails et de groupes. </li>



<li><strong>Traînée : </strong>Permet de glisser-déposer le bloc dédié à n'importe quel endroit de l'éditeur. </li>



<li><strong>Poignée mobile : &nbsp;</strong>Vous pouvez déplacer votre bloc de haut en bas.</li>



<li><strong>Aligner : </strong>L'option d'alignement vous permet de définir l'alignement de l'image sur Aucun, Largeur large, Largeur complète, Gauche, Centre et Droite.</li>



<li><strong>Lien : </strong>Cette option vous permet d'ajouter des liens pour le contenu sélectionné dans le bloc.</li>



<li><strong>Légende : </strong>Vous pouvez ajouter des légendes en utilisant l'option d'édition pour chaque image.</li>



<li><strong>Ajouter :</strong> L'option d'ajout vous permet d'ajouter ou de télécharger de nouvelles images dans la galerie. </li>



<li><strong>Plus d'options :</strong> Offre plus d'options liées à la section du bloc, telles que dupliquer, copier, grouper, etc.</li>
</ol>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img fetchpriority="high" decoding="async" width="878" height="700" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6409" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04.png 878w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04-300x239.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04-768x612.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04-15x12.png 15w" sizes="(max-width: 878px) 100vw, 878px" /></figure>



<hr class="wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background"/>



<h2 class="wp-block-heading" id="2-how-to-use-the-gallery-block-in-wordpress">Comment utiliser le bloc de galerie dans WordPress</h2>



<p class="wp-block-paragraph">Using the Gallery block in WordPress is simple. Just follow the below steps:</p>



<h3 class="wp-block-heading" id="3-step-1-add-gallery-block-in-the-editor">Étape 1 : Ajouter un bloc de galerie dans l'éditeur</h3>



<p class="wp-block-paragraph">Ouvrez le message ou la page, cliquez sur l'icône "+" pour ajouter un bloc et recherchez "Galerie". Sélectionnez le bloc "Galerie" pour l'insérer dans votre article ou votre page.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="880" height="604" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6411" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12.png 880w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12-300x206.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12-768x527.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12-18x12.png 18w" sizes="(max-width: 880px) 100vw, 880px" /></figure>



<h3 class="wp-block-heading" id="4-step-2-upload-your-images">Étape 2 : Télécharger vos images</h3>



<p class="wp-block-paragraph">Vous pouvez télécharger vos images ou les sélectionner dans la médiathèque. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="822" height="422" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28.png" alt="Comment utiliser le bloc de galerie dans WordPress" class="has-border-color has-main-accent-border-color wp-image-6413" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28.png 822w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28-300x154.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28-768x394.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28-18x9.png 18w" sizes="(max-width: 822px) 100vw, 822px" /></figure>



<h4 class="wp-block-heading" id="5-how-to-insert-images-via-upload-option">Comment insérer des images via l'option de téléchargement</h4>



<p class="wp-block-paragraph">Pour insérer des fichiers images, cliquez sur le bouton de téléchargement, <strong>sélectionnez vos images à l'aide de votre curseur</strong> alors que <strong>en maintenant la touche CTRL enfoncée</strong> de votre clavier, et cliquez sur ouvrir. Le tour est joué. Vous pouvez voir vos images dans l'éditeur. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="884" height="684" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-51-21.gif" alt="" class="has-border-color wp-image-6414" style="border-color:#d0ccde;border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading" id="6-how-to-insert-image-via-media-library-option">Comment insérer une image via l'option Bibliothèque multimédia</h4>



<p class="wp-block-paragraph">Cliquez sur le bouton Bibliothèque multimédia, sélectionnez vos images et cliquez sur les boutons Créer une nouvelle galerie et Insérer une galerie pour insérer les images dans l'éditeur.</p>



<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-31_11-59-35.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-6415" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Lorsque vous avez inséré toutes les images dans la galerie, vous pouvez voir toutes les fonctions de la barre d'outils du bloc d'images. Vous pouvez vérifier ces fonctionnalités <strong><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-dimages-dans-wordpress/" target="_blank" rel="noreferrer noopener">ici</a></strong>. </p>



<h3 class="wp-block-heading" id="7-step-3-gallery-customization">Étape 3 : Personnalisation de la galerie</h3>



<p class="wp-block-paragraph">Pour la personnalisation de la galerie, naviguez vers <strong>Réglages (1) &gt; Bloc (2) &gt; Réglages (3). </strong>Vous y trouverez les options de sélection des colonnes, de la résolution et d'autres options. </p>



<ul class="wp-block-list">
<li><strong>Colonnes : </strong>Les colonnes vous permettent de déterminer le nombre d'images que vous souhaitez afficher dans votre éditeur. Plus vous ajoutez d'images, plus de colonnes seront ajoutées à la galerie. <strong>(4)</strong></li>



<li><strong>Résolution :</strong> Vous pouvez régler la résolution de l'image sur Miniature et Pleine taille. <strong>(5)</strong></li>



<li><strong>Recadrer les images pour les adapter :</strong> Cette fonction permet de conserver le ratio de chaque image et d'adapter leur taille. </li>



<li><strong>Ordre aléatoire :</strong> Cette fonction ne maintient pas la série, mais affiche les images selon une série aléatoire. </li>
</ul>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="886" height="674" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6417" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30.png 886w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30-300x228.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30-768x584.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30-16x12.png 16w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">L'option Styles propose les options suivantes. </p>



<div style="height:13px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="302" height="570" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6418" style="border-width:1px;border-radius:3px;width:230px;height:auto" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52.png 302w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52-159x300.png 159w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52-6x12.png 6w" sizes="auto, (max-width: 302px) 100vw, 302px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="height:21px" aria-hidden="true" class="wp-block-spacer"></div>



<ol class="wp-block-list">
<li><strong>Couleur : </strong>L'option de couleur vous permet de modifier la couleur d'arrière-plan de votre bloc Galerie. </li>



<li><strong>Dimensions :</strong> L'option Dimensions permet de modifier l'espacement des blocs (espace entre deux blocs tels que des images), la marge et le remplissage.  </li>



<li><strong>Bordure et rayon :</strong> En utilisant cette fonctionnalité, vous pouvez ajouter une bordure, une couleur de bordure et un rayon de bordure à votre galerie.  </li>
</ol>
</div>
</div>



<p class="wp-block-paragraph">Voici la démo complète de la galerie que j'ai créée. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="820" height="526" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6421" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1.png 820w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1-300x192.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1-768x493.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1-18x12.png 18w" sizes="auto, (max-width: 820px) 100vw, 820px" /></figure>



<hr class="wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background"/>



<h2 class="wp-block-heading">Create an Interactive Gallery with Galleryberg</h2>



<p class="wp-block-paragraph">While the default Gallery block is excellent for simple grids, it lacks features such as a lightbox, hover effects, and diverse layouts.</p>



<p class="wp-block-paragraph">If you want a more engaging gallery without writing code, the <strong><a href="https://galleryberg.com/" target="_blank" rel="noreferrer noopener">Galleryberg</a></strong> plugin is a free alternative that extends the block editor with extra tools. It lets you switch between tile, masonry, justified, and square layouts, and adds a built‑in lightbox for zooming and navigation.</p>



<p class="wp-block-paragraph">Galleryberg also includes subtle hover effects and responsive controls so your galleries feel modern on desktop and mobile.</p>



<p class="wp-block-paragraph">Now let&#8217;s see how to use the Galleryberg plugin.</p>



<h3 class="wp-block-heading">Étape 1 : Installer le plugin Galleryberg</h3>



<p class="wp-block-paragraph">Go to your WordPress dashboard and navigate to Plugins&nbsp;→&nbsp;Add&nbsp;New and search for Galleryberg. Then install and activate the plugin.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="532" src="https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-1024x532.png" alt="" class="wp-image-10781" srcset="https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-1024x532.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-300x156.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-768x399.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-1536x798.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-2048x1064.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 2: Insert the Galleryberg Gallery Block</h3>



<p class="wp-block-paragraph">Create a new post/page or edit an existing one. Click the &#8220;+&#8221; button, search for Galleryberg, and add the block.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="535" src="https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-1024x535.png" alt="" class="wp-image-10783" srcset="https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-1024x535.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-300x157.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-768x401.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-1536x802.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-2048x1069.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 3: Add Your Images</h3>



<p class="wp-block-paragraph">Upload new images or select them from the Media Library and click Select.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1185" src="https://tableberg.com/wp-content/uploads/2024/12/2025-12-09_23-36-32-1.gif" alt="" class="wp-image-10784"/></figure>



<h3 class="wp-block-heading">Étape 4 : Choisir une mise en page</h3>



<p class="wp-block-paragraph">By default, the block uses a Tiles layout. In the block&#8217;s sidebar, you can switch to <strong>Maçonnerie</strong>, <strong>Justifié</strong>ou <strong>Carré</strong> to better match your design.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="770" src="https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-1024x770.png" alt="" class="wp-image-10787" srcset="https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-1024x770.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-300x226.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-768x578.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-1536x1156.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-2048x1541.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-16x12.png 16w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Each layout automatically rearranges the images, and you can adjust the columns, spacing, and borders.</p>



<p class="wp-block-paragraph"><strong>Step 5: Enable the lightbox</strong></p>



<p class="wp-block-paragraph">Toggle <strong>Enable&nbsp;Lightbox</strong> in the block settings to let visitors click an image and view it in a pop‑up with zoom and slide navigation.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="747" src="https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-1024x747.png" alt="" class="wp-image-10788" srcset="https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-1024x747.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-300x219.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-768x560.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-1536x1120.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-2048x1494.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-16x12.png 16w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">The lightbox includes keyboard and touch controls, so it works smoothly on desktops and phones.</p>



<p class="wp-block-paragraph"><strong>Step 5: Explore hover effects and captions</strong></p>



<p class="wp-block-paragraph">Use the Caption settings to display text below images or as an overlay that appears on hover. Galleryberg&#8217;s hover animations (zoom&nbsp;in/out and overlays) make the gallery feel interactive without distracting the</p>



<p class="wp-block-paragraph"><strong>Étape 6 : Prévisualisation et publication</strong></p>



<p class="wp-block-paragraph">Once satisfied, preview your gallery and publish or update the post. Your gallery will be responsive and performance‑optimised thanks to server‑side rendering.</p>



<h2 class="wp-block-heading">Why Use Galleryberg Instead of the Core Block?</h2>



<p class="wp-block-paragraph">The core Gallery block offers basic grid layouts but lacks features such as a lightbox, hover animations, and varied layouts. Galleryberg provides four different gallery styles, a responsive lightbox with zoom and keyboard navigation, and intuitive controls for spacing, colors, and captions. It even supports responsive hover effects to add subtle animations. If you need a gallery that encourages visitors to interact with your images and fits seamlessly into the block editor, Galleryberg is a lightweight, user‑friendly solution.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_af227ece-61fd-4f76-822e-0fc700a74e86"><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>


<h2 class="wp-block-heading" id="8-final-thoughts">Dernières réflexions !</h2>



<p class="wp-block-paragraph">Le bloc Galerie est un outil puissant avec l'éditeur de blocs Gutenberg. Il vous permet d'afficher vos collections d'images sans plugin supplémentaire. </p>



<p class="wp-block-paragraph">C'est un excellent choix pour tous en raison de sa flexibilité, de ses options de personnalisation et de son intégration transparente avec WordPress. </p>



<p class="wp-block-paragraph">Essayez-le et voyez comment il peut transformer la façon dont vous présentez les images sur votre site web.</p>



<p class="wp-block-paragraph">Laissez-moi savoir ce que vous pensez de ce tutoriel dans la section des commentaires ci-dessous. N'hésitez pas non plus à le faire connaître à vos amis sur vos réseaux sociaux.  </p>



<p class="wp-block-paragraph"><strong>En savoir plus !</strong></p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-53438534-552d-4634-82d5-342529bc5679">
<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-ce670c00-2676-48f4-a19f-2bf348cd38f3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/comment-utiliser-le-bloc-dimages-dans-wordpress/" target="_blank" rel="noreferrer noopener">Comment utiliser le bloc d'images dans WordPress en 3 étapes faciles</a></span>
			</div>
			
		</li>

<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-94375e53-848c-45c3-9ab6-4e4749f96c6f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<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éformaté dans WordPress en 3 étapes faciles</a></span>
			</div>
			
		</li>

<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-fba4cb4f-293e-4998-bf72-47a7fee43904">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<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'éditeur de blocs de WordPress (Guide du débutant)</a></span>
			</div>
			
		</li>

<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-0e4460b8-b7d8-410c-a1ea-f9f1c4b23495">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/meilleures-alternatives-a-wpdatables/" target="_blank" rel="noreferrer noopener">7 Meilleures alternatives à wpDataTables en 2024 (comparées)</a></span>
			</div>
			
		</li>

<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-d05ed3bb-b7b6-48fa-b4d9-e9b4d70d0556">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/les-meilleurs-plugins-wordpress-pour-les-sites-dinformation-et-les-portails/" target="_blank" rel="noreferrer noopener">Les meilleurs plugins WordPress pour les sites d'information et les portails (2024)</a></span>
			</div>
			
		</li>
</ul>

<div class="wp-block-ub-social-share" id="ub-social-share-bbdaf756-2cab-46fc-aa76-5e78cb08fc71">
			<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%2Fcomment-utiliser-le-bloc-de-galerie-dans-wordpress%2F&amp;title=How%20to%20Use%20the%20Gallery%20Block%20in%20WordPress%20in%203%20Easy%20Steps" class="ub-social-share-facebook-container" style="border-color: #1877f2; background-color: transparent; box-shadow: none; ">
				<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>
			</a><a aria-label="twitter-logo" target="_blank" rel="nofollow" href="http://twitter.com/intent/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fcomment-utiliser-le-bloc-de-galerie-dans-wordpress%2F&amp;text=How%20to%20Use%20the%20Gallery%20Block%20in%20WordPress%20in%203%20Easy%20Steps" class="ub-social-share-twitter-container" style="border-color: #1d9bf0; background-color: transparent; box-shadow: none; ">
				<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>
			</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%2Fcomment-utiliser-le-bloc-de-galerie-dans-wordpress%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; background-color: transparent; box-shadow: none; ">
				<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>
			</a></div>
		</div>

<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_95bb6856-7cac-4114-880b-aef30dcfe2c3"><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><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-galerie-dans-wordpress/">How to Use the Gallery Block in WordPress in 3 Easy Steps</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal</title>
		<link>https://tableberg.com/fr/les-meilleurs-plugins-de-contenu-wordpress-pour-stimuler-lengagement-et-lattrait-visuel/</link>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Mon, 01 Dec 2025 20:06:05 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Content Presentation]]></category>
		<category><![CDATA[User Engagement]]></category>
		<category><![CDATA[Web Design]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=3571</guid>

					<description><![CDATA[<p>In today&#8217;s web industry, accurate and valuable information is not the ultimate thing. How you present it to the audience also matters. Suppose you’ve covered valuable data and information on your site, but it’s not able to hook the eyes of users, you will fail to create conversions. Due to this, web designers and content [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/les-meilleurs-plugins-de-contenu-wordpress-pour-stimuler-lengagement-et-lattrait-visuel/">11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Dans l'industrie du web d'aujourd'hui, l'exactitude et la valeur des informations ne sont pas la seule chose qui compte. La manière dont vous les présentez au public est également importante. Si votre site contient des données et des informations précieuses, mais qu'il n'est pas en mesure d'attirer l'attention des utilisateurs, vous ne parviendrez pas à créer des conversions.</p>



<p class="wp-block-paragraph">C'est pourquoi les concepteurs de sites web et les créateurs de contenu doivent consacrer beaucoup de temps à la mise en page du site, aux icônes, aux couleurs, aux formes, à la typographie, etc. Il existe aujourd'hui de nombreux plugins en ligne qui permettent de présenter le contenu d'un site web d'une manière visuellement attrayante.</p>



<p class="wp-block-paragraph">Cet article présente quelques-uns des meilleurs plugins de contenu WordPress pour stimuler l'engagement et l'attrait visuel. Jetez un coup d'œil rapide à ces plugins dans le tableau ci-dessous.</p>


<figure class='wp-block-tableberg' >
                <div class='tableberg-table-wrapper'>
                    <table
                        class='wp-block-tableberg'
                        style='border-collapse: collapse; width: 100%;'
                        data-tableberg-sortable='false'
                        data-tableberg-columns='[]'
                        data-tableberg-pagination='{"enabled":false,"pageSize":10,"showPageNumbers":true,"showPrevNext":true}'
                        data-tableberg-search-enabled='false'
                        data-tableberg-search-placeholder='Search...'
                        data-tableberg-search-position='left'
                        data-tableberg-search-highlight-color=''
                        data-tableberg-header='false'
                        data-tableberg-footer='false'
                        
                    >
                        <tbody>
                            <tr data-tableberg-row='0'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Plugin</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Evaluation</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Faits marquants</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Télécharger</strong>
            </p>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='1'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Blocs ultimes
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60b58-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                25+ blocs
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                4 extensions
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://ultimateblocks.com/pricing/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='2'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Rank Math SEO
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60e0d-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Gestionnaire de redirection
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Génère un sitemap XML
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/seo-by-rank-math/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='3'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Tableberg
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea60f59-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                7+ blocs
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                25+ modèles
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://tableberg.com/fr/la-tarification/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='4'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                OpinionCamp
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61090-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Poll Block
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Easy to use
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://opinioncamp.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='5'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Galleryberg
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea611f5-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Gallery Block
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Layouts and ligthbox
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://galleryberg.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='6'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                WP Rocket
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61371-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Mise en cache des pages et du navigateur
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Intégration du CDN
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wp-rocket.me/pricing/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='7'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Thrive Leads
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea6153f-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Différents formulaires Opt-In
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Constructeur de formulaires par glisser-déposer
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://thrivethemes.com/pricing/" target="_self" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px" rel="noopener">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='8'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Bit Social
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-2'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-3'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-4'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61683-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                7+ plateformes sociales
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Calendrier des médias sociaux
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/bit-social/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='9'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Analyse indépendante
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea617d9-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Suivi du trafic en temps réel
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Indique l'emplacement du trafic
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/independent-analytics/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='10'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                UpdraftPlus
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61970-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                13+ stockage dans le nuage
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                100+ modèles
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/updraftplus/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='11'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Affiliés assoiffés
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-4'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135ea61aa8-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Gestionnaire de liens
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Liaison automatique par mot-clé
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/thirstyaffiliates/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Télécharger</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr>
                        </tbody>
                    </table>
                </div>
                
            </figure>


<p class="wp-block-paragraph">Discutons-en maintenant.&nbsp;</p>



<h2 class="wp-block-heading">1. <a href="https://ultimateblocks.com/" target="_blank" rel="noreferrer noopener">Blocs ultimes</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="945" height="310" src="https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks.webp" alt="Plugin Ultimate Blocks" class="wp-image-492" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks.webp 945w, https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks-300x98.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks-768x252.webp 768w" sizes="auto, (max-width: 945px) 100vw, 945px" /></figure>



<p class="wp-block-paragraph">Ultimate Blocks est un superbe plugin de blocs Gutenberg pour créer un contenu époustouflant sur votre site web. Il dispose de plus de 25 blocs personnalisés. Les plus populaires sont le slider d'image, l'évaluation, la critique, la chronologie, le contenu à onglets, la boîte stylisée, le témoignage, le compte à rebours, le bouton, l'appel à l'action, le coupon et le filtre de contenu.</p>



<p class="wp-block-paragraph">Vous pouvez les utiliser sur vos articles de blog et vos pages. Chaque bloc est hautement personnalisable. Il vous suffit d'aller dans l'onglet "Settings and Styles" sur la barre latérale droite. Vous y trouverez de nombreuses options de personnalisation. Vous ne serez jamais submergé, car ces options de personnalisation offrent la mise en page native de WordPress.</p>



<p class="wp-block-paragraph">De plus, tous les blocs de ce plugin sont adaptés aux mobiles. Ils rendent automatiquement votre contenu mobile-responsive sans que vous ayez besoin d'y toucher. Cependant, vous pouvez ajouter des points de rupture si nécessaire. Enfin, Ultimate Blocks est léger, ce qui permet à votre site de se charger rapidement.</p>



<p class="wp-block-paragraph"><strong>Caractéristiques principales d'Ultimate Blocks :</strong></p>



<ul class="wp-block-list">
<li>Facile à installer et à configurer</li>



<li>Comprend une bibliothèque d'icônes intégrée</li>



<li>Dispose d'un schéma dans le bloc Révision</li>



<li>Chaque bloc offre de nombreuses possibilités de personnalisation</li>



<li>Fournit un tableau de bord minimaliste sur le backend</li>



<li>Fonctionne en toute transparence avec WooCommerce et de nombreux plugins populaires</li>



<li>Offre une version gratuite en plus de la version premium</li>
</ul>



<h2 class="wp-block-heading">2. <a href="https://wordpress.org/plugins/seo-by-rank-math/" target="_blank" rel="noreferrer noopener nofollow">Rank Math SEO</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="942" height="306" src="https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin.webp" alt="Rank Math SEO" class="wp-image-1057" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin.webp 942w, https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin-300x97.webp 300w, https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin-768x249.webp 768w" sizes="auto, (max-width: 942px) 100vw, 942px" /></figure>



<p class="wp-block-paragraph">Sans référencement, vous ne pouvez pas diffuser votre contenu de manière organique à de nombreux publics. Rank Math est un plugin SEO bien connu dans l'industrie WordPress. Ce plugin montre en temps réel à quel point vous avez réussi à optimiser votre contenu pour une performance SEO de premier ordre grâce à de nombreux indicateurs.</p>



<p class="wp-block-paragraph">Il comprend le score d'optimisation des mots-clés, la lisibilité, les recommandations de liens internes/externes, etc. Rank Math prend en charge les rich snippets. Vous pouvez ajouter des balises de schéma à vos pages pour améliorer les taux de clics.</p>



<p class="wp-block-paragraph">Rank Math SEO propose un moniteur 404 qui détecte les liens brisés et les redirige de manière appropriée. En outre, le plugin s'intègre à diverses consoles de recherche pour présenter les performances de votre contenu sur le tableau de bord de WordPress.</p>



<p class="wp-block-paragraph"><strong>Principales caractéristiques de Rank Math :</strong></p>



<ul class="wp-block-list">
<li>Assistant de configuration simple</li>



<li>Gestionnaire de redirection</li>



<li>Prise en charge de la gestion du référencement local</li>



<li>Génère un sitemap XML</li>



<li>Supporte WooCommerce SEO</li>



<li>Gestionnaire de rôles pour les autorisations des utilisateurs</li>



<li>Connectez votre site à six consoles de recherche populaires</li>
</ul>



<h2 class="wp-block-heading">3. <a href="https://tableberg.com/fr/" target="_blank" data-type="link" data-id="https://tableberg.com/" rel="noreferrer noopener">Tableberg</a></h2>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="321" src="https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-1024x321.png" alt="Tableberg" class="wp-image-3461" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-1024x321.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-300x94.png 300w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-768x241.png 768w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-1536x482.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-18x6.png 18w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1.png 1558w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">L'ajout de tableaux dans les articles et pages web devient souvent obligatoire pour présenter certaines informations, comme des statistiques, des chiffres financiers, des résultats d'enquête, des données quantitatives, etc. En effet, les tableaux permettent d'organiser des données complexes dans des formats clairs et faciles à assimiler.</p>



<p class="wp-block-paragraph">Tableberg est un plugin prometteur et riche en fonctionnalités que vous pouvez utiliser pour créer divers tableaux interactifs. Par exemple, des tableaux de prix, des tableaux de comparaison, des tableaux de spécifications de produits, des tableaux de présentation de données, etc.</p>



<p class="wp-block-paragraph">Tableberg est un plugin polyvalent. Vous pouvez l'utiliser pour concevoir des sections web telles que des sections de services, des boîtes d'appel à l'action, des boîtes d'icônes, des boîtes d'images, etc.</p>



<p class="wp-block-paragraph"><strong>Caractéristiques principales de Tableberg :</strong></p>



<ul class="wp-block-list">
<li>Permet d'ajouter des images, des classements, des icônes, des rubans, des listes, etc.</li>



<li>Personnaliser la hauteur et la largeur des lignes, des colonnes et des cellules</li>



<li>Facilité de modification de la couleur d'arrière-plan des cellules individuelles</li>



<li>Permet d'ajouter un filtre, un champ de recherche et une ligne/colonne collante.</li>



<li>Masquer/afficher les bordures des cellules, des lignes et des colonnes</li>



<li>100% mobile-responsive</li>
</ul>



<h2 class="wp-block-heading">4. <a href="https://opinioncamp.com/" target="_blank" rel="noreferrer noopener">OpinionCamp</a> </h2>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="332" src="https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-1024x332.png" alt="" class="wp-image-10754" srcset="https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-1024x332.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-300x97.png 300w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-768x249.png 768w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-1536x497.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-18x6.png 18w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp.png 1544w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">OpinionCamp makes it easy to collect feedback and spark conversation on your posts or pages. Instead of relying on shortcodes, the plugin provides a Gutenberg‑native poll block. Just add a question, define answer options, and publish.&nbsp;&nbsp;</p>



<p class="wp-block-paragraph">You can visually adjust colours, button styles, and layouts without writing any CSS. Voters see results instantly, and you can choose to allow anonymous votes for privacy. OpinionCamp is lightweight and designed to feel like part of WordPress; data is stored locally, so there’s no need for external accounts.</p>



<p class="wp-block-paragraph"><strong>Key features of OpinionCamp:</strong></p>



<ul class="wp-block-list">
<li><strong>100 % block‑based polls:</strong> build and manage polls directly in the WordPress editor.</li>



<li><strong>Single and multiple-choice options:</strong> support for both single‑choice and multiple-choice polls.</li>



<li><strong>Visual customisation:</strong> customise colours, layout, and button styles without CSS.</li>



<li><strong>Instant preview:</strong> see how your poll will look as you edit.</li>



<li><strong>Anonymous voting &amp; local storage:</strong> optional anonymous voting; all data is stored locally for privacy.</li>



<li><strong>Lightweight &amp; modern:</strong> designed for speed with a clean interface that blends into any theme.</li>
</ul>



<h2 class="wp-block-heading">5. <a href="https://galleryberg.com" target="_blank" rel="noopener">Galleryberg</a></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="329" src="https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-1024x329.png" alt="" class="wp-image-10201" srcset="https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-1024x329.png 1024w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-300x96.png 300w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-768x247.png 768w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-1536x493.png 1536w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-2048x658.png 2048w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-18x6.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Galleryberg helps you create attractive, professional‑looking image galleries in the Gutenberg editor. It offers multiple layout styles, including Masonry, Tiles, Justified, Square, and Mosaic. All layouts are fully responsive, and you can adjust column counts for tablets and phones.&nbsp;&nbsp;</p>



<p class="wp-block-paragraph">A built‑in lightbox provides smooth zooming and navigation, with keyboard and touch controls for an engaging viewing experience. Each image can be customized individually with borders, captions, aspect ratios, and duotone filters.&nbsp;&nbsp;</p>



<p class="wp-block-paragraph">Server‑side rendering keeps galleries lightweight and fast, while ARIA labels and keyboard navigation ensure they are accessible.</p>



<p class="wp-block-paragraph"><strong>Caractéristiques principales de Galleryberg :</strong></p>



<ul class="wp-block-list">
<li><strong>Multiple gallery layouts:</strong> choose from tiles, square, masonry, or justified layouts.</li>



<li><strong>Responsive design with column control:</strong> adjust the number of columns to ensure perfect display on any device.</li>



<li><strong>Built‑in lightbox:</strong> includes smooth zoom effects, keyboard and touch navigation, and loop functionality.</li>



<li><strong>Detailed image customisation:</strong> adjust borders, captions, aspect ratios, and spacing; apply duotone filters.</li>



<li><strong>Performance‑optimised:</strong> uses server‑side rendering for faster page loads.</li>



<li><strong>Accessibility ready:</strong> ARIA labels and keyboard navigation make galleries usable for all visitors.</li>
</ul>



<h2 class="wp-block-heading">6. <a href="https://wp-rocket.me/" target="_blank" rel="noreferrer noopener nofollow">WP Rocket</a></h2>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1277" height="655" src="https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin.webp" alt="WP Rocket" class="wp-image-1058" srcset="https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin.webp 1277w, https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin-300x154.webp 300w, https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin-1024x525.webp 1024w, https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin-768x394.webp 768w" sizes="auto, (max-width: 1277px) 100vw, 1277px" /></figure>



<p class="wp-block-paragraph">Le chargement rapide des pages est essentiel au succès de tout site web. Selon de nombreuses statistiques, plus de 60% des utilisateurs quittent un site web si celui-ci met plus de trois secondes à se charger. Un plugin de mise en cache comme WP Rocket peut réduire considérablement le temps de chargement des pages.</p>



<p class="wp-block-paragraph">WP Rocket stocke des copies de vos articles et pages web dans un emplacement temporaire connu sous le nom de cache. Chaque fois qu'un utilisateur visite votre site, le plugin permet au serveur d'envoyer des fichiers pré-enregistrés au lieu de les générer à partir de zéro, ce qui améliore les performances de votre site web.</p>



<p class="wp-block-paragraph"><strong>Caractéristiques principales de WP Rocket :</strong></p>



<ul class="wp-block-list">
<li>Prise en charge de la mise en cache des pages et du navigateur</li>



<li>Intégration d'un réseau de diffusion de contenu (CDN)</li>



<li>Permet de contrôler le rythme cardiaque</li>



<li>Minifier et combiner les fichiers CSS et JS</li>



<li>Inclut l'option de chargement paresseux</li>



<li>Supprime les fichiers inutiles de la base de données</li>
</ul>



<h2 class="wp-block-heading">7. <a href="https://thrivethemes.com/leads/" target="_blank" rel="noreferrer noopener nofollow">Thrive Leads</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1277" height="655" src="https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin.webp" alt="Thrive Leads plugin" class="wp-image-1059" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin.webp 1277w, https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin-300x154.webp 300w, https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin-1024x525.webp 1024w, https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin-768x394.webp 768w" sizes="auto, (max-width: 1277px) 100vw, 1277px" /></figure>



<p class="wp-block-paragraph">La génération de leads est indispensable à l'avenir financier de tout site web. Elle vous aide à construire une base de données de clients potentiels pour mener des campagnes de marketing et augmenter les ventes avec succès. Thrive Leads est un excellent plugin de génération de leads.</p>



<p class="wp-block-paragraph">Avec ce plugin, vous pouvez créer différents types de formulaires opt-in, tels que des pop-ups, des diaporamas et des formulaires intégrés, afin de capturer les adresses électroniques de vos clients potentiels. Une fois que votre liste d'abonnés s'est étoffée, il devient facile d'organiser des campagnes de marketing.</p>



<p class="wp-block-paragraph"><strong>Caractéristiques principales de Thrive Leads :</strong></p>



<ul class="wp-block-list">
<li>Constructeur de formulaires par glisser-déposer</li>



<li>Plusieurs types de formulaires (lightbox, slide-in, inline)</li>



<li>Options de ciblage avancées</li>



<li>Des analyses détaillées pour des rapports solides</li>



<li>Offre de nombreux modèles préconstruits</li>



<li>Intégration avec des services de marketing par courrier électronique</li>
</ul>



<h2 class="wp-block-heading">8. <a href="https://wordpress.org/plugins/bit-social/" target="_blank" rel="noreferrer noopener nofollow">Bit Social</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1544" height="500" src="https://tableberg.com/wp-content/uploads/2024/09/Bit-Social.gif" alt="Bit Social" class="wp-image-3574" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">L'engagement dans les médias sociaux est inévitable si vous souhaitez développer l'identité de votre marque partout. Selon une statistique de HubSpot, l'engagement dans les médias sociaux génère environ 3%- 4% du trafic sur les sites web. Bien que ce pourcentage ne soit pas très élevé, il peut vous aider à développer votre marque et à augmenter vos ventes pendant les saisons chaudes.</p>



<p class="wp-block-paragraph">Bit Social est un plugin qui peut vous aider grandement à cet égard. Il vous permet de programmer et de partager automatiquement vos posts sur les plateformes de médias sociaux. Bit Social est intégré à plus de 7 plateformes de médias sociaux. Cela peut vous faire gagner beaucoup de temps car vous n'avez pas à partager vos posts manuellement.</p>



<p class="wp-block-paragraph"><strong>Principales caractéristiques de Bit Social :</strong></p>



<ul class="wp-block-list">
<li>Comprend un calendrier des médias sociaux</li>



<li>Filtrer les messages par catégories</li>



<li>Partager des messages sur différentes plateformes sociales simultanément</li>



<li>Fonctionne avec 19 plateformes de médias sociaux</li>



<li>Dispose d'une version gratuite </li>
</ul>



<h2 class="wp-block-heading">9. <a href="https://wordpress.org/plugins/independent-analytics/" target="_blank" rel="noreferrer noopener nofollow">Analyse indépendante</a></h2>



<p class="wp-block-paragraph">L'étude du trafic web est indispensable pour comprendre le comportement des visiteurs et identifier les éléments qui ont le plus d'impact sur votre public. Ces informations vous permettent de prendre des décisions éclairées sur les campagnes de marketing afin d'augmenter les conversions.</p>



<p class="wp-block-paragraph">Independent Analytics est un plugin d'analyse du trafic web minimaliste mais complet. Si Google Analytics est trop lourd et que vous souhaitez une alternative simple, essayez celui-ci. Il peut faire tout ce que Google Analytics peut faire.</p>



<ul class="wp-block-list">
<li>Configuration facile et tableau de bord convivial</li>



<li>Le tableau de bord affiche les visiteurs, les vues, le taux de rebond, les vues par session, etc.</li>



<li>Affiche les performances des articles et des pages en temps réel</li>



<li>Affiche les sources de trafic, leur localisation et les appareils utilisés.</li>



<li>Permet d'observer les performances de la campagne</li>



<li>La version gratuite est suffisante pour les sites web qui ne gèrent pas de campagne.</li>
</ul>



<h2 class="wp-block-heading">10. <a href="https://wordpress.org/plugins/updraftplus/" target="_blank" rel="noreferrer noopener nofollow">UpdraftPlus</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1544" height="500" src="https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus.webp" alt="UpdraftPlus" class="wp-image-3575" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus.webp 1544w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-300x97.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-1024x332.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-768x249.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-1536x497.webp 1536w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-18x6.webp 18w" sizes="auto, (max-width: 1544px) 100vw, 1544px" /></figure>



<p class="wp-block-paragraph">Votre site web peut tomber en panne pour un certain nombre de raisons, dont la plupart sont indépendantes de votre volonté. En maintenant régulièrement une sauvegarde, vous pouvez restaurer rapidement votre site web, même s'il tombe en panne. UpdraftPlus est un plugin de sauvegarde populaire pour WordPress.</p>



<p class="wp-block-paragraph">Vous pouvez programmer des sauvegardes automatiques de l'ensemble de votre site web avec UpdraftPlus. Les sauvegardes incluront vos bases de données web, vos thèmes, vos plugins et vos téléchargements, garantissant que toutes les données importantes sont sûres et récupérables.</p>



<p class="wp-block-paragraph">UpdraftPlus dispose d'intégrations avec différents systèmes de stockage en nuage, tels que Google Drive, Dropbox, Amazon S3, etc. pour enregistrer des sauvegardes.</p>



<p class="wp-block-paragraph"><strong>Caractéristiques principales d'UpdraftPlus :</strong></p>



<ul class="wp-block-list">
<li>Capable de sauvegarder de grandes bases de données (même 100+ GB)</li>



<li>Prend en charge les sauvegardes horaires, quotidiennes, hebdomadaires, mensuelles et bimensuelles.</li>



<li>Prise en charge de 14+ services de stockage dans le nuage et à distance</li>



<li>Les sauvegardes sont cryptées pour plus de sécurité</li>



<li>Compatible avec multisite</li>
</ul>



<h2 class="wp-block-heading">11. <a href="https://wordpress.org/plugins/thirstyaffiliates/" data-type="link" data-id="https://wordpress.org/plugins/thirstyaffiliates/" target="_blank" rel="noreferrer noopener nofollow">Affiliés assoiffés</a></h2>



<p class="wp-block-paragraph">Thirsty Affiliates est un plugin de gestion de liens d'affiliation tout-en-un pour WordPress. Il vous permet de masquer, d'organiser et de suivre tous les liens d'affiliation depuis votre tableau de bord. Il prend en charge différents types de liens, y compris les liens de texte, d'image et de bouton.</p>



<p class="wp-block-paragraph">Donc, si vous êtes un professionnel du marketing d'affiliation, vous devez essayer ce plugin. Peu importe que votre site ait plusieurs milliers de liens d'affiliation. Vous pouvez les gérer comme un pro avec Thirsty Affiliates.</p>



<p class="wp-block-paragraph"><strong>Principales caractéristiques de Thirsty Affiliates :</strong></p>



<ul class="wp-block-list">
<li>Liaison automatique par mot-clé</li>



<li>Catégorisation des liens pour l'organisation</li>



<li>Création et modification de liens en masse</li>



<li>Suivi et analyse détaillés des clics</li>



<li>S'intègre aux constructeurs de pages les plus répandus</li>
</ul>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_562ba70f-0bed-4349-94bf-42165532fde5"><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>


<h2 class="wp-block-heading">Les mots de la fin !</h2>



<p class="wp-block-paragraph">Choisir le bon ensemble de plugins peut améliorer de manière significative la fonctionnalité de votre site web et l'expérience de l'utilisateur. Si vous ne choisissez pas le bon plugin, vous risquez de souffrir énormément. Là encore, le remplacement d'un plugin en cours de route peut affecter la fonctionnalité de votre site.</p>



<p class="wp-block-paragraph">C'est pourquoi nous avons dressé une liste des meilleurs plugins de contenu WordPress pour stimuler l'engagement et l'attrait visuel, sur lesquels vous pouvez compter sans hésiter. N'hésitez pas à nous faire part des plugins que vous avez sélectionnés dans la boîte de commentaires ci-dessous.</p>


        <div class="wp-block-opinioncamp-poll opinioncamp-poll-wrapper" style="" data-question-id="bf833e23-616e-40a1-bf55-7f46c8702048" data-results-order="asDefined">
            <div class="opinioncamp-poll-card" style="background-color: #fff; color: #000; box-shadow: 0px 0px 0px 0px #000; border-radius: 10px; border-width: 1px; border-color: #e0e0e0; border-style: solid; padding-top: var(--wp--preset--spacing--30); padding-right: var(--wp--preset--spacing--30); padding-bottom: var(--wp--preset--spacing--30); padding-left: var(--wp--preset--spacing--30); ">
                                    <h3 class="opinioncamp-poll-title">Which WordPress plugins you&#8217;re going to use for better engagement?</h3>
                
                                    <p class="opinioncamp-poll-description">You can choose multiple plugins.</p>
                
                <div class="opinioncamp-poll-options opinioncamp-poll-options-vertical">
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Ultimate Blocks"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-0"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-0"
                                class="opinioncamp-poll-option-label"
                            >
                                Blocs ultimes                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Rank Math SEO"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-1"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-1"
                                class="opinioncamp-poll-option-label"
                            >
                                Rank Math SEO                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Tableberg"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-2"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-2"
                                class="opinioncamp-poll-option-label"
                            >
                                Tableberg                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="OpinionCamp"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-3"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-3"
                                class="opinioncamp-poll-option-label"
                            >
                                OpinionCamp                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Galleryberg"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-4"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-4"
                                class="opinioncamp-poll-option-label"
                            >
                                Galleryberg                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="WP Rocket"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-5"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-5"
                                class="opinioncamp-poll-option-label"
                            >
                                WP Rocket                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Thrive Leads"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-6"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-6"
                                class="opinioncamp-poll-option-label"
                            >
                                Thrive Leads                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Bit Social "
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-7"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-7"
                                class="opinioncamp-poll-option-label"
                            >
                                Bit Social                             </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Independent Analytics "
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-8"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-8"
                                class="opinioncamp-poll-option-label"
                            >
                                Analyse indépendante                             </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="UpdraftPlus"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-9"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-9"
                                class="opinioncamp-poll-option-label"
                            >
                                UpdraftPlus                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Thirsty Affiliates"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-10"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-10"
                                class="opinioncamp-poll-option-label"
                            >
                                Affiliés assoiffés                            </label>
                        </div>
                                    </div>

                                    <div style="text-align: center; ">
                        <button
                            class="opinioncamp-poll-submit-button"
                            style="background-color: #007cba; color: #fff; width: calc(100% - 0px - 0px); border-radius: 100px; padding-top: 15px; padding-right: var(--wp--preset--spacing--10); padding-bottom: 15px; padding-left: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--10); --dcop-submit-hover-bg: #005a8c; --dcop-submit-hover-color: #fff; "
                        >
                            Vote &amp; See the Results!                        </button>
                    </div>
                                            </div>
        </div><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/les-meilleurs-plugins-de-contenu-wordpress-pour-stimuler-lengagement-et-lattrait-visuel/">11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment créer un tableau de classement dans WordPress</title>
		<link>https://tableberg.com/fr/comment-creer-un-tableau-de-classement-dans-wordpress/</link>
					<comments>https://tableberg.com/fr/comment-creer-un-tableau-de-classement-dans-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Sun, 12 Oct 2025 16:20:53 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Create a Table]]></category>
		<category><![CDATA[Customize Table]]></category>
		<category><![CDATA[TableBerg]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=699</guid>

					<description><![CDATA[<p>A sports league table is a great way to present the standings of teams and athletes in a league. It helps fans track the progress of their favorite clubs, compare stats, and visualize rankings in an easy-to-digest format. If you run a sports website, blog, or even sell sports gear, adding a league table can [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-creer-un-tableau-de-classement-dans-wordpress/">How to Create a League Table in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Un classement de ligue sportive est un excellent moyen de présenter les classements des équipes et des athlètes d'une ligue. Il aide les fans à suivre les progrès de leurs clubs préférés, à comparer les statistiques et à visualiser les classements dans un format facile à comprendre.</p>



<p class="wp-block-paragraph">Si vous gérez un site Web de sport, un blog, ou même si vous vendez du matériel de sport, l'ajout d'un classement peut rendre votre contenu plus attrayant et informatif.</p>



<p class="wp-block-paragraph">Dans ce tutoriel, nous vous montrerons <strong>deux façons simples de créer un tableau de classement dans WordPress</strong> — en utilisant le <strong>Plugin Tableberg</strong>.</p>



<ul class="wp-block-list is-style-list-boxed">
<li>Méthode 1 : <a href="#Copy-&amp;-Paste-the-Ready-Made-Pattern">Copier-coller le modèle prêt à l'emploi</a> </li>



<li>Méthode 2 : <a href="#Create-a-League-Table-from-Scratch">Créer une ligue Table à partir de zéro</a></li>
</ul>



<h2 class="wp-block-heading" id="Copy-&amp;-Paste-the-Ready-Made-Pattern">Méthode 1 : Copier-coller le modèle prêt à l'emploi</h2>



<p class="wp-block-paragraph">Ne voulez-vous pas tout construire à partir de zéro ?</p>



<p class="wp-block-paragraph">Vous pouvez instantanément ajouter un magnifique, pré-conçu <strong>Classement de la première ligue Table</strong> sur votre site à l&#x27;aide de Tableberg’s <strong><a href="https://tableberg.com/fr/motifs-de-table/" target="_blank" rel="noreferrer noopener">Bibliothèque de modèles</a></strong>.</p>



<p class="wp-block-paragraph">Here’s how <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f447.png" alt="👇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<h3 class="wp-block-heading">Étape 1 : Installez le plugin Tableberg Pro</h3>



<p class="wp-block-paragraph">Même si Tableberg dispose d&#x27;un <a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener">version gratuite</a>, vous aurez besoin du <strong><a href="https://tableberg.com/fr/la-tarification/" target="_blank" rel="noreferrer noopener">Version Pro</a></strong> pour accéder aux modèles prêts à l'emploi.</p>



<p class="wp-block-paragraph">Téléchargez Tableberg Pro depuis le <a href="https://tableberg.com/fr/la-tarification/">site officiel</a>, installez-le, et <a href="https://tableberg.com/fr/documents/comment-inserer-votre-cle-de-licence/" target="_blank" rel="noreferrer noopener">activez votre licence</a>.</p>



<h3 class="wp-block-heading">Étape 2 : Visitez le motif et copiez-le</h3>



<p class="wp-block-paragraph">Allez à ce lien : <a href="https://tableberg.com/fr/motifs-de-table/tableau-de-classement-de-la-ligue-1/" target="_blank" rel="noreferrer noopener">Classement de la Premier League : modèle Table</a> et cliquez sur le <strong>“Copier le modèle”</strong> bouton sur la page. Le motif sera copié automatiquement.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="846" src="https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-1024x846.png" alt="" class="wp-image-10709" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-1024x846.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-300x248.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-768x634.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-1536x1269.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-2048x1691.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-15x12.png 15w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Étape 3 : Collez le motif dans l'éditeur de blocs WordPress </h3>



<p class="wp-block-paragraph">Maintenant, ouvrez le article ou la page où vous souhaitez ajouter votre classement. </p>



<p class="wp-block-paragraph">Dans l'éditeur de blocs WordPress (Gutenberg), collez (Ctrl/Cmd + V) — et le tableau entier apparaîtra instantanément. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1800" height="932" src="https://tableberg.com/wp-content/uploads/2025/01/Paste-the-Pattern.gif" alt="" class="wp-image-10711" style="border-width:1px;border-radius:3px"/></figure>



<h3 class="wp-block-heading">Étape 4 : Personnaliser le tableau</h3>



<p class="wp-block-paragraph">Vous pouvez facilement :</p>



<ul class="wp-block-list">
<li>Remplacez les noms et les logos des équipes</li>



<li>Mettre à jour les statistiques du match (Joué, Gagné, Perdu, Nul, Points, etc.)</li>



<li>Ajustez les couleurs, les bordures ou la typographie à partir des paramètres de la barre latérale</li>



<li>Ajouter ou supprimer des lignes et des colonnes</li>
</ul>


<div style="width: 100%" class="ub-advanced-video-container wp-block-ub-advanced-video" id="ub-advanced-video-f4606ace-9fc7-4b5a-9945-fdfa37d4fc68"><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: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; "><video controls width="undefined" height="undefined"><source src="https://tableberg.com/wp-content/uploads/2025/01/Customizing-the-Table.mp4"></source></video></div></div>


<p class="wp-block-paragraph">C'est tout — votre <strong>La Ligue Table est prête en quelques secondes</strong> sans le construire manuellement.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_60cd3714-3345-48ee-ba5d-c91d5018dc7c"><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>


<h2 class="wp-block-heading" id="Create-a-League-Table-from-Scratch">Méthode 2 : Créer une ligue Table à partir de zéro</h2>



<p class="wp-block-paragraph">Si vous préférez un contrôle total ou si vous souhaitez concevoir votre propre mise en page, suivez ce processus étape par étape pour créer un classement manuellement.</p>



<h3 class="wp-block-heading" id="Install-and-Activate-the-Tablegerg-Plugin">Étape 1 : Installer et activer le plugin Tableberg</h3>



<p class="wp-block-paragraph"><a href="https://wordpress.org/plugins/tableberg/" target="_blank" data-type="link" data-id="https://wordpress.org/plugins/tableberg/" rel="noreferrer noopener">Tableberg</a> est un plugin de création de tableaux avancé. Sans cet outil avancé, vous ne pouvez pas créer des tableaux de classement complets avec le bloc de tableau par défaut de WordPress.</p>



<p class="wp-block-paragraph">Pour installer le plugin, rendez-vous sur <strong>Plugins &gt; Ajouter un nouveau plugin</strong>. Obtenez le plugin en tapant <strong>Tableberg</strong> dans la boîte de recherche. Installez et activez le logiciel une fois qu'il apparaît ci-dessous.</p>



<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/2024/06/Tableberg-Installation-1024x569.png" alt="" class="wp-image-4846" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-1024x569.png 1024w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-300x167.png 300w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-768x427.png 768w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-1536x853.png 1536w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-2048x1138.png 2048w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="Add-the-Tableberg-Block-to-Your-Post/Page-Editor">Étape 2 : Ajouter le bloc Tableberg à votre éditeur de page/poste</h3>



<p class="wp-block-paragraph">Ouvrez l'article/la page où vous souhaitez créer le tableau de classement. Recherchez et <strong>ajouter le bloc Tableberg</strong> en appuyant sur la touche <strong>Icône (+)</strong>.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="605" src="https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-1024x605.png" alt="" class="wp-image-2774" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-1024x605.png 1024w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-300x177.png 300w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-768x454.png 768w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-1536x907.png 1536w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-2048x1210.png 2048w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Définissez les numéros de ligne et de colonne comme vous le souhaitez. Pour ce tutoriel, nous sélectionnerons la ligne et la colonne 6*11.</p>



<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/Set-the-row-and-column-number.png" alt="Définir le numéro 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.png 1280w, 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-1024x522.png 1024w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-768x392.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">La présentation du tableau est prête. Nous allons maintenant y ajouter du contenu.</p>



<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/02/Table-layout-creted-by-TableBerg.webp" alt="Mise en page de la table créée par TableBerg" class="wp-image-700" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="Add-Content-to-the-Table">Étape 3 : Ajouter du contenu au tableau</h3>



<p class="wp-block-paragraph">Le type de contenu que vous ajoutez au tableau dépend largement du type de sport. Le contenu d'un tableau de la ligue de football de première division est généralement le suivant <strong>position, logo du club, nom du club, match joué, différence de buts, </strong>et<strong> points</strong>. </p>



<p class="wp-block-paragraph" style="font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);"><strong># Définir la position (Pos)</strong></p>



<p class="wp-block-paragraph">L'équipe qui a le plus de points reste généralement plus haut dans le classement. Cette section se trouve dans la colonne la plus à gauche d'un tableau. Vous pouvez voir que nous avons créé cette colonne dans le tableau.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="523" src="https://tableberg.com/wp-content/uploads/2024/02/Define-position-1024x523.webp" alt="" class="wp-image-701" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Define-position-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Define-position-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Define-position-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/02/Define-position.webp 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph" style="font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);"><strong># Ajouter le logo et les noms des clubs</strong></p>



<p class="wp-block-paragraph">Nous voulons placer le nom et le logo du club sous le même titre de colonne. Les deux cellules suivantes de la colonne supérieure doivent donc être fusionnées. Sélectionnez-les en appuyant sur <strong><em>Maj + clic droit (Windows)</em></strong> ou <strong><em>CMD + clic droit (Mac)</em></strong>.</p>



<p class="wp-block-paragraph">Sélectionnez ensuite <strong>Fusionner</strong> de la <strong>Modifier le tableau</strong> dans la barre d'outils. Regardez la vidéo ci-dessous. Ensuite, nous avons aligné le titre au centre.</p>



<figure class="wp-block-video aligncenter"><video height="720" style="aspect-ratio: 1280 / 720;" width="1280" autoplay controls loop muted src="https://tableberg.com/wp-content/uploads/2024/02/Add-logo-and-club-names-to-the-league-table.mp4"></video></figure>



<p class="wp-block-paragraph">Chaque cellule est accompagnée d'un bloc Gutenberg. En cliquant sur le bloc <strong>Icône (+)</strong>Pour les logos, vous pouvez ajouter d'autres types de contenu au tableau. Pour les logos, nous sélectionnerons le <strong>bloc d'images</strong>.</p>



<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/02/Add-logos-to-the-league-table-with-TableBerg.webp" alt="Ajouter des logos à la table avec TableBerg" class="wp-image-703" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vous pouvez voir que nous avons ajouté les logos des clubs au tableau. Ne vous inquiétez pas si les images téléchargées sont de grande taille. TableBerg vous permet de les personnaliser en les faisant glisser.</p>



<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/02/Club-logos-added-to-the-league-table-with-TableBerg.webp" alt="Les logos des clubs sont ajoutés au tableau de classement avec TableBerg" class="wp-image-704" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ensuite, ajoutez les noms des clubs respectivement à côté des cellules du logo.</p>



<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/02/Add-club-names-to-the-league-table.webp" alt="Ajouter des noms de clubs au tableau de classement" class="wp-image-705" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph" style="font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);"><strong># Ajouter le numéro du match joué, la différence de buts et les points</strong></p>



<p class="wp-block-paragraph">C'est très simple. Comme pour la position, vous pouvez ajouter le nombre de matches joués par chaque club, la différence de buts et le nombre de points ici aussi, en texte simple. Vous pouvez voir ce que nous avons fait dans l'image ci-dessous.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="523" src="https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp" alt="Ajoutez au tableau le numéro du match joué, la différence de buts et les points." class="wp-image-711" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table.webp 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="Stylize-the-Table">Étape 04 : Styliser la table</h3>



<p class="wp-block-paragraph">Avec Tableberg, vous pouvez ajouter différents niveaux de stylisation et de personnalisation à votre tableau. Avec la barre d'outils Gutenberg, vous pouvez <strong>personnaliser l'alignement </strong>et <strong>audace</strong> du contenu du tableau.</p>



<p class="wp-block-paragraph">Vous pouvez voir que nous avons aligné au centre et mis en gras la majeure partie du contenu du tableau.</p>



<p class="wp-block-paragraph">Ensuite, vous pouvez modifier le <strong>couleur du texte et de l'arrière-plan, typographie, taille de la police,</strong> et <strong>dimension du tableau</strong> dans la barre latérale droite. J'espère que vous pourrez le faire vous-même.</p>



<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/02/Customize-alignment-and-boldness-of-the-table-content.webp" alt="Personnaliser l&#039;alignement et la mise en gras du contenu du tableau" class="wp-image-714" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="Change-the-Table-Width-and-Row-Colors">Étape 05 : Modifier la largeur du tableau et la couleur des lignes</h3>



<p class="wp-block-paragraph">Si vous avez beaucoup de contenu, vous pouvez augmenter la largeur du tableau. Sélectionnez l'ensemble du tableau en cliquant sur le bouton <strong>Icône TableBerg</strong> sur la barre d'outils, trois fois consécutivement.</p>



<p class="wp-block-paragraph">Les <strong>Onglet Paramètres</strong> apparaîtra dans la barre latérale de droite, où vous trouverez la rubrique <strong>Largeur de la table</strong> option. Vous pouvez augmenter la largeur du tableau en définissant la valeur ici.</p>



<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/02/Increase-the-width-and-row-color-of-the-table.png" alt="Augmenter la largeur et la couleur des lignes du tableau" class="wp-image-716" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table.png 1280w, https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table-1024x523.png 1024w, https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table-768x392.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Venez au <strong>Onglet Styles</strong>. Immédiatement en dessous, vous aurez la possibilité de modifier la couleur d'arrière-plan des colonnes des lignes paires et impaires. Faites-le vous-même.</p>



<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/02/Colorize-the-league-table.webp" alt="Colorier le tableau de classement" class="wp-image-718" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vous pouvez ainsi créer un tableau de classement dans WordPress.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading">Tutoriel vidéo</h3>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Comment créer un tableau de classement dans WordPress" width="500" height="281" src="https://www.youtube.com/embed/2UinommekD4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading">Note finale !</h3>



<p class="wp-block-paragraph">Les passionnés de sport sont toujours désireux de connaître les mises à jour de leurs équipes et joueurs préférés. Vous pouvez créer un tableau dans WordPress et partager ses liens sur les médias sociaux pour que les gens viennent explorer votre site. </p>



<p class="wp-block-paragraph">Vous pouvez créer des tableaux pour les produits eCommerce de la même manière avec ce plugin. Apprendre <a href="https://tableberg.com/fr/comment-creer-un-tableau-comparatif-dans-wordpress/" data-type="post" data-id="252" target="_blank" rel="noreferrer noopener">comment créer un tableau de comparaison des produits avec Tableberg</a>.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-creer-un-tableau-de-classement-dans-wordpress/">How to Create a League Table in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
					<wfw:commentrss>https://tableberg.com/fr/comment-creer-un-tableau-de-classement-dans-wordpress/feed/</wfw:commentrss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2024/02/Add-logo-and-club-names-to-the-league-table.mp4" length="328152" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2025/01/Customizing-the-Table.mp4" length="22658950" type="video/mp4" />

			</item>
		<item>
		<title>Comment afficher les images WordPress en colonnes et en lignes</title>
		<link>https://tableberg.com/fr/comment-afficher-les-images-wordpress-en-colonnes-lignes/</link>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Thu, 31 Jul 2025 08:21:57 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Column Block]]></category>
		<category><![CDATA[How to Add Images]]></category>
		<category><![CDATA[Image Block]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=2022</guid>

					<description><![CDATA[<p>Ce n'est plus un secret pour personne : le contenu visuel, comme les images, joue un rôle important dans la transmission de concepts et de récits. Le contenu textuel seul ne parvient pas toujours à captiver les lecteurs. C'est pourquoi il est devenu obligatoire d'incorporer des images pertinentes dans les articles de blog et les pages. WordPress vous permet d'ajouter des images à votre site de plusieurs façons. L'une d'entre elles [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-afficher-les-images-wordpress-en-colonnes-lignes/">How to Display WordPress Images in Columns &amp; Rows</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Ce n'est plus un secret pour personne : le contenu visuel, comme les images, joue un rôle important dans la transmission de concepts et de récits. Le contenu textuel seul ne parvient pas toujours à captiver les lecteurs. C'est pourquoi l'intégration d'images pertinentes dans les articles de blog et les pages est devenue obligatoire.</p>



<p class="wp-block-paragraph">WordPress vous permet d'ajouter des images à votre site de différentes manières. L'une des méthodes les plus efficaces consiste à ajouter des images en colonnes et en lignes. Cela vous permet de présenter vos images de manière organisée.</p>



<p class="wp-block-paragraph">Dans cet article, nous allons vous montrer plusieurs façons d'afficher les images WordPress en colonnes et en rangées.</p>



<ul class="wp-block-list">
<li>Méthode 1 : <a href="#Display-Images-in-WordPress-Using-the-Column-Block">Utilisation du bloc de colonnes</a> (Meilleur pour un contrôle manuel complet et des mises en page personnalisées)</li>



<li>Méthode 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>



<li>Méthode 3 : <a href="#Using-the-Galleryberg-Block">Utilisation du bloc Galleryberg</a> (Meilleur pour les mises en page avancées avec lightbox et personnalisation)</li>



<li>Méthode 4 : <a href="#Display-Images-in-WordPress-Using-the-TableBerg-Plugin">Utilisation du plugin Tableberg</a> (Idéal pour les grilles d'images structurées telles que les tableaux de prix, d'horaires ou de produits)</li>
</ul>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" style="font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);"><strong>Créer de belles tables </strong><br><strong>Avec l'éditeur de blocs</strong></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--3"><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>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<h2 class="wp-block-heading" id="Display-Images-in-WordPress-Using-the-Column-Block">Méthode 1 : Utilisation du bloc de colonnes</h2>



<p class="wp-block-paragraph">WordPress dispose d'un bloc de colonnes par défaut. Vous pouvez ajouter de nombreux autres blocs à l'intérieur de celui-ci, y compris le bloc image. Voici le guide.</p>



<h3 class="wp-block-heading">Étape 01 : Ajouter le bloc Gutenberg Column</h3>



<p class="wp-block-paragraph">Trouver et <strong>ajouter le bloc Colonne</strong> en cliquant sur l'icône plus (+) de l'éditeur.</p>



<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>



<p class="wp-block-paragraph">Sélectionnez le nombre de variations de colonnes que vous souhaitez ajouter au bloc de colonnes. Pour ce tutoriel, nous sélectionnerons la variation de colonne 50/50.</p>



<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électionnez 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>



<h3 class="wp-block-heading">Étape 02 : ajouter le bloc d'images au bloc de colonnes</h3>



<p class="wp-block-paragraph">Comme nous l'avons dit, vous pouvez insérer d'autres blocs Gutenberg dans le bloc de la colonne. Maintenant, <strong>cliquez sur l'icône plus (+)</strong> dans la colonne. Rechercher et <strong>ajouter le bloc Image</strong> à elle.</p>



<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>



<p class="wp-block-paragraph">Vous pouvez maintenant ajouter des images provenant de la médiathèque ou du disque local. Faites-le comme vous le souhaitez.</p>



<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élécharger 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>



<h3 class="wp-block-heading">Étape 03 : Styliser le bloc d'images dans le bloc de colonnes</h3>



<p class="wp-block-paragraph">Vous pouvez voir que nous avons ajouté une image. Vous pouvez l'aligner au centre en utilisant l'option d'alignement de la barre d'outils. Redimensionnez l'image à l'aide de l'icône de cercle de bord. Enfin, vous pouvez la styliser davantage à l'aide des options de l'onglet Style.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<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>



<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>
</figure>



<p class="wp-block-paragraph">De la même manière, ajoutez une image dans l'autre colonne.</p>



<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 à 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>



<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>



<h2 class="wp-block-heading" id="Display-Images-in-WordPress-Using-the-Gallery-Block">Méthode 2 : Utilisation du bloc de la galerie</h2>



<p class="wp-block-paragraph">WordPress dispose d'un bloc Galerie par défaut qui vous permet d'ajouter plusieurs images dans le même bloc.</p>



<h3 class="wp-block-heading">Étape 01 : Ajouter le bloc de la galerie</h3>



<p class="wp-block-paragraph">Comme dans la méthode précédente, il faut trouver et <strong>ajouter le bloc Galerie à l'éditeur</strong>.</p>



<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>



<p class="wp-block-paragraph">Vous serez autorisé à télécharger des images à partir de votre <strong>lecteur local</strong> ou le <strong>Bibliothèque des médias</strong>. Dans ce tutoriel, nous allons télécharger des images à partir de la bibliothèque multimédia. </p>



<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élécharger 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>



<h3 class="wp-block-heading">Étape 02 : Sélectionner et télécharger les images</h3>



<p class="wp-block-paragraph"><strong>Sélectionner les images</strong> que vous souhaitez télécharger dans le bloc Galerie. Vous pouvez sélectionner autant d'images que vous le souhaitez. Une fois que vous avez terminé, <strong>cliquez sur le bouton Créer une nouvelle galerie</strong>.</p>



<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électionner 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>



<p class="wp-block-paragraph">Vous pouvez ajouter des légendes pour chaque image si vous le souhaitez. Il n'y a pas de problème si vous n'ajoutez rien. Appuyez sur le bouton <strong>Bouton d'insertion d'une galerie</strong> à la fin.</p>



<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érer 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>



<p class="wp-block-paragraph">Vous pouvez voir que des images ont été ajoutées à la galerie. Ensuite, vous pouvez personnaliser le bloc Image en utilisant les options de l'onglet <strong>Paramètres</strong> et <strong>Onglet Styles</strong> sur la barre latérale droite. </p>



<p class="wp-block-paragraph">J'espère que vous pouvez le faire seul, je n'entrerai donc pas dans les détails.</p>



<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ées à 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>



<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>



<h2 class="wp-block-heading" id="Using-the-Galleryberg-Block">Méthode 3 : Utilisation du plugin Galleryberg</h2>



<p class="wp-block-paragraph">Si vous recherchez un moyen plus souple et plus élégant 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égrées de <strong>boîte à lumière</strong> le soutien.</p>



<h3 class="wp-block-heading">Étape 1 : Installer le plugin Galleryberg</h3>



<p class="wp-block-paragraph">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>



<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>



<h3 class="wp-block-heading">Étape 2 : Ajouter le bloc Galleryberg</h3>



<p class="wp-block-paragraph">Ouvrez la page ou l'article dans lequel vous souhaitez afficher les images. Cliquez ensuite sur l'icône <strong>+</strong> et rechercher la mention "<strong>Galleryberg</strong>". Ajoutez-le à la page.</p>



<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>



<h4 class="wp-block-heading">Étape 3 : Télécharger ou sélectionner des images</h4>



<p class="wp-block-paragraph">Utilisez la bibliothèque de médias ou téléchargez de nouvelles images. Vous pouvez réorganiser les images par glisser-déposer.</p>


<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>


<h4 class="wp-block-heading">Étape 4 : Choisir une mise en page</h4>



<p class="wp-block-paragraph">Dans le panneau des paramètres du bloc, sélectionnez la mise en page souhaitée :</p>



<ul class="wp-block-list">
<li><strong>Carreaux</strong>: Grille avec un espacement égal (idéal pour les lignes et les colonnes)</li>



<li><strong>Maçonnerie</strong>: Mise en page superposée à la manière de Pinterest</li>



<li><strong>Justifié</strong>: Des rangées bien alignées et de même hauteur</li>



<li><strong>Carré</strong>: Des carrés parfaits pour un affichage uniforme de la grille</li>
</ul>


<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>


<h3 class="wp-block-heading">Étape 5 : Activer l'option Lightbox</h3>



<p class="wp-block-paragraph">Dans la barre latérale des paramètres du bloc, activez l'option <strong>Activer la boîte à lumière</strong> option.</p>



<p class="wp-block-paragraph">Vos images s'ouvriront désormais dans une fenêtre contextuelle avec des transitions fluides, des effets de zoom et une navigation par diapositives.</p>



<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>



<h3 class="wp-block-heading">Étape 5 : Personnaliser et publier</h3>



<ul class="wp-block-list">
<li>Définir le nombre de colonnes (de 1 à 8)Dans la barre latérale des paramètres du bloc, faites défiler vers le bas jusqu'à l'option <strong>Boîte à lumière</strong> section.</li>



<li>Basculer le <strong>Activer la boîte à lumière</strong> option.</li>



<li>Vos images s'ouvriront désormais dans une fenêtre contextuelle avec des transitions fluides, des effets de zoom et une navigation par diapositives.</li>



<li>Ajuster l'espacement, les légendes, les bordures, etc.</li>



<li>Activer la boîte à lumière pour des aperçus d'images interactives</li>
</ul>



<p class="wp-block-paragraph">Cliquez sur <strong>Publier</strong> ou <strong>Mise à jour</strong> et votre galerie apparaîtra dans des lignes et des colonnes propres et réactives.</p>


<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>


<h2 class="wp-block-heading" id="Display-Images-in-WordPress-Using-the-TableBerg-Plugin">Méthode 4 : Utilisation du plugin Tableberg</h2>



<p class="wp-block-paragraph">TableBerg est un plugin de construction de tableaux facile à utiliser. Il vous permet d'ajouter différents blocs personnalisés aux cellules du tableau pour créer 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>



<h3 class="wp-block-heading">Étape 01 : Installer et activer le plugin Tableberg</h3>



<p class="wp-block-paragraph">Aller à <strong>Plugins &gt; Ajouter un nouveau plugin</strong>. Type <strong>Tableberg</strong> dans la boîte de recherche. <strong>Installer</strong> et <strong>activer</strong> une fois que le plugin apparaît ci-dessous.</p>



<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>



<h3 class="wp-block-heading">Étape 02 : Ajouter le bloc Tableberg à votre article ou page</h3>



<p class="wp-block-paragraph">Le plugin est livré avec un bloc Gutenberg nommé TableBerg. Trouvez et ajoutez le bloc <strong>Bloc TabelBerg</strong> à votre éditeur.</p>



<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 à votre éditeur 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>



<p class="wp-block-paragraph">Définissez les numéros de ligne et de colonne du tableau. Le processus est similaire au bloc de tableau par défaut. Faites-le vous-même.</p>



<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éfinir le numéro 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>



<h3 class="wp-block-heading">Étape 03 : Recherche et ajout du bloc d'images au tableau</h3>



<p class="wp-block-paragraph">J'espère que votre tableau est prêt. Sélectionnez la cellule dans laquelle vous souhaitez ajouter une image. Une fois que vous avez sélectionné une cellule, le bouton <strong>icône plus (+)</strong> apparaîtra.</p>



<p class="wp-block-paragraph"><strong>Cliquez sur l'icône plus (+)</strong>. Vous obtiendrez le bloc d'images. <strong>Cliquez sur le bloc Image</strong>.</p>



<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>



<p class="wp-block-paragraph">Vous aurez la possibilité de télécharger des images à partir du disque local ou de la médiathèque. Cliquez sur l'option de votre choix et téléchargez l'image.</p>



<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élécharger 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>



<h3 class="wp-block-heading">Étape 04 : Styliser l'image téléchargée</h3>



<p class="wp-block-paragraph">Si tout va bien, votre image est déjà téléchargée dans la table. Passez à l'onglet Styles dans la barre latérale droite. Vous y trouverez des options telles que Duotone, Border et Radius pour styliser votre bloc Image.</p>



<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éléchargée" 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>



<p class="wp-block-paragraph">Ainsi, vous pouvez télécharger 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éer une section pour les membres de l'équipe dans WordPress</a> en utilisant le bloc de colonnes.</p>



<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>



<h2 class="wp-block-heading">Dernières remarques !</h2>



<p class="wp-block-paragraph">Pour gérer un site web avec succès, vous devez télécharger et présenter votre contenu de différentes manières. Parfois, le même contenu doit être présenté de différentes manières dans différents articles et pages. Il en va de même pour le bloc d'images.</p>



<p class="wp-block-paragraph">Nous espérons qu'après avoir lu ce tutoriel, vous serez en mesure d'ajouter votre bloc d'images de différentes manières dans WordPress et d'apporter des variations au contenu.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-afficher-les-images-wordpress-en-colonnes-lignes/">How to Display WordPress Images in Columns &amp; Rows</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2025/02/Adding-images-to-the-Gallery-using-Galleryberg.mp4" length="2934692" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2025/02/Gallery-Layout.mp4" length="10706823" type="video/mp4" />

			</item>
		<item>
		<title>Comment créer des onglets dans WordPress pour organiser le contenu</title>
		<link>https://tableberg.com/fr/comment-creer-des-onglets-dans-wordpress/</link>
					<comments>https://tableberg.com/fr/comment-creer-des-onglets-dans-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Mon, 14 Jul 2025 18:22:29 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Gutenberg Blocks]]></category>
		<category><![CDATA[Tabbed Content]]></category>
		<category><![CDATA[Ultimate Blocks]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=907</guid>

					<description><![CDATA[<p>Si vous devez publier de nombreux types d'informations sur des articles de blog ou des pages de manière concise, les onglets peuvent être un élément web utile pour y parvenir. Ils vous permettent d'organiser le contenu dans des sections distinctes afin que les utilisateurs puissent explorer et trouver de manière sélective les informations dont ils ont besoin. Avec l'éditeur de blocs Gutenberg, vous pouvez facilement [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-creer-des-onglets-dans-wordpress/">How to Create Tabs in WordPress to Organize Content</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Si vous devez publier de nombreux types d'informations sur des articles de blog ou des pages de manière concise, les onglets peuvent être un élément web utile pour y parvenir. Ils vous permettent d'organiser le contenu en sections distinctes afin que les utilisateurs puissent explorer et trouver de manière sélective les informations dont ils ont besoin.</p>



<p class="wp-block-paragraph">Avec l'éditeur de blocs Gutenberg, vous pouvez facilement ajouter des onglets à vos articles de blog. Dans cet article, nous allons vous montrer comment créer des onglets dans WordPress pour organiser le contenu. Avant cela, nous répondrons à quelques questions de base.</p>


<!DOCTYPE html>
<?xml version="1.0" encoding="UTF-8"?><div class="wp-block-ub-tabbed-content wp-block-ub-tabbed-content-holder wp-block-ub-tabbed-content-horizontal-holder-mobile wp-block-ub-tabbed-content-horizontal-holder-tablet" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a" style="">
			<div class="wp-block-ub-tabbed-content-tab-holder horizontal-tab-width-mobile horizontal-tab-width-tablet">
				<div role="tablist" class="wp-block-ub-tabbed-content-tabs-title wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab" style="justify-content: center; "><div role="tab" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0" aria-controls="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0" aria-selected="true" class="wp-block-ub-tabbed-content-tab-title-wrap active ub-tabbed-content-with-sub-title" style="--ub-tabbed-title-background-color: #eeeeee; --ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; " tabindex="-1">
				<div class="wp-block-ub-tabbed-content-tab-title"><strong>Qu'est-ce qu'un onglet ?</strong></div>
			</div><div role="tab" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1" aria-controls="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1" aria-selected="false" class="wp-block-ub-tabbed-content-tab-title-wrap ub-tabbed-content-with-sub-title" style="--ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; " tabindex="-1">
				<div class="wp-block-ub-tabbed-content-tab-title"><strong>Quand faut-il utiliser des onglets ? </strong></div>
			</div></div>
			</div>
			<div class="wp-block-ub-tabbed-content-tabs-content" style=""><div role="tabpanel" class="wp-block-ub-tabbed-content-tab-content-wrap active" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0" aria-labelledby="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0" tabindex="0">

<p class="wp-block-paragraph">Les onglets servent d'outil de navigation et vous permettent d'afficher de nombreuses informations dans différentes sections. Ainsi, les utilisateurs n'ont pas besoin de faire défiler la page de façon excessive pour explorer les nombreuses informations contenues dans votre article ou votre page.</p>



<p class="wp-block-paragraph">Ils fournissent un format structuré permettant aux utilisateurs de trouver les informations spécifiques qu'ils recherchent en cliquant dessus. L'élément tabulation est généralement utilisé pour afficher les pages web dans les sections "héros" et "en-tête".</p>



<p class="wp-block-paragraph">Mais aujourd'hui, avec l'aide de certains plugins Gutenberg, vous pouvez créer du contenu sous forme d'onglets n'importe où sur n'importe quel article ou page.</p>

</div><div role="tabpanel" class="wp-block-ub-tabbed-content-tab-content-wrap ub-hide" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1" aria-labelledby="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1" tabindex="0">

<p class="wp-block-paragraph">Le contenu tabulé est particulièrement efficace lorsque vous disposez d'une grande quantité d'informations qui doivent être affichées sous forme de tableaux. Cet élément est particulièrement efficace pour organiser les types d'informations suivants.</p>



<p class="wp-block-paragraph"><strong>Description du produit :</strong> Vous pouvez utiliser ce bloc pour présenter les spécifications du produit, ses caractéristiques et les avis des clients dans des onglets distincts.</p>



<p class="wp-block-paragraph"><strong>Offres de services :</strong> Si vous avez plusieurs plans de services ou forfaits, il est préférable de les présenter dans des sections distinctes.</p>



<p class="wp-block-paragraph"><strong>Plans de tarification :</strong> Il est déjà courant d'afficher plusieurs plans tarifaires dans différents onglets sur les sites web.</p>



<p class="wp-block-paragraph"><strong>FAQ</strong>: Bien que la plupart des gens aiment utiliser les blocs FAQ et les blocs à bascule de contenu pour la section FAQ, vous pouvez également utiliser le bloc d'onglets pour couvrir cette section.</p>



<p class="wp-block-paragraph"><strong>Information comparative :</strong> Si des informations sont mieux présentées dans une section côte à côte, le bloc d'onglets est utile dans ce cas.</p>

</div></div>
		</div>



<h2 class="wp-block-heading">Créer des onglets pour n'importe quel contenu dans WordPress</h2>



<p class="wp-block-paragraph">La bibliothèque de blocs par défaut de Gutenberg ne contient pas le bloc d'onglets. Vous devez utiliser un plugin comme <a href="https://ultimateblocks.com/" target="_blank" data-type="link" data-id="https://wordpress.org/plugins/ultimate-blocks/" rel="noreferrer noopener">Blocs ultimes</a> pour l'avoir dans la bibliothèque de blocs. Le plugin dispose de plus de 25 plugins supplémentaires qui vous permettront d'améliorer votre design web et votre marketing de contenu.</p>



<p class="wp-block-paragraph">Le "T<a href="https://ultimateblocks.com/tabbed-content-block/" target="_blank" rel="noreferrer noopener">Contenu abrégé</a>Le bloc ' d'Ultimate Blocks vous permet d'ajouter n'importe quel contenu dans les onglets. Voyons comment procéder. </p>



<h3 class="wp-block-heading">Étape 01 : Installer et activer le plugin Ultimate Blocks</h3>



<p class="wp-block-paragraph">Aller à <strong>Plugins &gt; Ajouter un nouveau plugin</strong>. Type <strong>Blocs ultimes</strong> dans la barre de recherche située dans le coin supérieur droit. <strong>Installer</strong> et <strong>activer</strong> le plugin tel qu'il apparaît ci-dessous.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1280" height="655" src="https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin.webp" alt="Installer et activer le plugin Ultimate Blocks" class="wp-image-456" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Étape 02 : Insérer le bloc de contenu à onglets</h3>



<p class="wp-block-paragraph">Ouvrez un article ou une page. Trouvez l'icône <strong>Contenu à onglets</strong> en appuyant sur <strong>bouton plus (+)</strong>. Une fois que vous avez trouvé le bloc, ajoutez-le à l'éditeur Gutenberg.</p>



<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/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp" alt="Ajouter le bloc Tabbed Content à l&#039;éditeur Gutenberg" class="wp-image-911" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Étape 03 : Ajouter de nouveaux onglets et les renommer</h3>



<p class="wp-block-paragraph">En cliquant sur le bouton <strong>icône plus (+)</strong>Vous pouvez ajouter autant d'onglets que vous le souhaitez au bloc.</p>



<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/03/Add-new-tabs-to-the-Tabbed-Content-block.webp" alt="Ajouter de nouveaux onglets au bloc Contenu à onglets" class="wp-image-912" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Prenez votre curseur et cliquez sur les onglets un par un. Vous pourrez les renommer. Renommez donc les onglets en fonction du contenu que vous allez afficher.</p>



<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/03/Rename-tabs-of-the-Tabbed-Content-block.webp" alt="Renommer les onglets du bloc Contenu à onglets" class="wp-image-913" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Étape 04 : Ajouter du contenu aux onglets</h3>



<p class="wp-block-paragraph">Sélectionnez un onglet dans lequel vous souhaitez ajouter du contenu. Placez ensuite le curseur dans son éditeur. Vous verrez apparaître l'icône <strong>bouton plus (+)</strong> de l'éditeur Gutenberg est apparu. Cliquez et choisissez le bloc de contenu dont vous avez besoin.</p>



<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/03/Add-content-to-the-tab.webp" alt="Ajouter du contenu à l&#039;onglet" class="wp-image-914" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Pour ce tutoriel, nous avons ajouté les blocs texte et image à l'onglet. Vous pouvez également ajouter d'autres blocs à l'onglet. Procédez de la même manière pour les autres onglets.</p>



<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/03/Texts-and-image-added-to-the-Tabbed-Content-block.webp" alt="Textes et images ajoutés au bloc Tabbed Content" class="wp-image-915" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Étape 05 : Personnalisation des onglets</h3>



<p class="wp-block-paragraph">Accédez à la barre latérale droite tout en gardant le bloc Tabbed Content sélectionné. Vous y trouverez diverses options à configurer, comme les types d'onglets, l'ancrage des onglets et la réactivité.</p>



<p class="wp-block-paragraph">Lorsque vous passez à la version premium, vous pouvez ajouter des icônes aux titres des onglets, des textes secondaires et des boutons d'appel à l'action dans les onglets.</p>



<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/03/Configure-settings-of-the-Tabbed-Content-block.webp" alt="Configurer les paramètres du bloc Tabbed Content" class="wp-image-916" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ensuite, venez à la <strong>Onglet Styles</strong>. Vous aurez la possibilité de colorer le contenu des onglets, de modifier la disposition des onglets et de définir une nouvelle dimension. J'espère que vous pourrez explorer et réaliser ces options vous-même.</p>



<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/03/Stylize-the-Tabbed-Content-block.webp" alt="Styliser le bloc Tabbed Content" class="wp-image-917" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading">Tutoriel vidéo</h3>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Comment créer des onglets dans WordPress pour organiser le contenu" width="500" height="281" src="https://www.youtube.com/embed/S6MekjOWHls?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading">Créer des onglets pour les tableaux dans WordPress</h2>



<p class="wp-block-paragraph">Les onglets ne sont pas réservés au texte ou aux images : ils constituent également un excellent moyen d'organiser plusieurs tableaux côte à côte sur votre site web. Que vous souhaitiez permettre aux utilisateurs de passer d'un tableau à l'autre <a href="https://tableberg.com/fr/comment-creer-une-bascule-de-prix-mensuelle-et-annuelle-dans-wordpress/" target="_blank" rel="noreferrer noopener">tarification mensuelle et annuelle</a>, <a href="https://tableberg.com/fr/comment-creer-un-tableau-de-comparaison-des-fonctionnalites-dans-wordpress/" target="_blank" rel="noreferrer noopener">comparer les caractéristiques des produits</a>ou présenter des données dans plusieurs langues, <strong><a href="https://tableberg.com/fr/" target="_blank" rel="noreferrer noopener">Tableberg</a></strong> facilite les choses grâce à sa fonction "Toggle Tabs" (onglets basculants).</p>



<p class="wp-block-paragraph"><strong>Avec Tableberg "<a href="https://tableberg.com/fr/bascule-pour-le-bloc-de-tableberg/" target="_blank" rel="noreferrer noopener">Bascule pour Tableberg</a>"Vous pouvez le faire :</strong></p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-84c4e0ee-762c-4e78-a414-f77e17c4062d">
<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-e2e716d6-2426-40ff-8077-a05e8006c03a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text">Ajouter plusieurs tableaux sous des onglets distincts</span>
			</div>
			
		</li>

<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-4dae12de-cd20-4e7f-ab18-0d905d58189a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text">Permettre aux visiteurs de comparer les plans tarifaires, les fonctionnalités ou les ensembles de données en un seul clic</span>
			</div>
			
		</li>

<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-a2192655-f961-4224-96e3-a4e7e5664867">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text">Gardez vos tableaux organisés, propres et super faciles à naviguer.</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph"><strong>Voici comment créer des onglets pour les tableaux à l'aide de Tableberg :</strong></p>



<h3 class="wp-block-heading">Étape 1 : Insérer le bloc "Toggle for Tableberg" (bascule pour Tableberg)</h3>



<ul class="wp-block-list">
<li>Ouvrez votre article ou votre page dans l'éditeur WordPress.</li>



<li>Cliquez sur l'icône (+), recherchez <strong>Bascule pour Tableberg</strong>et ajoutez le bloc.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="472" src="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png" alt="" class="has-border-color wp-image-7133" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Étape 2 : Configurer et personnaliser vos onglets</h3>



<ul class="wp-block-list">
<li>Par défaut, vous verrez des onglets intitulés "Onglet 1", "Onglet 2" et "Onglet 3".</li>



<li>Cliquez sur les icônes + ou - pour ajouter ou supprimer des onglets si nécessaire.</li>



<li>Renommez chaque onglet (par exemple, "Mensuel", "Annuel", "Standard", "Premium").</li>



<li>Utilisez le panneau de configuration à droite pour ajuster les titres, l'alignement, les couleurs et les bordures en fonction de votre style préféré.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Étape 3 : Ajouter un tableau à chaque onglet</h3>



<ul class="wp-block-list">
<li>Sélectionnez un onglet, puis cliquez à l'intérieur pour ajouter un tableau Tableberg.</li>



<li>Vous pouvez créer un nouveau tableau à partir de zéro ou insérer l'un des modèles de tableau préconçus de Tableberg.</li>



<li>Chaque onglet peut contenir un tableau unique, idéal pour les comparaisons ou la présentation d'options.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Étape 4 : Prévisualisation et publication</h3>



<ul class="wp-block-list">
<li>Utilisez l'aperçu pour vous assurer que vos tableaux à onglets ont l'aspect et le fonctionnement voulus.</li>



<li>Une fois que vous êtes satisfait, publiez ou mettez à jour votre article/page.</li>
</ul>



<p class="wp-block-paragraph">Voici un exemple de ce à quoi ressemble un tableau de prix à onglets avec Tableberg :</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1600" height="1029" src="https://tableberg.com/wp-content/uploads/2025/01/Toggle-for-Tableberg-Example-.gif" alt="" class="wp-image-7131" style="border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px"/></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_f9bd9323-a9f8-4268-ad73-11d73d5ddf0b"><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>


<h3 class="wp-block-heading">Conclusion</h3>



<p class="wp-block-paragraph">Le bloc Tabbed Content fourni avec le plugin Ultimate Blocks est automatiquement adapté à tous les appareils. Par conséquent, vous n'avez pas besoin de passer beaucoup de temps à le rendre compatible avec les appareils.</p>



<p class="wp-block-paragraph">Mais ce qu'il faut faire, c'est placer le bloc à un endroit approprié pour que l'ensemble de votre article/page soit parfait. Découvrez notre autre article - <a href="https://tableberg.com/fr/comment-creer-un-bouton-dappel-a-laction-dans-wordpress/" data-type="link" data-id="https://tableberg.com/how-to-create-a-call-to-action-button-in-wordpress/" target="_blank" rel="noreferrer noopener">comment créer un bouton d'appel à l'action dans WordPress</a>.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-creer-des-onglets-dans-wordpress/">How to Create Tabs in WordPress to Organize Content</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
					<wfw:commentrss>https://tableberg.com/fr/comment-creer-des-onglets-dans-wordpress/feed/</wfw:commentrss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment ajouter un bouton à bascule à votre site WordPress</title>
		<link>https://tableberg.com/fr/comment-ajouter-un-bouton-de-basculement-dans-wordpress/</link>
		
		<dc:creator><![CDATA[Moinul Islam]]></dc:creator>
		<pubDate>Wed, 02 Jul 2025 14:23:26 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Tableberg]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=4423</guid>

					<description><![CDATA[<p>Vous voulez donner à vos utilisateurs un moyen rapide et propre de basculer entre différents contenus ou options de prix sur votre site WordPress ? Un bouton à bascule est la solution parfaite ! Avec un bouton à bascule, les visiteurs peuvent instantanément basculer entre deux ou plusieurs options, comme un prix mensuel ou annuel, un mode clair ou foncé, ou même un contenu complètement différent [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-ajouter-un-bouton-de-basculement-dans-wordpress/">How to Add a Toggle Button To Your WordPress Site</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Vous voulez donner à vos utilisateurs un moyen rapide et propre de basculer entre différents contenus ou options de prix sur votre site WordPress ? Un bouton à bascule est la solution parfaite ! </p>



<p class="wp-block-paragraph">Grâce à un bouton de basculement, les visiteurs peuvent instantanément passer d'une option à l'autre, par exemple d'une tarification mensuelle à une tarification annuelle, d'un mode clair à un mode foncé, ou même de sections de contenu complètement différentes, sans encombrer votre page.</p>



<p class="wp-block-paragraph">Dans cet article, vous découvrirez deux façons simples d'ajouter des boutons à bascule à votre site WordPress :</p>



<ul class="wp-block-list">
<li><strong>Méthode 1 :</strong> <a href="#Add-a-Toggle-Button-for-Any-Type-of-Content">Ajouter un bouton de basculement pour tout type de contenu (texte, images, formulaires, etc.)</a></li>



<li><strong>Méthode 2 :</strong> <a href="#Add-a-Toggle-Button-for-Pricing-Tables-(and-More)">Ajouter un bouton de basculement pour les tableaux de prix ou tout autre type de données tabulaires</a></li>
</ul>



<p class="wp-block-paragraph">Plongeons dans l'aventure !</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="Add-a-Toggle-Button-for-Any-Type-of-Content">Méthode 1 : Ajouter un bouton à bascule pour n'importe quel type de contenu</h2>



<p class="wp-block-paragraph">Si vous souhaitez permettre à vos utilisateurs de passer d'un bloc de contenu à l'autre, par exemple <a href="https://tableberg.com/fr/comment-ajouter-des-faqs-avec-categories-et-recherche-dans-wordpress/" target="_blank" rel="noreferrer noopener">FAQ</a>Cette méthode s'adresse à vous si vous avez besoin de plus d'informations sur un produit, des détails sur un produit ou des caractéristiques différentes. </p>



<p class="wp-block-paragraph">Nous utiliserons le <strong><a href="https://ultimateblocks.com/" target="_blank" rel="noreferrer noopener">Blocs ultimes</a></strong> qui propose un bloc de contenu polyvalent (Content Toggle ou Tabbed Content) adapté à tous les types de contenu.</p>



<h3 class="wp-block-heading"><strong>Étape 1 : Installation du plugin Ultimate Blocks</strong></h3>



<ul class="wp-block-list">
<li>Allez dans votre tableau de bord WordPress.</li>



<li>Naviguez vers Plugins &gt; Ajouter un nouveau.</li>



<li>Recherchez "Ultimate Blocks" et installez/activez-le.</li>
</ul>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="389" src="https://tableberg.com/wp-content/uploads/2024/10/1-1024x389.png" alt="Installer le plugin Ultimate Blocks" class="has-border-color has-primary-accent-border-color wp-image-4432" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/1-1024x389.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/1-300x114.png 300w, https://tableberg.com/wp-content/uploads/2024/10/1-768x291.png 768w, https://tableberg.com/wp-content/uploads/2024/10/1-1536x583.png 1536w, https://tableberg.com/wp-content/uploads/2024/10/1-18x7.png 18w, https://tableberg.com/wp-content/uploads/2024/10/1.png 1892w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Étape 2 : Ajouter le bloc de contenu à onglets</strong></h3>



<ul class="wp-block-list">
<li>Ouvrez un article ou une page dans l'éditeur WordPress.</li>



<li>Type <code>/tabbed content</code> ou utilisez l'icône + pour ajouter le bloc Tabbed Content.</li>
</ul>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="444" src="https://tableberg.com/wp-content/uploads/2024/10/2.1-2-1024x444.png" alt="Ajouter un bloc de contenu à onglet" class="has-border-color has-primary-accent-border-color wp-image-4433" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/2.1-2-1024x444.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-300x130.png 300w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-768x333.png 768w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-1536x667.png 1536w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-18x8.png 18w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2.png 1613w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Le bloc "Tabbed Content" se présente comme suit - </p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="585" src="https://tableberg.com/wp-content/uploads/2024/10/2.2-2-1024x585.png" alt="Interface initiale du bloc" class="has-border-color has-primary-accent-border-color wp-image-4434" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/2.2-2-1024x585.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2-300x171.png 300w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2-768x439.png 768w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2-18x10.png 18w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2.png 1374w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Étape 3 : Personnalisation du bloc pour une fonction de basculement</strong></h3>



<p class="wp-block-paragraph">Sélectionnez le bloc et choisissez l'option <strong>Style des pilules</strong> dans les paramètres (les onglets ressemblent alors à des boutons).</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="513" src="https://tableberg.com/wp-content/uploads/2024/10/3.1-3-1024x513.png" alt="Allez dans les paramètres et sélectionnez le style Pilules." class="has-border-color has-primary-accent-border-color wp-image-4435" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.1-3-1024x513.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3-300x150.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3-768x385.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3.png 1451w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Centrez l'alignement pour obtenir un aspect classique.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="509" src="https://tableberg.com/wp-content/uploads/2024/10/3.2-2-1024x509.png" alt="Ajuster l&#039;alignement du bloc" class="has-border-color has-primary-accent-border-color wp-image-4436" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.2-2-1024x509.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2-300x149.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2-768x382.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2.png 1438w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Cliquez sur le bouton<strong> + signe</strong> à côté du premier onglet pour en ajouter un autre. Ajoutez au moins deux onglets (par exemple, "Mensuel" et "Annuel" ou "Détails" et "Résumé"). Renommez les onglets pour qu'ils correspondent à vos options de basculement.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="523" src="https://tableberg.com/wp-content/uploads/2024/10/3.3-1-1024x523.png" alt="Ajouter un autre onglet" class="has-border-color has-primary-accent-border-color wp-image-4437" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.3-1-1024x523.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1-768x392.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1.png 1402w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Utilisez les paramètres de couleur pour définir des couleurs contrastées, de manière à ce que l'onglet actif apparaisse clairement.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="479" src="https://tableberg.com/wp-content/uploads/2024/10/3.4-1-1024x479.png" alt="Renommer les onglets et utiliser les paramètres de couleur" class="has-border-color has-primary-accent-border-color wp-image-4438" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.4-1-1024x479.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1-300x140.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1-768x360.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1-18x8.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1.png 1465w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Étape 4 : Ajouter votre contenu</strong></p>



<p class="wp-block-paragraph">Cliquez à l'intérieur de chaque onglet pour ajouter le contenu de votre choix (texte, images, listes, formulaires ou même d'autres blocs).</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="532" src="https://tableberg.com/wp-content/uploads/2024/10/3.5-1024x532.png" alt="Ajouter du contenu aux onglets" class="has-border-color has-primary-accent-border-color wp-image-4439" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.5-1024x532.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.5-300x156.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.5-768x399.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.5-1536x798.png 1536w, https://tableberg.com/wp-content/uploads/2024/10/3.5-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.5.png 1612w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Personnalisez davantage si nécessaire : modifiez l'arrière-plan des onglets, les couleurs du contenu, etc.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="524" src="https://tableberg.com/wp-content/uploads/2024/10/3.6-1024x524.png" alt="personnaliser les onglets" class="has-border-color has-primary-accent-border-color wp-image-4440" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.6-1024x524.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.6-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.6-768x393.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.6-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.6.png 1451w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Étape 5 : Prévisualisation et publication</strong></h3>



<ul class="wp-block-list">
<li>Utilisez l'option Aperçu pour tester la bascule.</li>



<li>Une fois que vous êtes satisfait, publiez ou mettez à jour la page.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="602" src="https://tableberg.com/wp-content/uploads/2024/10/4-1024x602.png" alt="Prévisualisation et publication" class="has-border-color has-primary-accent-border-color wp-image-4441" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/4-1024x602.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/4-300x176.png 300w, https://tableberg.com/wp-content/uploads/2024/10/4-768x452.png 768w, https://tableberg.com/wp-content/uploads/2024/10/4-18x12.png 18w, https://tableberg.com/wp-content/uploads/2024/10/4.png 1415w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>C'est tout !</strong> Vous disposez désormais d'un bouton de basculement flexible pour tout type de contenu sur votre site WordPress.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="Add-a-Toggle-Button-for-Pricing-Tables-(and-More)">Méthode 2 : Ajouter un bouton à bascule pour les tableaux de prix (et autres)</h2>



<p class="wp-block-paragraph">Vous souhaitez permettre aux utilisateurs de basculer entre les tableaux de prix mensuels et annuels, ou de comparer différents ensembles de données côte à côte ? L'outil <strong><a href="https://tableberg.com/fr/introduction-dune-bascule-pour-tableberg-organiser-les-tableaux-dans-des-onglets/" target="_blank" data-type="link" data-id="https://tableberg.com/introducing-toggle-for-tableberg-organize-tables-in-tabs/" rel="noreferrer noopener">Bascule pour Tableberg</a></strong> du plugin Tableberg est conçu à cet effet !</p>



<p class="wp-block-paragraph">Avec <a href="https://tableberg.com/fr/la-tarification/" target="_blank" rel="noreferrer noopener">Tableberg Pro</a>Avec le bloc Toggle, vous pouvez organiser n'importe quel nombre de tableaux en onglets nets et cliquables, ce qui est parfait pour les plans tarifaires, les comparaisons de produits, les tableaux multilingues ou tout autre scénario dans lequel plusieurs tableaux sont utiles.</p>



<h3 class="wp-block-heading"><strong>Étape 1 : Insérer le bloc "Toggle for Tableberg" (bascule pour Tableberg)</strong></h3>



<ul class="wp-block-list">
<li>Ouvrez votre article ou votre page dans l'éditeur WordPress.</li>



<li>Cliquez sur l'icône + (plus) et recherchez "Toggle for Tableberg".</li>



<li>Ajoutez le bloc à votre page.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="472" src="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png" alt="" class="has-border-color wp-image-7133" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Étape 2 : Configurer et personnaliser vos onglets</strong></h3>



<ul class="wp-block-list">
<li>Par défaut, vous verrez trois onglets intitulés "Onglet 1", "Onglet 2" et "Onglet 3".</li>



<li>Ajoutez ou supprimez des onglets selon vos besoins à l'aide des icônes + ou -.</li>



<li>Renommez chaque onglet (par exemple, "Mensuel", "Annuel" ou "Plan de base", "Plan pro").</li>



<li>Utilisez le panneau d'options de droite pour ajuster les titres, l'alignement, les couleurs et les bordures des onglets afin d'obtenir une image de marque.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Étape 3 : Ajouter vos tableaux</strong></h3>



<ul class="wp-block-list">
<li>Cliquez sur chaque onglet pour ajouter un tableau unique à l'intérieur.</li>



<li>Créez une nouvelle table à partir de zéro ou insérez un modèle de table Tableberg pré-construit.</li>



<li>Chaque onglet peut contenir un tableau complètement différent, ce qui est idéal pour les comparaisons de fonctionnalités, les niveaux de prix, les ensembles de données, etc.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Cas d'utilisation populaires</strong></p>



<ul class="wp-block-list">
<li><strong>Tableaux des prix :</strong> Permettez aux utilisateurs de basculer entre les prix mensuels et annuels, ou entre différents plans.</li>



<li><strong>Comparaisons de données :</strong> Affichez les données régionales, les spécifications des différents produits ou les mesures de performance dans des onglets distincts.</li>



<li><strong>Contenu éducatif :</strong> Organiser les leçons ou le matériel de cours pour faciliter la navigation.</li>



<li><strong>Tableaux multilingues :</strong> Afficher les mêmes données dans différentes langues pour les visiteurs internationaux.</li>
</ul>



<h3 class="wp-block-heading"><strong>Étape 4 : Prévisualisation et publication</strong></h3>



<ul class="wp-block-list">
<li>Prévisualisez vos onglets à bascule pour vous assurer que tout se présente et fonctionne comme prévu.</li>



<li>Publiez ou mettez à jour votre article/page lorsque vous êtes prêt.</li>
</ul>



<p class="wp-block-paragraph">Voici un exemple de bascule pour un tableau de prix. </p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1600" height="1029" src="https://tableberg.com/wp-content/uploads/2025/01/Toggle-for-Tableberg-Example-.gif" alt="" class="wp-image-7131" style="border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px"/></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Conclusion</h2>



<p class="wp-block-paragraph">L'ajout d'un bouton de basculement sur votre site WordPress est un excellent moyen d'améliorer la navigation, d'économiser de l'espace et de donner aux visiteurs un accès instantané au contenu qui les intéresse, qu'il s'agisse de passer d'un plan tarifaire à l'autre, d'afficher des détails ou de comparer des données.</p>



<ul class="wp-block-list">
<li>Pour tout type de contenu, utilisez <strong>Blocs ultimes</strong> pour créer en quelques secondes des bascules flexibles.</li>



<li>Pour les tableaux de prix et les mises en page de tableaux plus avancées, essayez <strong>Tableberg Pro's Toggle block</strong> pour une expérience de tabulation transparente.</li>
</ul>



<p class="wp-block-paragraph">Essayez ces méthodes sur votre site et rendez votre contenu plus interactif et convivial. Vous avez des questions ou besoin d'aide ? Faites-le nous savoir dans les commentaires !</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-ajouter-un-bouton-de-basculement-dans-wordpress/">How to Add a Toggle Button To Your WordPress Site</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment mettre du texte et une image côte à côte dans WordPress</title>
		<link>https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/</link>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Tue, 24 Jun 2025 16:09:59 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Amazon Product Marketing]]></category>
		<category><![CDATA[Create Web Sections]]></category>
		<category><![CDATA[Web Design]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=3336</guid>

					<description><![CDATA[<p>Lors de la rédaction de revues de produits, de tableaux comparatifs, de tutoriels, de récits de voyage, d'infographies, de contenus éducatifs, etc., il se peut que vous ayez à placer des textes et des images côte à côte. Il existe de nombreuses façons de le faire dans WordPress. Dans cet article, nous vous montrerons plusieurs façons efficaces de mettre du texte et des images côte à côte dans WordPress. Alors, [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/">How to Put Text and Image Side by Side in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Lors de la rédaction de revues de produits, de tableaux comparatifs, de tutoriels, de récits de voyage, d'infographies, de contenus éducatifs, etc., il se peut que vous ayez à placer des textes et des images côte à côte. Il existe de nombreuses façons de le faire dans WordPress. </p>



<p class="wp-block-paragraph">Dans cet article, nous allons vous montrer plusieurs façons efficaces de mettre du texte et des images côte à côte dans WordPress. Restez avec nous jusqu'à la fin. Vous apprendrez vraiment quelque chose de passionnant.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-771754c5-6e52-4edb-ac05-6e6176ad9d96" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="">Mettre du texte et des images côte à côte dans WordPress :</div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column">
				<ul style=""><li style="color: #636381; "><a href="https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/#0-method-1-using-the-media-amp-text-block" style="">Méthode 1 : Utilisation du bloc Média et texte</a></li><li style="color: #636381; "><a href="https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/#5-method-2-using-the-columns-block" style="">Méthode 2 : Utilisation du bloc des colonnes</a></li><li style="color: #636381; "><a href="https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/#9-method-3-using-the-tableberg-block" style="">Méthode 3 : Utilisation du bloc Tableberg</a></li><li style="color: #636381; "><a href="https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/#14-method-4-using-the-sliderberg-block" style="">Méthode 4 : Utilisation du bloc Sliderberg</a></li></ul>
			</div>
		</div></div>


<h2 class="wp-block-heading" id="0-method-1-using-the-media-amp-text-block">Méthode 1 : Utilisation du bloc Média et texte</h2>



<p class="wp-block-paragraph"><strong>Médias et textes</strong> est un bloc par défaut de l'éditeur de blocs Gutenberg. Avec ce bloc, vous pouvez mettre du texte et des images côte à côte sans dépendre d'un outil tiers.</p>



<h3 class="wp-block-heading" id="1-step-01-add-the-media-amp-text-to-the-editor">Étape 01 : Ajouter les médias et le texte à l'éditeur</h3>



<p class="wp-block-paragraph">Cliquez sur le bouton <strong>icône plus (+)</strong> sur l'éditeur. Type de document <strong>Médias et textes</strong> dans la barre de recherche. Ajouter le bloc à l'éditeur.</p>



<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/09/Add-the-Media-Text-block-to-WordPress.webp" alt="Ajouter le bloc Media &amp; Text à WordPress" class="wp-image-3337" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="2-step-02-addupload-an-image-to-the-block">Étape 02 : Ajouter/télécharger une image dans le bloc</h3>



<p class="wp-block-paragraph">Vous pouvez ajouter une image en la téléchargeant à partir du disque local, de la bibliothèque multimédia ou de l'image vedette. Choisissez l'option qui vous convient.</p>



<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/09/AddUpload-an-Image-to-the-Block.webp" alt="Ajouter/télécharger une image dans le bloc" class="wp-image-3338" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vous pouvez voir que l'image est ajoutée au bloc.</p>



<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/09/Image-is-added-to-the-Media-Text-block.webp" alt="L&#039;image est ajoutée au bloc Média et texte" class="wp-image-3339" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="3-step-03-add-text-to-the-media-amp-text-block">Étape 03 : Ajouter du texte au bloc Média et texte</h3>



<p class="wp-block-paragraph">Écrivez le texte de votre choix dans la colonne de droite du bloc. Vous pouvez personnaliser la couleur du texte, l'alignement et d'autres éléments si vous le souhaitez.</p>



<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/09/Add-Text-to-the-Media-Text-Block.webp" alt="Ajouter du texte au bloc Média et texte" class="wp-image-3340" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="4-step-04-alternate-the-text-and-media-file-position">Étape 04 : Alterner la position du texte et du fichier multimédia</h3>



<p class="wp-block-paragraph">Le bloc vous permet d'alterner la position du texte et des fichiers multimédias en cliquant sur les options correspondantes dans la barre d'outils.</p>



<figure class="wp-block-video"><video height="720" style="aspect-ratio: 1280 / 720;" width="1280" autoplay controls loop muted src="https://tableberg.com/wp-content/uploads/2024/09/Switch-the-Text-and-Media-File.mp4"></video></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="5-method-2-using-the-columns-block">Méthode 2 : Utilisation du bloc des colonnes</h2>



<p class="wp-block-paragraph">Les <strong>Colonnes</strong> est également un bloc par défaut de l'éditeur. C'est l'un des blocs les plus utilisés dans la création de contenu WordPress.</p>



<h3 class="wp-block-heading" id="6-step-01-add-the-columns-block-to-the-editor">Étape 01 : Ajouter le bloc de colonnes à l'éditeur</h3>



<p class="wp-block-paragraph">Vous pouvez afficher le texte et l'image côte à côte en ajoutant l'élément <strong>Paragraphe</strong> et <strong>Blocs d'images</strong> séparément dans les blocs de colonnes.</p>



<p class="wp-block-paragraph">Ainsi, <strong>ajouter le bloc Colonnes</strong> premier à l'éditeur.</p>



<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/09/Add-the-Columns-block-to-the-editor.webp" alt="Ajouter le bloc Colonnes à l&#039;éditeur" class="wp-image-3342" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Sélectionnez une mise en page en deux colonnes.</p>



<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/09/Select-a-two-column-layout.webp" alt="Choisir une mise en page en deux colonnes" class="wp-image-3344" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="7-step-02-add-the-image-block-to-the-columns-block">Étape 02 : ajouter le bloc d'images au bloc de colonnes</h3>



<p class="wp-block-paragraph">Il est préférable de les afficher à gauche. Ainsi, <strong>ajouter le bloc Image</strong> dans la colonne de gauche.</p>



<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/09/Add-the-Image-Block-to-the-Columns-Block.webp" alt="Ajouter le bloc d&#039;images au bloc de colonnes" class="wp-image-3345" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ici encore, ajoutez l'image souhaitée, qu'elle provienne du disque local, de la bibliothèque multimédia ou d'une URL.</p>



<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/09/Upload-an-image-to-the-columns-block.webp" alt="Télécharger une image dans le bloc de colonnes" class="wp-image-3346" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vous pouvez voir que l'image a été ajoutée au bloc.</p>



<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/09/Image-is-added-to-columns-block.webp" alt="L&#039;image est ajoutée au bloc de colonnes" class="wp-image-3347" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="8-step-03-add-text-to-the-cloumns-block">Étape 03 : Ajouter du texte au bloc de phrases</h3>



<p class="wp-block-paragraph">Ajouter le <strong>Bloc de paragraphes</strong> dans la colonne de droite. Cela vous permettra d'ajouter du texte.</p>



<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/09/Add-the-Paragraph-block-to-the-Columns-block.webp" alt="Ajouter le bloc Paragraphe au bloc Colonnes" class="wp-image-3348" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vous pouvez voir que le texte est ajouté à la colonne.</p>



<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/09/Text-is-added-to-the-columns-block.webp" alt="Le texte est ajouté au bloc de colonnes" class="wp-image-3349" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ensuite, vous pouvez personnaliser le bloc de colonnes, y compris l'image et le texte qu'il contient.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="9-method-3-using-the-tableberg-block">Méthode 3 : Utilisation du bloc Tableberg</h2>



<p class="wp-block-paragraph"><a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener nofollow">Tableberg</a> est un merveilleux plugin de construction de tableaux qui vous permet de concevoir de nombreuses parties pour votre site web. Ce plugin vous permet également de mettre du texte et des images côte à côte. Téléchargez le plugin en cliquant sur les boutons attachés à la bannière ci-dessous.</p>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" style="font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);"><strong>Créer de belles tables </strong><br><strong>Avec l'éditeur de blocs</strong></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--5"><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>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<p class="wp-block-paragraph">Commencez à suivre le tutoriel dès maintenant.</p>



<h3 class="wp-block-heading" id="10-step-01-add-the-tableberg-block-to-the-editor">Étape 01 : Ajouter le bloc Tableberg à l'éditeur</h3>



<p class="wp-block-paragraph">Ce plugin ajoute un bloc nommé Tableberg à la bibliothèque de blocs de Gutenberg. <strong>Ajouter le bloc Tableberg</strong> à l'éditeur.</p>



<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="Ajouter le bloc TableBerg à votre éditeur 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>



<p class="wp-block-paragraph">Sélectionnez le nombre de colonnes et de lignes dont vous avez besoin pour la mise en page. Nous choisirons 2*1.</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1280" height="653" src="https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns.webp" alt="Définir le nombre de lignes et de colonnes" class="wp-image-3014" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns.webp 1280w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vous pouvez voir que les colonnes et les lignes sont prêtes.</p>



<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/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp" alt="Des lignes et des colonnes sont ajoutées à l&#039;éditeur" class="wp-image-3309" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="11-step-02-add-an-image-to-a-cell-of-the-table-">Étape 02 : Ajouter une image à une cellule du tableau </h3>



<p class="wp-block-paragraph">Tableberg vous permet d'ajouter plusieurs blocs personnalisés à ses cellules. En cliquant sur l'icône <strong>icône plus (+)</strong>, trouver et <strong>ajouter le bloc Image</strong> à l'une de ses cellules.</p>



<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/09/Add-the-Image-block-to-the-Amazon-Product-box.webp" alt="Ajouter un bloc d&#039;images à Tableberg" class="wp-image-3310" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Téléchargez l'image sur le disque local ou ajoutez-en une de votre bibliothèque multimédia.</p>



<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/09/Upload-or-add-an-image-to-Tableberg.webp" alt="Télécharger ou ajouter une image à Tableberg" class="wp-image-3350" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Nous avons ajouté une image, que vous pouvez voir ci-dessous.</p>



<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/09/An-image-is-added-to-the-table.webp" alt="Une image est ajoutée au tableau" class="wp-image-3351" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="12-step-03-add-text-to-the-table">Étape 03 : Ajouter du texte au tableau</h3>



<p class="wp-block-paragraph">Il suffit d'ajouter du texte dans la colonne de droite à l'aide du bloc de paragraphes.</p>



<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/09/Add-text-to-Tableberg.webp" alt="Ajouter un texte à Tableberg" class="wp-image-3352" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="13-step-04-modify-the-tableberg-border">Étape 04 : Modifier la frontière Tableberg</h3>



<p class="wp-block-paragraph">Vous pouvez rendre cette section plus attrayante en supprimant ou en colonisant la bordure du tableau. <strong>Aller à </strong>les <strong>Onglet Styles</strong>.</p>



<p class="wp-block-paragraph"><strong>Bordure "Come to Table</strong> en faisant défiler l'onglet. Ces options vous permettront de supprimer ou de coloriser la bordure du tableau.</p>



<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/09/Remove-borders-from-the-table.webp" alt="Supprimer les bordures du tableau" class="wp-image-3353" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ainsi, vous pouvez créer des sections web pour mettre du texte et des images côte à côte dans WordPress.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="14-method-4-using-the-sliderberg-block">Méthode 4 : Utilisation du bloc Sliderberg</h2>



<p class="wp-block-paragraph">Vous souhaitez présenter du texte et des images côte à côte dans une barre de défilement interactive ? L'outil <strong><a href="https://wordpress.org/plugins/sliderberg/" target="_blank" rel="noreferrer noopener">Sliderberg</a></strong> vous permet de faire exactement cela - en utilisant le bloc Media &amp; Text qui vous est familier, avec une flexibilité totale. Voici comment l'installer en quelques minutes :</p>



<h3 class="wp-block-heading" id="15-step-1-install-and-activate-the-sliderberg-plugin">Étape 1 : Installer et activer le plugin Sliderberg</h3>



<p class="wp-block-paragraph">Tout d'abord, rendez-vous à l'adresse suivante <strong>Plugins → Ajouter un nouveau</strong> dans votre tableau de bord WordPress, recherchez "Sliderberg" et cliquez sur <strong>Installer maintenant</strong>. Activez ensuite le plugin.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="512" src="https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-1024x512.png" alt="" class="wp-image-9815" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-1024x512.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-300x150.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-768x384.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-1536x768.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-2048x1024.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="16-step-2-insert-the-sliderberg-block">Étape 2 : Insérer le bloc Sliderberg</h3>



<p class="wp-block-paragraph">Modifiez votre message ou votre page. Cliquez sur l'icône <strong>+</strong> recherchez "Sliderberg" et insérez le bloc Sliderberg à l'endroit où vous souhaitez que le curseur apparaisse.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="518" src="https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-1024x518.png" alt="" class="wp-image-9816" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-1024x518.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-300x152.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-768x389.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-1536x778.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-2048x1037.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="17-step-3-select-the-%E2%80%98blocks-slider%E2%80%99-type">Étape 3 : Sélectionnez le type de "Blocks Slider" (curseur de blocs)</h3>



<p class="wp-block-paragraph">Lorsque vous y êtes invité, choisissez l'option <strong>Blocs Slider</strong> option. Cela vous permet d'ajouter n'importe quel bloc Gutenberg à l'intérieur de chaque diapositive.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="510" src="https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-1024x510.png" alt="" class="wp-image-9817" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-1024x510.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-300x149.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-768x383.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-1536x765.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-2048x1020.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="18-step-4-choose-a-background-color-for-the-slider">Étape 4 : Choisir une couleur d'arrière-plan pour le curseur</h3>



<p class="wp-block-paragraph">Choisissez une couleur d'arrière-plan pour votre curseur en fonction du style de votre site, ou conservez-la transparente pour un aspect plus épuré.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="584" src="https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-1024x584.png" alt="" class="wp-image-9818" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-1024x584.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-300x171.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-768x438.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-1536x877.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-2048x1169.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="19-step-5-add-the-%E2%80%98media-amp-text%E2%80%99-block-inside-the-slider">Étape 5 : Ajouter le bloc "Media &amp; Text" à l'intérieur de la barre de défilement</h3>



<p class="wp-block-paragraph">À l'intérieur de votre première diapositive, cliquez sur le bouton <strong>+</strong> et insérez le <strong>Médias et textes</strong> bloc.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<figure class="wp-block-video"><video height="1796" style="aspect-ratio: 3158 / 1796;" width="3158" autoplay loop muted src="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-Block.mp4"></video></figure>
</div>



<h3 class="wp-block-heading" id="20-step-6-add-image-and-text-to-the-slider">Étape 6 : Ajout d'une image et d'un texte à la barre de défilement</h3>



<p class="wp-block-paragraph">Utilisez le bloc Média et texte pour télécharger votre image (côté gauche) et ajouter votre texte (côté droit). Vous pouvez utiliser des titres, des paragraphes, des boutons ou tout autre bloc dont vous avez besoin.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<figure class="wp-block-video"><video height="1732" style="aspect-ratio: 3152 / 1732;" width="3152" autoplay loop muted src="https://tableberg.com/wp-content/uploads/2024/09/Add-Image-Text-to-the-Slider-.mp4"></video></figure>
</div>



<h3 class="wp-block-heading" id="21-step-7-add-or-duplicate-slides">Étape 7 : Ajouter ou dupliquer des diapositives</h3>



<p class="wp-block-paragraph">Vous voulez plus de diapositives ? Cliquez sur <strong>Ajouter une diapositive</strong> pour en créer un nouveau, ou <strong>Dupliquer une diapositive</strong> pour copier une mise en page existante.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="554" src="https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-1024x554.png" alt="" class="wp-image-9820" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-1024x554.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-300x162.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-768x416.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-1536x832.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-2048x1109.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="22-step-8-customize-the-slider-and-publish">Étape 8 : Personnalisation de la barre de défilement et publication</h3>



<p class="wp-block-paragraph">Modifiez les paramètres du curseur (animation, lecture automatique, flèches de navigation, etc.) en fonction de vos préférences. Lorsque vous êtes prêt, cliquez sur <strong>Publier</strong> en direct !</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="635" src="https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-1024x635.png" alt="" class="wp-image-9822" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-1024x635.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-300x186.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-768x476.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-1536x952.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-2048x1270.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Vous disposez désormais d'un slider fluide et réactif affichant texte et image côte à côte, idéal pour présenter une équipe, des produits, des témoignages, etc.</p>



<p class="wp-block-paragraph"><strong>Conseil de pro :</strong> Vous pouvez utiliser <em>tous</em> à l'intérieur de vos diapositives Sliderberg - pas seulement Media &amp; Text ! Faites preuve de créativité avec des boutons, des icônes, des colonnes ou même des blocs tiers.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading" id="23-conclusion">Conclusion</h3>



<p class="wp-block-paragraph">En effet, vous pouvez tirer parti des blocs Gutenberg par défaut pour créer et concevoir vos posts et pages web. Mais comme ils manquent de nombreuses fonctionnalités avancées, vous avez souvent besoin de plugins de blocs supplémentaires qui viennent avec de nombreuses fonctionnalités passionnantes. </p>



<p class="wp-block-paragraph">Tableberg est un plugin passionnant que vous pouvez utiliser dans ce cas. Ultimate Blocks est un autre excellent plugin de blocs que vous devriez considérer. Explorez les versions gratuites de ces deux plugins en cliquant sur les boutons ci-dessous.</p>



<p class="wp-block-paragraph"><strong>Lire aussi</strong>: </p>



<ul class="wp-block-list">
<li><a href="https://tableberg.com/fr/comment-mettre-des-images-cote-a-cote-dans-wordpress/" target="_blank" rel="noreferrer noopener">Comment mettre des images côte à côte dans WordPress</a></li>



<li><a href="https://tableberg.com/fr/comment-ajouter-du-texte-au-dessus-dune-image-dans-wordpress/" target="_blank" rel="noreferrer noopener">Comment ajouter du texte au-dessus d'une image dans WordPress</a></li>



<li><a href="https://tableberg.com/fr/comment-redimensionner-les-blocs-dans-wordpress/" target="_blank" rel="noreferrer noopener">Comment redimensionner les blocs dans WordPress</a></li>
</ul><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-mettre-un-texte-et-une-image-cote-a-cote-dans-wordpress/">How to Put Text and Image Side by Side in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2024/09/Switch-the-Text-and-Media-File.mp4" length="146527" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-Block.mp4" length="853964" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2024/09/Add-Image-Text-to-the-Slider-.mp4" length="5423576" type="video/mp4" />

			</item>
		<item>
		<title>WordPress WYSIWYG Table : Créer des tableaux visuellement éditables sans codage</title>
		<link>https://tableberg.com/fr/wysiwyg-table-create-visually-editable-table/</link>
		
		<dc:creator><![CDATA[Ankur Raj Bongshi]]></dc:creator>
		<pubDate>Thu, 29 May 2025 11:14:34 +0000</pubDate>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[Tableberg]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=9516</guid>

					<description><![CDATA[<p>La plupart des utilisateurs de WordPress ne sont pas des développeurs. Les blogueurs, les spécialistes du marketing et les propriétaires de petites entreprises veulent tous créer des tableaux propres et professionnels sans avoir à se plonger dans le code. C'est là que les tableaux WYSIWYG font la différence. WYSIWYG est l'abréviation de "What You See Is What You Get" (ce que vous voyez est ce que vous obtenez). Cela signifie que vous construisez et modifiez les tableaux d'une manière qui reflète l'aspect final, [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/wysiwyg-table-create-visually-editable-table/">WordPress WYSIWYG Table: Create Visually Editable Tables Without Coding</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">La plupart des utilisateurs de WordPress ne sont pas des développeurs. Les blogueurs, les spécialistes du marketing et les propriétaires de petites entreprises veulent tous créer des tableaux propres et professionnels sans avoir à se plonger dans le code. C'est là que les tableaux WYSIWYG font la différence.</p>



<p class="wp-block-paragraph">WYSIWYG signifie "What You See Is What You Get" (ce que vous voyez est ce que vous obtenez). Cela signifie que vous construisez et modifiez les tableaux d'une manière qui reflète l'aspect final, comme vous le feriez en travaillant dans un document Word. Si le bloc Table par défaut vous laisse sur votre faim, ce guide est fait pour vous.</p>



<p class="wp-block-paragraph">Aujourd'hui, je vais vous montrer comment créer un tableau visuellement époustouflant en utilisant le plugin WYSIWYG table builder. Le tableau se trouve ci-dessous. </p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="692" height="736" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47.png" alt="" class="wp-image-9567" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47.png 692w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47-282x300.png 282w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47-11x12.png 11w" sizes="auto, (max-width: 692px) 100vw, 692px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Qu'est-ce qu'un WYSIWYG Table dans WordPress ?</h2>



<p class="wp-block-paragraph">Une table WYSIWYG vous permet de modifier le contenu visuellement, directement dans l'éditeur WordPress. Pas de HTML. Pas de shortcodes. Juste des résultats en temps réel et des commandes intuitives.</p>



<p class="wp-block-paragraph">Vous obtenez :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-ec784e98-fd5c-447d-a4eb-f10f02471097">
<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;%2300d084&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-754a3ac1-d28b-4759-9853-7ed7c0e13653">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" 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>
				</span>
				<span class="ub_list_item_text">Edition en temps réel sans rechargement</span>
			</div>
			
		</li>

<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;%2300d084&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-8934f3c5-875a-4755-866f-63988e2cacb2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" 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>
				</span>
				<span class="ub_list_item_text">Mise en forme flexible avec des médias riches</span>
			</div>
			
		</li>

<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;%2300d084&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-8fa8ebea-27f0-46ad-8eef-809b0cae2263">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" 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>
				</span>
				<span class="ub_list_item_text">Une structure par "glisser-déposer</span>
			</div>
			
		</li>

<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;%2300d084&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-da946042-5fb9-4535-8550-0b18715b1ebb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" 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>
				</span>
				<span class="ub_list_item_text">Intégration facile d'images, d'icônes et de boutons</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">C'est le moyen le plus simple de créer des tableaux riches en contenu sans frais techniques.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pourquoi le bloc Table par défaut de WordPress n'est pas suffisant</h2>



<p class="wp-block-paragraph">Le bloc Table intégré fait l'affaire pour les mises en page de base, mais c'est là que ses capacités s'arrêtent :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-d640ff91-7cd8-4241-8b13-538c8525a47a">
<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;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c3e9490f-efec-40ba-99b6-515d4899c8fa">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Pas de glisser-déposer pour les lignes ou les colonnes</span>
			</div>
			
		</li>

<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;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-268dd145-3c36-4ba8-8890-7b6de04bee54">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Personnalisation limitée des bordures, de l'espacement ou des couleurs</span>
			</div>
			
		</li>

<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;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-884f5f8a-3fce-454c-b744-f23a41acd5e2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Il n'est pas possible de fusionner ou de diviser des cellules</span>
			</div>
			
		</li>

<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;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ff59e06a-89a8-497d-b706-53c3c1809666">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Pas de support pour les médias à l'intérieur des cellules</span>
			</div>
			
		</li>

<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;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-669d7d56-7148-4fe6-8fb9-3afba419a80a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Faible réactivité mobile</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Si votre tableau nécessite plus qu'un simple texte, vous vous heurterez rapidement à un mur.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pourquoi choisir un plugin Table WYSIWYG ?</h2>



<p class="wp-block-paragraph">Pour exploiter tout le potentiel de la conception de tables, un plugin visuel de table tel que <strong><a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener">Tableberg</a></strong> est un choix judicieux. Il vous offre</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-01d05206-342f-48a4-a1c4-37d41e06f976">
<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 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-1a3587ef-a0dd-494d-9c35-fe40d6bd0b0e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Éditeur visuel</strong>: Effectuez les changements au fur et à mesure que vous les voyez - pas d'approximation</span>
			</div>
			
		</li>

<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 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-71fa6050-431d-47b7-a674-be39f417a4fd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Glisser-déposer</strong>: Le réarrangement des cellules prend quelques secondes</span>
			</div>
			
		</li>

<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 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-90199ad8-86b3-48db-9abd-7f2578ab5435">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Blocs médias</strong>: Ajouter des images, des boutons, des icônes et des classements par étoiles</span>
			</div>
			
		</li>

<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 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2a086963-a1b1-4986-b347-ab058bab52e3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Styles personnalisés</strong>: Contrôler le remplissage, les bordures, l'alignement et les couleurs des cellules</span>
			</div>
			
		</li>

<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 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d0729eaa-4aec-4ac2-bbaa-45f785d8cce4">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Adaptée aux mobiles</strong>: Choisissez la façon dont votre tableau s'affiche sur les petits écrans</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Ce type de plugin rend la conception de tableaux riches aussi simple que l'édition d'un article de blog.</p>



<div class="wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<div class="wp-block-jetpack-slideshow aligncenter" data-effect="slide"><div class="wp-block-jetpack-slideshow_container swiper-container"><ul class="wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper"><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="940" height="792" alt="" class="wp-block-jetpack-slideshow_image wp-image-9535" data-id="9535" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-22-20-1.gif"/><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Éditeur visuel</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="946" height="796" alt="" class="wp-block-jetpack-slideshow_image wp-image-9536" data-id="9536" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-26-17-1.gif"/><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Fonctionnalité "glisser-déposer</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="940" height="796" alt="" class="wp-block-jetpack-slideshow_image wp-image-9537" data-id="9537" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50.png 940w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50-300x254.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50-768x650.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50-14x12.png 14w" sizes="auto, (max-width: 940px) 100vw, 940px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Blocs Tableberg</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="940" height="796" alt="" class="wp-block-jetpack-slideshow_image wp-image-9542" data-id="9542" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1.png 940w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1-300x254.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1-768x650.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1-14x12.png 14w" sizes="auto, (max-width: 940px) 100vw, 940px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Styles personnalisés</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="944" height="794" alt="" class="wp-block-jetpack-slideshow_image wp-image-9539" data-id="9539" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-35-04.gif"/><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Conception adaptée aux mobiles</figcaption></figure></li></ul><a class="wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white" role="button"></a><a class="wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white" role="button"></a><a aria-label="Pause du diaporama" class="wp-block-jetpack-slideshow_button-pause" role="button"></a><div class="wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white"></div></div></div>
</div>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" style="font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);"><strong>Créer de belles tables </strong><br><strong>Avec l'éditeur de blocs</strong></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--6"><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>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment créer un WYSIWYG Table avec Tableberg</h2>



<p class="wp-block-paragraph">Pour créer un tableau WYSIWYG avec Tableberg, nous devons d'abord installer le plugin. </p>



<h3 class="wp-block-heading">1. <strong>Installer le plugin Tableberg</strong></h3>



<p class="wp-block-paragraph">Aller à<strong> Plugins (1) &gt; Ajouter un nouveau (2), recherchez "Tableberg" (3) et cliquez sur Installer (4) puis sur Activer.</strong></p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="577" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-1024x577.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9544" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-1024x577.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-300x169.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-768x433.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-18x10.png 18w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46.png 1142w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">2. <strong>Ajouter un nouveau tableau</strong></h3>



<p class="wp-block-paragraph">Ouvrez un article ou une page où vous souhaitez ajouter le tableau. Cliquez sur le bouton&nbsp;<strong>icône plus (+)</strong>&nbsp;sur l'éditeur <strong>(1)</strong>. Type&nbsp;<strong>Tableberg</strong>&nbsp;dans la boîte de recherche <strong>(2)</strong>. Ajouter le bloc à l'éditeur <strong>(3)</strong>.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="680" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9545" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34.png 926w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34-300x220.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34-768x564.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34-16x12.png 16w" sizes="auto, (max-width: 926px) 100vw, 926px" /></figure>



<p class="wp-block-paragraph">Définissez le nombre de colonnes et de lignes du tableau. Nous sélectionnerons<strong> 3 × 5</strong> pour l'instant, mais elle créera ou supprimera des colonnes et des lignes si nécessaire. Cliquez sur le bouton&nbsp;<strong>Créer un tableau</strong>&nbsp;à la fin.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="928" height="784" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05.png" alt="" class="has-border-color wp-image-9548" style="border-color:#d4d4ec;border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05.png 928w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05-300x253.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05-768x649.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05-14x12.png 14w" sizes="auto, (max-width: 928px) 100vw, 928px" /></figure>



<p class="wp-block-paragraph">Vous verrez bientôt le tableau inséré dans l'éditeur, comme ci-dessous. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="924" height="662" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21.png" alt="" class="wp-image-9559" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21.png 924w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21-300x215.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21-768x550.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21-18x12.png 18w" sizes="auto, (max-width: 924px) 100vw, 924px" /></figure>



<h3 class="wp-block-heading">Étape 3 : Ajouter du contenu de manière visuelle</h3>



<h4 class="wp-block-heading">A. Insérer du contenu textuel</h4>



<p class="wp-block-paragraph">Placez votre curseur dans les cellules du tableau et tapez ce que vous voulez.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="668" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-31-09.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9549" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">B. Ajouter des images</h4>



<p class="wp-block-paragraph">Maintenant, insérez le bloc d'images pour insérer les images de vos produits en cliquant sur le bouton "<strong>+</strong>"Vous pouvez télécharger des images ou les sélectionner dans la bibliothèque de médias. Vous pouvez télécharger des images ou les sélectionner dans la médiathèque. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="756" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-40-29.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9550" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">C. Ajouter un classement par étoiles</h4>



<p class="wp-block-paragraph">Ajoutez des étoiles si vous le souhaitez. Les étoiles sont un excellent moyen de démontrer la qualité de vos produits. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="930" height="796" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-52-55.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9551" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">D. Ajoutez vos boutons</h4>



<p class="wp-block-paragraph">Les boutons sont un moyen efficace de promouvoir un produit ou un service. Placez-les donc de manière stratégique </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="932" height="800" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-59-14.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9552" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Il est également facile de lier un bouton : cliquez sur le bouton, sélectionnez l'option de lien, saisissez votre lien de destination et réglez les attributs du lien. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="778" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-07-18.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9554" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Vous pouvez ajuster et personnaliser vos boutons à partir du panneau latéral droit. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="782" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9553" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28.png 926w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28-300x253.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28-768x649.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28-14x12.png 14w" sizes="auto, (max-width: 926px) 100vw, 926px" /></figure>



<h4 class="wp-block-heading">E. Insérer des icônes</h4>



<p class="wp-block-paragraph">Les icônes permettent d'identifier les fonctionnalités disponibles et celles qui ne le sont pas. L'insertion du bloc d'icônes est identique à celle de n'importe quel autre bloc. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="930" height="772" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-12-16.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9555" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">F. Insérer une liste stylisée</h4>



<p class="wp-block-paragraph">La liste stylisée est un autre bloc essentiel qui vous permet d'ajouter simultanément un ensemble de fonctionnalités et d'icônes. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="924" height="814" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9556" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41.png 924w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41-300x264.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41-768x677.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41-14x12.png 14w" sizes="auto, (max-width: 924px) 100vw, 924px" /></figure>



<p class="wp-block-paragraph">Maintenant, ajoutez vos fonctionnalités. Chaque fois que vous appuyez sur la touche "Entrée" de votre clavier, vous pouvez ajouter de nouvelles fonctionnalités. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="826" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-26-16.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9557" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Vous pouvez accéder aux options de personnalisation du bloc Liste stylisée sur le côté droit de l'éditeur. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="930" height="694" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9558" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18.png 930w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18-300x224.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18-768x573.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18-16x12.png 16w" sizes="auto, (max-width: 930px) 100vw, 930px" /></figure>



<p class="wp-block-paragraph">Voici le tableau que j'ai créé en utilisant Tableberg sans personnalisation. </p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="710" height="636" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17.png" alt="" class="wp-image-9560" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17.png 710w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17-300x269.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17-13x12.png 13w" sizes="auto, (max-width: 710px) 100vw, 710px" /></figure>



<p class="wp-block-paragraph">J'ai ajouté quelques couleurs, un padding, une marge et un ruban en haut. Vous trouverez ci-dessous les images de la personnalisation que j'ai effectuée. </p>



<div class="wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<div class="wp-block-jetpack-slideshow aligncenter" data-effect="slide"><div class="wp-block-jetpack-slideshow_container swiper-container"><ul class="wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper"><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="935" height="874" alt="" class="wp-block-jetpack-slideshow_image wp-image-9576" data-id="9576" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03.png 935w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03-300x280.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03-768x718.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03-13x12.png 13w" sizes="auto, (max-width: 935px) 100vw, 935px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Personnalisation des cellules</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="928" height="822" alt="" class="wp-block-jetpack-slideshow_image wp-image-9577" data-id="9577" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40.png 928w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40-300x266.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40-768x680.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40-14x12.png 14w" sizes="auto, (max-width: 928px) 100vw, 928px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Personnalisation du style des icônes</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="926" height="816" alt="" class="wp-block-jetpack-slideshow_image wp-image-9578" data-id="9578" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35.png 926w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35-300x264.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35-768x677.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35-14x12.png 14w" sizes="auto, (max-width: 926px) 100vw, 926px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Personnalisation des paramètres de l'icône</figcaption></figure></li></ul><a class="wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white" role="button"></a><a class="wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white" role="button"></a><a aria-label="Pause du diaporama" class="wp-block-jetpack-slideshow_button-pause" role="button"></a><div class="wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white"></div></div></div>
</div>



<p class="has-main-accent-background-color has-background wp-block-paragraph" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)">Voici les codes de couleur que j'ai utilisés dans le tableau. <strong>(Couleur de l'en-tête : #f3f3f3, Couleur de l'arrière-plan des rangs pairs : #3fad3d63, Couleur de l'arrière-plan des rangs impairs : #d1dec8)</strong></p>



<p class="wp-block-paragraph">Après personnalisation, la version finale est présentée ci-dessous.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><figure class='wp-block-tableberg' >
                <div class='tableberg-table-wrapper'>
                    <table
                        class='wp-block-tableberg'
                        style='border-collapse: collapse; width: 100%;'
                        data-tableberg-sortable='false'
                        data-tableberg-columns='[]'
                        data-tableberg-pagination='{"enabled":false,"pageSize":10,"showPageNumbers":true,"showPrevNext":true}'
                        data-tableberg-search-enabled='false'
                        data-tableberg-search-placeholder='Search...'
                        data-tableberg-search-position='left'
                        data-tableberg-search-highlight-color=''
                        data-tableberg-header='true'
                        data-tableberg-footer='false'
                        
                    >
                        <tbody>
                            <tr data-tableberg-row='0'><th
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#f3f3f3;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='0'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Nom du produit</strong>
            </p>
                </div>
            </div>
                
                
            </th><th
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#f3f3f3;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='0'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:var(--wp--preset--spacing--30)'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>Canon EOS</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <figure
                class='tableberg-image-element'
                style='margin:0;line-height:1'
            >
                <img
                src='https://dev-elegantphotography.pantheonsite.io/wp-content/uploads/2025/05/1.png'
                alt=''
                style='display:block;object-fit:cover;width:150px'
            />
                
            </figure>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf1778-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>$1400</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div id='' style='display:flex;justify-content:flex-start;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#2ebb5a;--tableberg-button-text-hover-color:#ffffff;width:100%'>
                <div style='width:100%;max-width:none;min-width:0;flex-basis:100%'>
                    <a class="wp-block-button__link wp-element-button" href="http://ultimateblocks.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%">
                    Obtenez-le maintenant !
                </a>
                </div>
            </div>
                </div>
            </div>
                
                <div class='tableberg-ribbon-wrapper'>
                <div
                class='tableberg-ribbon tableberg-ribbon-side tableberg-ribbon-side-left'
                style='color:#FFFFFF;font-size:1rem;top:-30px;left:-20px'
            >
                <div
                    class='tableberg-ribbon-side-content'
                    style='background:#57a83b;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)'
                >
                    Meilleure option
                </div>
                <div class='tableberg-ribbon-side-shadow'></div>
            </div>
            </div>
            </th><th
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#f3f3f3;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='0'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:var(--wp--preset--spacing--30)'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>Lumix GH6</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <figure
                class='tableberg-image-element'
                style='margin:0;line-height:1'
            >
                <img
                src='https://dev-elegantphotography.pantheonsite.io/wp-content/uploads/2025/05/Lumix-GH6-1024x1024-1.jpeg'
                alt=''
                style='display:block;object-fit:cover;width:150px'
            />
                
            </figure>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a4135eaf189b-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>$1200</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div id='' style='display:flex;justify-content:flex-start;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#2ebb5a;--tableberg-button-text-hover-color:#ffffff'>
                <div
                    class='wp-block-button__link wp-element-button'
                    style='display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px'
                >
                    Obtenez-le maintenant !
                </div>
            </div>
                </div>
            </div>
                
                
            </th></tr><tr data-tableberg-row='1'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='1'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Scellement aux intempéries</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='1'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='1'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='2'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='2'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Écran tactile LCD</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='2'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='2'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='3'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='3'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Caractéristiques supplémentaires</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='3'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                    <ul style='list-style-type:none;margin:0;padding-left:0'>
                        <li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Autofocus rapide
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Contrôle Iso élevé
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Option AWB
            </span>
                    </div>
                    
                </li>
                    </ul>
                </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='3'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                    <ul style='list-style-type:none;margin:0;padding-left:0'>
                        <li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Autofocus rapide
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Contrôle Iso élevé
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Option AWB
            </span>
                    </div>
                    
                </li>
                    </ul>
                </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='4'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='4'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Connectivité WIFI</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='4'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='4'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#e41313'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#e41313'
                >
                    <path d='M15.71 8.29a1 1 0 0 0-1.42 0L12 10.59l-2.29-2.3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l2.29-2.3l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L13.41 12l2.3-2.29a1 1 0 0 0 0-1.42m3.36-3.36A10 10 0 1 0 4.93 19.07A10 10 0 1 0 19.07 4.93m-1.41 12.73A8 8 0 1 1 20 12a7.95 7.95 0 0 1-2.34 5.66' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td></tr>
                        </tbody>
                    </table>
                </div>
                
            </figure></div>



<p class="wp-block-paragraph">Lorsque vous êtes satisfait, publiez ou mettez à jour la page. Votre tableau visuellement stylisé est maintenant en ligne.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Autres plugins WYSIWYG Table à considérer</h2>



<p class="wp-block-paragraph">Tandis que <strong><a href="http://tableberg.com/fr/la-tarification/" target="_blank" rel="noreferrer noopener">Tableberg</a></strong> offre une expérience fluide, basée sur des blocs, mais il existe d'autres options solides en fonction de vos besoins :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-01e13f19-9eca-4fb2-adf5-8ef82916c92a">
<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;%239b51e0&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3ef48d5f-107c-44f4-8b35-8e9897030ef7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#9b51e0" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><a href="https://wptablebuilder.com" target="_blank" rel="noreferrer noopener">WP Table Builder</a></strong> - Drag-and-drop, support de contenu flexible, supporte tous les constructeurs de pages. </span>
			</div>
			
		</li>

<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;%239b51e0&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a82f0f39-b02a-4cbb-9fda-b98c3b53f59e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#9b51e0" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><a href="https://wordpress.org/plugins/ninja-tables/" target="_blank" rel="noreferrer noopener">Tables Ninja</a></strong> - Riche en fonctionnalités grâce aux intégrations et à la logique conditionnelle</span>
			</div>
			
		</li>

<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;%239b51e0&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e870e125-4d0a-40c2-876a-e2713173c090">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#9b51e0" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><a href="https://wordpress.org/plugins/tablepress/" target="_blank" rel="noreferrer noopener">TablePress</a></strong> (avec extensions) - Bon pour les grands ensembles de données</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Chacun a des points forts, mais Tableberg est construit pour fonctionner nativement avec Gutenberg et donne la priorité à l'édition visuelle.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4bc.png" alt="💼" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cas d'utilisation pratiques</h3>



<p class="wp-block-paragraph">Les tableaux WYSIWYG sont parfaits pour :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-b128f492-b154-489b-8652-2a1e1e0ab42b">
<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;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-49afd1cb-c858-41e9-a769-1696f3508470">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Comparaison des prix et analyse des caractéristiques</span>
			</div>
			
		</li>

<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;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bed93e03-320a-46be-bc4d-64fa7eb9ed21">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Tableaux d'affiliation avec boutons et évaluations</span>
			</div>
			
		</li>

<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;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-aa3bfece-ee70-427a-b747-d64af4526dfb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Grilles des membres de l'équipe ou calendriers des événements</span>
			</div>
			
		</li>

<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;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-15594750-02e0-469e-a9c6-ccdee5b942cd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Catalogues de produits avec des cellules riches en média</span>
			</div>
			
		</li>

<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;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-9bd86d17-b15e-4942-b864-a7fce82a03d2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Ventilations étape par étape de la marche à suivre</span>
			</div>
			
		</li>

<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;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-97694c92-bfe6-47ca-8011-5238b4d7a118">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Résumés de contenu pour les longs articles de blog</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Si votre contenu implique une structure ou une comparaison, ces tableaux le rendent plus attrayant et informatif.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading">Réflexions finales</h2>



<p class="wp-block-paragraph">Construire un beau tableau ne devrait pas être un défi technique. Un plugin WYSIWYG comme <strong>Tableberg</strong> vous donne la liberté de concevoir des tableaux qui correspondent au style de votre contenu, sans toucher à une seule ligne de code.</p>



<p class="wp-block-paragraph">Si vous souhaitez afficher des caractéristiques, des comparaisons ou des listes dynamiques, Tableberg vous facilite la tâche.</p>



<p class="has-primary-accent-background-color has-background wp-block-paragraph" style="border-radius:10px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><strong>Prêt à essayer Tableberg ?</strong><br><strong><a href="http://tableberg.com/fr/" target="_blank" rel="noreferrer noopener">Commencez dès aujourd'hui avec Tableberg ➔</a></strong></p>



<p class="wp-block-paragraph"><strong>En savoir plus !</strong></p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-087fb140-dc6f-4551-80ed-baf447979185">
<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;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-af1f6ff1-e1ad-4455-b924-a9883a81bcdc">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/documents/comment-creer-votre-premier-tableau-avec-tableberg/" target="_blank" rel="noreferrer noopener">Comment créer votre premier tableau avec Tableberg</a></span>
			</div>
			
		</li>

<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;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-db08cc92-00d3-4c8e-988c-749262c22834">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/" target="_blank" rel="noreferrer noopener">Comment l'IA peut vous aider à créer des tableaux automatiquement dans WordPress</a></span>
			</div>
			
		</li>

<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;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-62c0b340-0992-4eac-86a8-a33af8ad6444">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/comment-generer-des-tables-wordpress-a-partir-de-fichiers-csv-ou-xml-sans-codage-necessaire/" target="_blank" rel="noreferrer noopener">Comment générer des tables WordPress à partir de fichiers CSV ou XML (sans codage)</a></span>
			</div>
			
		</li>

<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;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3e6a271b-8a18-4f3e-8443-5d2879f0cdec">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/comment-generer-un-tableau-comparatif-a-partir-dun-article-de-blog-en-utilisant-chatgpt/" target="_blank" rel="noreferrer noopener">Comment générer un tableau de comparaison à partir d'un article de blog en utilisant ChatGPT</a></span>
			</div>
			
		</li>

<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;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-9cab441b-c249-41e7-9997-5b3bb3591730">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/les-meilleures-facons-dutiliser-les-tableaux-pour-le-marketing-daffiliation/" target="_blank" rel="noreferrer noopener">Les meilleures façons d'utiliser les tableaux pour le marketing d'affiliation dans WordPress</a></span>
			</div>
			
		</li>
</ul>

<div class="wp-block-ub-social-share" id="ub-social-share-707f1e66-d935-47d2-9a69-49257e130751">
			<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%2Fwysiwyg-table-create-visually-editable-table%2F&amp;title=WordPress%20WYSIWYG%20Table%3A%20Create%20Visually%20Editable%20Tables%20Without%20Coding" class="ub-social-share-facebook-container" style="border-color: #1877f2; background-color: transparent; box-shadow: none; ">
				<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>
			</a><a aria-label="twitter-logo" target="_blank" rel="nofollow" href="http://twitter.com/intent/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fwysiwyg-table-create-visually-editable-table%2F&amp;text=WordPress%20WYSIWYG%20Table%3A%20Create%20Visually%20Editable%20Tables%20Without%20Coding" class="ub-social-share-twitter-container" style="border-color: #1d9bf0; background-color: transparent; box-shadow: none; ">
				<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>
			</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%2Fwysiwyg-table-create-visually-editable-table%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; background-color: transparent; box-shadow: none; ">
				<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>
			</a></div>
		</div>


<p class="wp-block-paragraph"></p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/wysiwyg-table-create-visually-editable-table/">WordPress WYSIWYG Table: Create Visually Editable Tables Without Coding</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment ajouter des accordéons dans l'éditeur de blocs de WordPress</title>
		<link>https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/</link>
		
		<dc:creator><![CDATA[Moinul Islam]]></dc:creator>
		<pubDate>Wed, 28 May 2025 19:04:18 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=9315</guid>

					<description><![CDATA[<p>Un accordéon est un élément de mise en page à bascule qui cache et révèle le contenu lorsqu'on clique dessus. Vous voyez un titre, vous cliquez dessus et le reste du contenu glisse vers le bas. Cliquez à nouveau et le contenu se cache. C'est comme un menu déroulant, mais pour le contenu et non pour les menus. Que se passe-t-il si vous implémentez correctement les accordéons ? Votre contenu devient [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/">How to Add Accordions in WordPress Block Editor</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Un accordéon est un élément de mise en page à bascule qui cache et révèle le contenu lorsqu'on clique dessus. Vous voyez un titre, vous cliquez dessus et le reste du contenu glisse vers le bas. Cliquez à nouveau, et le contenu se cache. C'est comme un menu déroulant, mais pour le contenu et non pour les menus.</p>



<p class="wp-block-paragraph">Que se passe-t-il si vous implémentez correctement les accordéons ? Votre contenu devient plus facile à explorer, les utilisateurs restent concentrés, la navigation mobile s'améliore et les moteurs de recherche peuvent vous récompenser par une meilleure visibilité. Si vous faites tout correctement, les accordéons fonctionneront comme une table des matières qui répond aux questions avant même que les utilisateurs ne les posent.</p>



<p class="wp-block-paragraph">Ce guide vous montrera comment mettre en place des accordéons dans WordPress à l'aide d'outils conviviaux qui rendent le processus simple et propre, sans qu'il soit nécessaire de coder.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" style="max-width: -moz-fit-content" class="wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed" id="ub_table-of-contents-6b43f227-5b91-4479-9636-5343d5f1ab1b" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="false"><div class="ub_table-of-contents-header-container" style="background-color: #e9e7ff; color: #1E1E26; ">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="color: #1E1E26; "><strong>Comment ajouter des accordéons dans WordPress</strong></div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="color: #1E1E26; ">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="background-color: #e9e7ff; color: #1E1E26; ">montrer</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ub-hide">
				<ul style=""><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#0-add-accordions-in-wordpress-" style="color: #1E1E26; ">Ajouter des accordéons dans WordPress</a><ul><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#1-method-1-using-the-native-details-block-" style="color: #1E1E26; ">Méthode 1 : Utilisation du bloc de détails natifs</a><ul><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#2-step-1-add-the-details-block-" style="color: #1E1E26; ">Étape 1 : Ajouter le bloc de détails</a></li><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#3-step-2-add-the-title-and-content-" style="color: #1E1E26; ">Étape 2 : Ajouter le titre et le contenu</a></li><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#4-step-3-add-additional-toggles-" style="color: #1E1E26; ">Étape 3 : Ajouter des bascules supplémentaires</a></li></ul></li><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#5-method-2-using-the-ultimate-blocks-plugin-" style="color: #1E1E26; ">Méthode 2 : Utilisation du plugin Ultimate Blocks</a><ul><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#6-step-1-add-the-plugin-to-your-site-" style="color: #1E1E26; ">Étape 1 : Ajouter le plugin à votre site</a></li><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#7-step-2-insert-the-content-toggle-block-" style="color: #1E1E26; ">Étape 2 : Insérer le bloc de basculement du contenu</a></li><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#8-step-3-add-title-and-content-" style="color: #1E1E26; ">Étape 3 : Ajouter le titre et le contenu</a></li><li style=""><a href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/#9-step-4-customize-the-accordion-" style="color: #1E1E26; ">Étape 4 : Personnaliser l'accordéon</a></li></ul></li></ul></li></ul>
			</div>
		</div></div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="0-add-accordions-in-wordpress-"><strong>Ajouter des accordéons dans WordPress</strong></h2>



<p class="wp-block-paragraph">Il existe plusieurs façons d'ajouter des accordéons dans WordPress, mais toutes ne sont pas faciles à utiliser dans l'éditeur de blocs. Dans les sections suivantes, nous commencerons par une méthode de base utilisant un bloc intégré, puis nous passerons à une option plus flexible avec un plugin.</p>



<h3 class="wp-block-heading" id="1-method-1-using-the-native-details-block-"><strong>Méthode 1 : Utilisation du bloc de détails natifs</strong></h3>



<p class="wp-block-paragraph">La manière la plus simple de créer un accordéon dans WordPress est d'utiliser la fonction intégrée <a href="https://tableberg.com/fr/comment-utiliser-le-bloc-de-details-dans-wordpress/">Bloc de détails</a>. Voyons comment cela fonctionne.</p>



<h4 class="wp-block-heading" id="2-step-1-add-the-details-block-"><strong>Étape 1 : Ajouter le bloc de détails</strong></h4>



<p class="wp-block-paragraph">Ouvrez votre message ou votre page dans l'Éditeur de blocs. Cliquez sur l'icône plus (+), recherchez Détails et insérez le bloc.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="574" src="https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-1024x574.png" alt="Ajouter le bloc de détails" class="has-border-color wp-image-9433" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-1024x574.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-300x168.png 300w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-768x430.png 768w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-18x10.png 18w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1.png 1458w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_85b3e1d3-2fbe-4df6-b27f-c4ab59ce4c45"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="3-step-2-add-the-title-and-content-"><strong>Étape 2 : Ajouter le titre et le contenu</strong></h4>



<p class="wp-block-paragraph">Saisissez le titre de votre accordéon dans l'espace réservé au "Résumé". Cliquez ensuite sur l'icône en forme de flèche située à côté pour développer la section. Une fois développée, une zone de contenu apparaît en dessous, où vous pouvez ajouter du texte, des images, des listes ou d'autres blocs.</p>



<figure class="wp-block-video is-style-default"><video height="1080" style="aspect-ratio: 1920 / 1080;" width="1920" autoplay muted src="https://tableberg.com/wp-content/uploads/2025/05/1.2.mp4"></video></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_816ab8dc-b19e-4a20-af83-0d37e5032667"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="4-step-3-add-additional-toggles-"><strong>Étape 3 : Ajouter des bascules supplémentaires</strong></h4>



<p class="wp-block-paragraph">Pour ajouter d'autres éléments en accordéon, répétez le même processus en insérant de nouveaux blocs Détails. Pour une mise en page imbriquée, développez la zone de contenu d'un bloc Détails existant, cliquez sur l'icône plus (+) à l'intérieur de celui-ci et ajoutez un autre bloc Détails.</p>



<figure class="wp-block-video is-style-default"><video height="796" style="aspect-ratio: 1454 / 796;" width="1454" autoplay muted src="https://tableberg.com/wp-content/uploads/2025/05/1.3.mp4"></video></figure>



<p class="wp-block-paragraph">Cette méthode est parfaite pour les FAQ rapides ou les configurations minimales. N'oubliez pas qu'elle n'offre qu'un style de base et ne comprend pas d'options de conception avancées.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading" id="5-method-2-using-the-ultimate-blocks-plugin-"><strong>Méthode 2 : Utilisation du plugin Ultimate Blocks</strong></h3>



<p class="wp-block-paragraph">Si vous souhaitez disposer de plus d'options de style et d'un meilleur contrôle sur votre accordéon, la fonction <a href="https://wordpress.org/plugins/ultimate-blocks/" target="_blank" rel="noopener">Blocs ultimes</a> est un excellent choix. Il propose un bloc Content Toggle qui fonctionne parfaitement dans l'éditeur de blocs.</p>



<h4 class="wp-block-heading" id="6-step-1-add-the-plugin-to-your-site-"><strong>Étape 1 : Ajouter le plugin à votre site</strong></h4>



<p class="wp-block-paragraph">Depuis votre tableau de bord WordPress, allez dans le menu Plugins et cliquez sur Ajouter un nouveau. Dans la barre de recherche, tapez Ultimate Blocks, puis cliquez sur Installer maintenant sur la fiche du plugin. Une fois l'installation terminée, activez le plugin pour que les nouveaux blocs soient disponibles dans l'éditeur.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="371" src="https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-1024x371.png" alt="Ajouter Ultimate Blocks à votre site" class="has-border-color wp-image-9443" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-1024x371.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-300x109.png 300w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-768x278.png 768w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-1536x556.png 1536w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-18x7.png 18w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation.png 1884w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_e0cb710a-04d4-41ac-999c-f14be4bce5e0"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="7-step-2-insert-the-content-toggle-block-"><strong>Étape 2 : Insérer le bloc de basculement du contenu</strong></h4>



<p class="wp-block-paragraph">Ouvrez la page ou l'article dans lequel vous souhaitez insérer l'accordéon. Cliquez sur l'icône plus (+), recherchez Content Toggle et ajoutez-le. Ce bloc crée une section extensible avec un titre et une zone de contenu.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="503" src="https://tableberg.com/wp-content/uploads/2025/05/2.1-1024x503.png" alt="Insérer le bloc de basculement du contenu" class="has-border-color wp-image-9444" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.1-1024x503.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/2.1-300x147.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2.1-768x377.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2.1-18x9.png 18w, https://tableberg.com/wp-content/uploads/2025/05/2.1.png 1454w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_a9b5b869-2972-4905-8337-fa610ed338d0"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="8-step-3-add-title-and-content-"><strong>Étape 3 : Ajouter le titre et le contenu</strong></h4>



<p class="wp-block-paragraph">Saisissez le titre de votre accordéon dans le champ de l'étiquette, puis ajoutez votre contenu en dessous. Vous pouvez inclure n'importe quel type de bloc à l'intérieur de la bascule, comme du texte, des images, des boutons, des listes ou même un autre bloc Bascule de contenu à l'intérieur de la zone de contenu pour créer un accordéon imbriqué.&nbsp;</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="455" src="https://tableberg.com/wp-content/uploads/2025/05/2.3.1-1024x455.png" alt="Ajouter le titre et le contenu" class="has-border-color wp-image-9451" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.3.1-1024x455.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-300x133.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-768x341.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-1536x682.png 1536w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-18x8.png 18w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1.png 1676w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Pour ajouter d'autres sections à bascule, il suffit de cliquer sur l'icône (+) lorsque vous survolez les panneaux existants. Pour supprimer un panneau, procédez de la même manière, sauf qu'au lieu de cliquer sur l'icône (+), vous choisissez l'icône (x) dans le coin supérieur droit.&nbsp;</p>



<figure class="wp-block-image size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="1180" height="754" src="https://tableberg.com/wp-content/uploads/2025/05/2.3.2.gif" alt="Ajouter des panneaux" class="has-border-color wp-image-9452" style="border-color:#9154f3;border-width:1px;border-radius:10px;width:909px;height:auto"/></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_77e94ea3-9120-4cb8-833f-ffb30d35edf7"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="9-step-4-customize-the-accordion-"><strong>Étape 4 : Personnaliser l'accordéon</strong></h4>



<p class="wp-block-paragraph">À partir du panneau de configuration du bloc situé à droite, vous pouvez contrôler le titre du panneau, ajuster l'état de la bascule, activer le schéma FAQ, ajouter une option de recherche intégrée pour votre accordéon, choisir une icône d'état, modifier les couleurs du texte ou de l'arrière-plan, et bien d'autres choses encore.&nbsp;</p>



<div class="wp-block-group has-border-color is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e78c4980 wp-block-group-is-layout-flex" style="border-color:#9154f3;border-width:1px;border-radius:10px">
<figure class="wp-block-image size-full is-style-media-boxed"><img loading="lazy" decoding="async" width="348" height="796" src="https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1.png" alt="Personnaliser l&#039;accordéon" class="wp-image-9461" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1.png 348w, https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1-131x300.png 131w, https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1-5x12.png 5w" sizes="auto, (max-width: 348px) 100vw, 348px" /></figure>



<figure class="wp-block-image size-full is-style-media-boxed"><img loading="lazy" decoding="async" width="284" height="786" src="https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1.png" alt="Personnaliser l&#039;accordéon" class="wp-image-9462" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1.png 284w, https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1-108x300.png 108w, https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1-4x12.png 4w" sizes="auto, (max-width: 284px) 100vw, 284px" /></figure>
</div>



<p class="wp-block-paragraph">Si vous l'utilisez pour les FAQ, vous pouvez également activer le balisage FAQ Schema dans les paramètres pour aider votre contenu à se qualifier pour les rich snippets dans la recherche Google.</p>



<figure class="wp-block-image aligncenter size-full is-resized has-custom-border is-style-media-boxed"><img loading="lazy" decoding="async" width="269" height="627" src="https://tableberg.com/wp-content/uploads/2025/05/last.png" alt="Activer le schéma" class="has-border-color wp-image-9467" style="border-color:#9154f3;border-width:1px;border-radius:10px;width:271px;height:auto" srcset="https://tableberg.com/wp-content/uploads/2025/05/last.png 269w, https://tableberg.com/wp-content/uploads/2025/05/last-129x300.png 129w, https://tableberg.com/wp-content/uploads/2025/05/last-5x12.png 5w" sizes="auto, (max-width: 269px) 100vw, 269px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h5 class="wp-block-heading" id="10-conclusion-"><strong>Conclusion</strong></h5>



<p class="wp-block-paragraph">Si votre objectif est de rendre le contenu long plus facile à parcourir, les accordéons offrent une solution propre. Vous avez appris deux approches : le bloc Détails natif offre une configuration légère sans plugins supplémentaires et un chargement rapide. Le bloc Content Toggle d'Ultimate Blocks ajoute des contrôles de style avancés, des panneaux imbriqués et un schéma de FAQ intégré. Les deux méthodes améliorent l'engagement de l'utilisateur mobile et le potentiel de référencement. Choisissez l'approche qui correspond le mieux à votre flux de travail et à vos besoins en matière de contenu.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-ajouter-des-accordeons-dans-lediteur-de-blocs-de-wordpress/">How to Add Accordions in WordPress Block Editor</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2025/05/1.2.mp4" length="419149" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2025/05/1.3.mp4" length="181989" type="video/mp4" />

			</item>
		<item>
		<title>Comment l'IA peut vous aider à créer des tableaux automatiquement dans WordPress</title>
		<link>https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/</link>
		
		<dc:creator><![CDATA[Ankur Raj Bongshi]]></dc:creator>
		<pubDate>Wed, 28 May 2025 08:38:42 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=9356</guid>

					<description><![CDATA[<p>Tables est l'un des outils les plus efficaces pour organiser le contenu. Qu'il s'agisse de comparaisons de produits, de plans tarifaires, de données structurées ou de listes de caractéristiques, les tableaux apportent de la clarté là où les longs paragraphes n'en apportent pas. Mais soyons honnêtes : les créer manuellement peut s'avérer une véritable corvée. Même les utilisateurs expérimentés perdent du temps à aligner les cellules et à formater les mises en page. Aujourd'hui, [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/">How AI Can Help You Create Tables Automatically in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Les tableaux sont l'un des outils les plus efficaces pour organiser le contenu. Qu'il s'agisse de comparaisons de produits, de plans de tarification, de données structurées ou de listes de caractéristiques, les tableaux apportent de la clarté là où les longs paragraphes n'en apportent pas. </p>



<p class="wp-block-paragraph">Mais soyons honnêtes : les créer manuellement peut s'avérer une véritable corvée. Même les utilisateurs expérimentés perdent du temps à aligner les cellules et à formater les mises en page.</p>



<p class="wp-block-paragraph">Il existe désormais une meilleure façon de procéder. L'IA est en train de changer la façon dont nous construisons les tableaux. Au lieu de faire glisser des colonnes ou de bricoler avec du HTML, vous décrivez ce dont vous avez besoin et vous le voyez prendre vie. Ce n'est pas l'avenir, c'est déjà là.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" style="max-width: -moz-fit-content" class="wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed" id="ub_table-of-contents-96367214-12c8-41a7-87ca-93c5baf14e7a" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="true" data-initiallyshow="false"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="">Comment l'IA peut vous aider à créer des tableaux automatiquement dans WordPress</div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="">montrer</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ub-hide">
				<ul style=""><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#0-why-use-ai-for-table-creation-in-wordpress" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pourquoi utiliser AI pour la création de Table dans WordPress ?</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#1-what-kind-of-tables-can-ai-help-you-create" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quel type de Tables l'IA peut-elle vous aider à créer ?</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#2-%E2%9A%99%EF%B8%8F-how-ai-can-help-you-build-tables-in-wordpress" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2699.png" alt="⚙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment l'IA peut vous aider à construire Tables dans WordPress</a><ul><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#3-1-generate-a-table-from-blog-content" style="">1. Générer un tableau à partir du contenu d'un blog</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#4-2-generate-a-table-from-a-prompt" style="">2. Générer un tableau à partir d'une invite</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#5-3-convert-bullet-lists-or-raw-data-into-tables" style="">3. Convertir les listes à puces ou les données brutes en tableaux</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#6-4-create-tables-from-spreadsheets-or-csv" style="">4. Créer des tableaux à partir de feuilles de calcul ou de fichiers CSV</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#7-5-suggest-table-styles-or-layouts" style="">5. Suggérer des styles de tableaux ou des mises en page</a></li></ul></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#8-how-tableberg-is-bringing-ai-powered-table-creation" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment Tableberg permet la création de Table grâce à l'IA ?</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#9-why-this-matters-for-content-creators" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pourquoi cela est-il important pour les créateurs de contenu ?</a></li><li style=""><a href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/#10-conclusion" style="">Conclusion</a></li></ul>
			</div>
		</div></div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="0-why-use-ai-for-table-creation-in-wordpress"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pourquoi utiliser AI pour la création de Table dans WordPress ?</h2>



<p class="wp-block-paragraph">Après avoir travaillé pendant des années sur des sites WordPress à fort contenu, j'ai pu constater à quel point la création de tableaux peut prendre du temps. Pour les non-designers et les blogueurs occupés, c'est un véritable gouffre à productivité. L'IA résout ce problème.</p>



<ol class="wp-block-list">
<li>Génère instantanément des mises en page de tableaux utilisables.</li>



<li>Idéal pour les créateurs n'ayant aucune compétence en matière de conception ou de codage</li>



<li>Supprime les problèmes de formatage et de mise en page</li>



<li>Transforme le contenu écrit en données structurées et exploitables</li>



<li>Traite les ensembles de données longs ou complexes sans vous ralentir</li>
</ol>



<p class="wp-block-paragraph">Il ne s'agit pas de remplacer l'effort. Il s'agit de les rediriger vers ce qui compte le plus : votre contenu.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="1-what-kind-of-tables-can-ai-help-you-create"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quel type de Tables l'IA peut-elle vous aider à créer ?</h2>



<p class="wp-block-paragraph">La beauté de l'IA réside dans sa gamme. Elle ne vous limite pas à un seul type de tableau. Il s'adapte à votre flux de travail :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-e1fe9b07-7d60-47e2-8968-3412a0d56058">
<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-5667a7fb-ce0d-4e96-b024-65ceb6855061">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><strong>Tableaux comparatifs</strong>: Décomposer les différences entre les produits ou les plans</span>
			</div>
			
		</li>

<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-196e1c8b-9c74-4dfd-9233-3f6e444d7c5a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><strong>Tableaux des prix</strong>: Parfait pour les boutiques SaaS, services ou WooCommerce</span>
			</div>
			
		</li>

<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-6cb3d907-602e-43f2-9db7-ec11c0298a72">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><strong>Tableaux de données</strong>: Utile pour les enquêtes, les mesures de blog ou les listes</span>
			</div>
			
		</li>

<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-ca61c6cc-ae66-4766-93ee-8b6815d23f04">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><strong>Liste des tableaux</strong>: Les "meilleurs outils", les "meilleures applications", les "coups de cœur de la rédaction" - le tout bien rangé.</span>
			</div>
			
		</li>

<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-a974483a-082f-491f-83da-7f6bef3cc295">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><strong>Tableaux des caractéristiques</strong>: Idéal pour les caractéristiques des plugins, les spécifications des produits ou les mises en évidence côte à côte.</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Si votre contenu a une structure, AI peut le présenter sous forme de tableau.</p>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" style="font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);"><strong>Créer de belles tables </strong><br><strong>Avec l'éditeur de blocs</strong></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--7"><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>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="2-%E2%9A%99%EF%B8%8F-how-ai-can-help-you-build-tables-in-wordpress"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2699.png" alt="⚙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment l'IA peut vous aider à construire Tables dans WordPress</h2>



<p class="wp-block-paragraph">Voici comment l'IA simplifie le processus pour les utilisateurs de WordPress :</p>



<h3 class="wp-block-heading" id="3-1-generate-a-table-from-blog-content">1. Générer un tableau à partir du contenu d'un blog</h3>



<p class="wp-block-paragraph">Vous avez un article sous forme de liste ou de récapitulatif ? L'IA analyse le contenu, extrait les points clés et construit un tableau structuré autour de ces points.</p>



<p class="wp-block-paragraph"><strong>Exemple</strong>: Vous avez écrit un blog sur les meilleurs outils de référencement - AI extrait les noms, les prix et les principales caractéristiques dans une présentation sous forme de tableau. Découvrez la démo ci-dessous. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="938" height="884" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_09-19-27.gif" alt="" class="wp-image-9384" style="border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="4-2-generate-a-table-from-a-prompt">2. Générer un tableau à partir d'une invite</h3>



<p class="wp-block-paragraph">Même si vous partez de zéro, vous pouvez indiquer à l'IA ce dont vous avez besoin. Une simple demande, telle que "tableau de prix à trois colonnes pour une application de fitness", permet d'obtenir un tableau prêt à l'emploi que vous pouvez facilement modifier.</p>



<p class="wp-block-paragraph"> Voici la démo ci-dessous. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="928" height="872" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_09-22-28.gif" alt="" class="wp-image-9385" style="border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="5-3-convert-bullet-lists-or-raw-data-into-tables">3. Convertir les listes à puces ou les données brutes en tableaux</h3>



<p class="wp-block-paragraph">Vous avez rédigé des caractéristiques ou des notes sous forme de puces ? Collez-les et laissez l'IA les transformer en un tableau impeccable en quelques secondes.</p>



<p class="wp-block-paragraph">Comme vous pouvez le voir ci-dessous, j'ai copié du texte de la boutique WowStore et du carrousel de produits de mon projet et je l'ai collé dans ChatGPT. Je lui ai demandé de créer un tableau à partir du texte que j'ai fourni. Regardez comment il a créé le tableau de façon magnifique. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="924" height="898" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_10-22-40.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9390" style="border-width:1px;border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="6-4-create-tables-from-spreadsheets-or-csv">4. Créer des tableaux à partir de feuilles de calcul ou de fichiers CSV</h3>



<p class="wp-block-paragraph">Vous avez un fichier CSV ou une feuille de calcul ? Transmettez-le à AI. Il structurera les données correctement et vous aidera même à les styliser pour qu'elles correspondent à votre site.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="938" height="890" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-01-13.gif" alt="" class="wp-image-9393" style="border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="7-5-suggest-table-styles-or-layouts">5. Suggérer des styles de tableaux ou des mises en page</h3>



<p class="wp-block-paragraph">Vous ne savez pas à quoi doit ressembler votre tableau ? L'IA peut suggérer des formats basés sur le type de contenu, comme les comparaisons d'affiliés, les plans tarifaires ou les avantages et inconvénients.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="932" height="668" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-21-11.gif" alt="" class="wp-image-9395" style="border-width:1px;border-radius:3px"/></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="8-how-tableberg-is-bringing-ai-powered-table-creation"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment Tableberg permet la création de Table grâce à l'IA ?</h2>



<p class="wp-block-paragraph">Si vous avez utilisé <a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noopener"><strong>Tableberg</strong></a> avant, vous savez déjà qu'il s'agit d'un plugin de table remarquable pour Gutenberg. Mais ce qui vient ensuite est la partie la plus excitante.</p>



<p class="wp-block-paragraph">Bientôt, Tableberg vous le permettra :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-05dc25c0-15e2-48d4-9516-7563a2df831e">
<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 256 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e710d930-a6d0-44c0-9845-3614bae0547f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512"><path fill="#000000" d="M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Créer un tableau à partir du contenu d'un blog existant</span>
			</div>
			
		</li>

<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 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bb0e6944-6334-440a-9d01-3a4b19e38600">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z"></path></svg>
				</span>
				<span class="ub_list_item_text">Construire un tableau simplement en le décrivant en langage naturel</span>
			</div>
			
		</li>

<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 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0efda933-32d8-486d-84f7-9f91d22d16b2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Obtenir des suggestions instantanées pour la mise en page et le style</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="948" height="670" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9396" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48.png 948w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48-300x212.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48-768x543.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48-18x12.png 18w" sizes="auto, (max-width: 948px) 100vw, 948px" /></figure>



<p class="wp-block-paragraph">Tout cela s'intègre directement dans votre flux de travail Gutenberg. Pas d'outils externes. Pas de codage. Il suffit d'écrire, de décrire et de publier.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="9-why-this-matters-for-content-creators"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pourquoi cela est-il important pour les créateurs de contenu ?</h2>



<p class="wp-block-paragraph">Ces améliorations ne sont pas seulement des mises à jour mineures. Elles peuvent modifier l'ensemble de votre flux de travail :</p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-3ac09735-f4a1-40cb-bd9e-7e39a09086e7">
<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 256 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e98c664b-9a59-4c10-8a2b-f5c864baee11">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512"><path fill="#000000" d="M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Publier plus rapidement et plus efficacement</span>
			</div>
			
		</li>

<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 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7661a68a-74be-4a05-a9aa-b57e5843f2e7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z"></path></svg>
				</span>
				<span class="ub_list_item_text">Consacrer moins de temps à la mise en page et plus de temps à la stratégie</span>
			</div>
			
		</li>

<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 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6ae4077e-071e-4f00-9fdd-f94fea37b35d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Utilisez des tableaux propres et adaptés aux mobiles qui améliorent l'expérience utilisateur.</span>
			</div>
			
		</li>

<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 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M189 77.6c7.5-16 .7-35.1-15.3-42.6s-35.1-.7-42.6 15.3L3 322.4c-4.7 9.9-3.9 21.5 1.9 30.8S21 368 32 368H256v80c0 17.7 14.3 32 32 32s32-14.3 32-32V368h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320V160c0-17.7-14.3-32-32-32s-32 14.3-32 32V304H82.4L189 77.6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c83403ae-5aa6-41c6-b803-9abd0b5eae03">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512"><path fill="#000000" d="M189 77.6c7.5-16 .7-35.1-15.3-42.6s-35.1-.7-42.6 15.3L3 322.4c-4.7 9.9-3.9 21.5 1.9 30.8S21 368 32 368H256v80c0 17.7 14.3 32 32 32s32-14.3 32-32V368h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320V160c0-17.7-14.3-32-32-32s-32 14.3-32 32V304H82.4L189 77.6z"></path></svg>
				</span>
				<span class="ub_list_item_text">S'adapter rapidement alors que l'IA devient un outil standard dans la création de contenu WordPress</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Lorsque le temps est de l'argent, l'automatisation n'est plus optionnelle. C'est un avantage.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="10-conclusion">Conclusion</h2>



<p class="wp-block-paragraph">La création de tableaux assistée par l'IA n'est pas seulement une commodité - c'est une façon plus intelligente de travailler. Elle élimine les parties répétitives du processus, ce qui vous permet de vous concentrer sur la création d'un meilleur contenu. Qu'il s'agisse d'articles de blog ou de comparaisons de produits, les tableaux sont plus faciles, plus rapides et plus propres lorsque l'IA s'en charge.</p>



<p class="wp-block-paragraph"><strong>Curieux de l'essayer ? Donnez <a href="http://tableberg.com/fr/" target="_blank" rel="noreferrer noopener">Tableberg</a> et explorez les possibilités offertes par les tables pilotées par l'IA.</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<p class="wp-block-paragraph"><strong>En savoir plus !</strong></p>


<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-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-906dde10-8024-4edc-8369-7fdd71504f3b">
<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-9f1b33dd-43b7-4de5-b646-58ac938cc6a7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/comment-generer-un-tableau-comparatif-a-partir-dun-article-de-blog-en-utilisant-chatgpt/" target="_blank" rel="noreferrer noopener">Comment générer un tableau de comparaison à partir d'un article de blog en utilisant ChatGPT</a></span>
			</div>
			
		</li>

<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-89ddcdb0-c668-4af5-9604-06eabfb669e9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/lavenir-des-plugins-de-table-les-tendances-a-surveiller/" target="_blank" rel="noreferrer noopener">L'avenir des plugins de tableaux : Tendances à observer aujourd'hui et au-delà</a></span>
			</div>
			
		</li>

<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-038621c7-80c5-44f4-b133-9540d76c0bdd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/les-meilleures-facons-dutiliser-les-tableaux-pour-le-marketing-daffiliation/" target="_blank" rel="noreferrer noopener">Les meilleures façons d'utiliser les tableaux pour le marketing d'affiliation dans WordPress</a></span>
			</div>
			
		</li>

<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-a213be7c-f7e4-42a3-bb1e-dacb4f687317">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/le-plugin-tableberg-permet-de-gagner-du-temps/">Les 5 principales fonctionnalités du plugin Tableberg qui permettent de gagner du temps</a></span>
			</div>
			
		</li>

<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-8935afee-3d34-4886-aecf-235907fd8f00">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/les-principales-caracteristiques-a-rechercher-dans-un-plugin-wordpress-pour-les-tables/" target="_blank" rel="noreferrer noopener">10 fonctionnalités à rechercher dans un plugin WordPress pour tableaux (avant de l'acheter)</a></span>
			</div>
			
		</li>

<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-bcb4cc4c-b48c-47fc-b35f-56229ee01ad6">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<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>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/fr/comment-mettre-en-evidence-des-produits-dans-un-tableau-wordpress/" target="_blank" rel="noreferrer noopener">Comment mettre en évidence les produits recommandés dans un tableau WordPress</a></span>
			</div>
			
		</li>
</ul>

<div class="wp-block-ub-social-share" id="ub-social-share-c8e6161c-6921-4de2-8a5e-db0e6388da19">
			<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%2Fcomment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement%2F&amp;title=How%20AI%20Can%20Help%20You%20Create%20Tables%20Automatically%20in%20WordPress" class="ub-social-share-facebook-container" style="border-color: #1877f2; background-color: transparent; box-shadow: none; ">
				<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>
			</a><a aria-label="twitter-logo" target="_blank" rel="nofollow" href="http://twitter.com/intent/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fcomment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement%2F&amp;text=How%20AI%20Can%20Help%20You%20Create%20Tables%20Automatically%20in%20WordPress" class="ub-social-share-twitter-container" style="border-color: #1d9bf0; background-color: transparent; box-shadow: none; ">
				<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>
			</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%2Fcomment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; background-color: transparent; box-shadow: none; ">
				<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>
			</a></div>
		</div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/fr/comment-lintelligence-artificielle-peut-vous-aider-a-creer-des-tableaux-automatiquement/">How AI Can Help You Create Tables Automatically in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/fr">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

#!trpst#trp-gettext data-trpgettextoriginal=229#!trpen#Mise en cache de page à l’aide de Disk: Enhanced #!trpst#/trp-gettext#!trpen#

Served from: tableberg.com @ 2026-06-28 14:55:39 by W3 Total Cache
-->