Comment ajouter une image à un tableau dans WordPress

Le contenu visuel est sans aucun doute essentiel pour susciter l'intérêt des utilisateurs. Que vous soyez blogueur, affilié, propriétaire d'un commerce électronique ou autre, vous pouvez avoir besoin d'ajouter un contenu graphique à votre contenu pour diverses raisons.

Les images font partie de ces contenus graphiques importants. De nombreux utilisateurs ne savent pas encore comment ajouter des images aux tableaux WordPress. Mais en ajoutant des images au tableau, vous pouvez facilement créer différents types de tableaux tels que des comparaisons, des spécifications de produits, des tableaux de prix, etc.

Dans cet article, nous allons vous montrer deux méthodes simples pour ajouter une image à un tableau dans WordPress. Commençons par le commencement !

Créer de belles tables
Avec l'éditeur de blocs

Méthode 1 : Utilisation du bloc de tableaux par défaut

L'éditeur de blocs Gutenberg par défaut est livré avec l'option Inline Image que vous trouverez sur la barre d'outils. En utilisant l'option Inline Image, vous pouvez facilement ajouter des images à votre WordPress. Voici le processus.

Étape 01 : Ajouter le bloc tableau à l'éditeur

Ouvrez un article ou une page où vous souhaitez ajouter le tableau. Ajoutez le tableau Bloc de table à l'éditeur.

Ajouter le bloc tableau à l'éditeur

Définir le nombre de lignes et de colonnes.

Définir le nombre de lignes et de colonnes

La table sera créée dans quelques secondes.

La table par défaut est créée

Étape 02 : Ajouter l'option d'image en ligne au tableau

Placez votre curseur sur la cellule où vous souhaitez ajouter une image. La barre d'outils s'affiche.

Cliquez sur le bouton Plus d'options dans la barre d'outils. Recherchez et cliquez sur Image en ligne sur la liste.

Étape 03 : Sélectionner et ajouter une image

Vous pourrez ajouter une image, soit à partir de la bibliothèque multimédia, soit en la téléchargeant à partir de votre disque local. Choisissez l'image que vous souhaitez. Cliquez sur l'icône Bouton de sélection à la fin.

Sélectionner et ajouter une image

L'image sera ajoutée dans une seconde. Vous pouvez maintenant augmenter sa taille en modifiant sa largeur.

Définir la largeur de l'image en ligne

De même, ajoutez une nouvelle image à l'autre colonne en utilisant la même option Inline Image.

Ajouter une image en ligne à un tableau

Méthode 2 : Utilisation du bloc Tableberg

Tableberg est un plugin de construction de tableaux riche en fonctionnalités et convivial pour les débutants. Avec ce plugin, vous pouvez également construire des tableaux et ajouter des images à leurs cellules. Nous avons expliqué le processus ci-dessous.

Étape 01 : Ajouter le bloc Tableberg à l'éditeur

Recherchez et ajoutez le Bloc TableBerg dans l'éditeur. Le bloc fonctionne de la même manière que le bloc Table par défaut, comme indiqué ci-dessus.

Trouvez et ajoutez le bloc TableBerg à votre éditeur Gutenberg.

Définir le numéro de la ligne et de la colonne.

Le plan du tableau est prêt.

Le plan du tableau est prêt

Étape 02 : Ajouter le bloc d'images au tableau

TableBerg comprend le Bloc d'images. Son fonctionnement est similaire à celui du bloc Image de Gutenberg. Ajoutez le bloc Image à la cellule.

Ajouter le bloc d'images au tableau

Sélectionnez l'option permettant de télécharger l'image souhaitée à partir de la source correspondante. Pour ce tutoriel, nous téléchargerons l'image à partir de la bibliothèque multimédia.

Sélectionnez l'option de téléchargement d'images

Étape 03 : Sélectionner et télécharger une image

J'espère que vous savez ce que vous devez faire ici. Choisissez une image et cliquez sur le bouton Bouton de sélection.

Sélectionner et télécharger une image

L'image sera instantanément ajoutée au tableau. Vous pouvez modifier la taille de l'image en faisant glisser la ligne de bordure, comme indiqué dans l'image ci-dessous.

L'image sera ajoutée au tableau

Étape 04 : Personnaliser et styliser l'image

Venez au Onglet Paramètres dans la barre latérale droite. Vous pouvez ajouter un texte alternatif, un rapport d'aspect, une largeur, une hauteur et une résolution, ce qui n'est pas possible avec l'option Inline Image.

Aller à la page Onglet Styles. Vous pouvez ajouter une bordure et un rayon de bordure en utilisant les options de cet onglet.

Styliser l'image sur la table

Ainsi, vous pouvez ajouter des images au tableau dans WordPress.

Notes de fin d'année !

Bien que TableBerg soit un nouveau plugin, il va changer la donne. Il va très bientôt faire passer l'expérience de construction de tableaux basée sur Gutenberg à un niveau supérieur.

Avec le plugin TableBerg, vous pouvez ajouter non seulement des images mais aussi d'autres types de contenu comme des rubans, des classements, des listes à puces, des boutons CTA, du HTML personnalisé, etc.

En les utilisant, vous pouvez créer des tableaux multifonctionnels avec le plugin. Voir quelques articles :



L'équipe Tableberg