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 !
- Méthode 1 : Using the default Table Block
- Méthode 2 : Utilisation du bloc Tableberg
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.
Définir le nombre de lignes et de colonnes.
La table sera créée dans quelques secondes.
É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.
L'image sera ajoutée dans une seconde. Vous pouvez maintenant augmenter sa taille en modifiant sa largeur.
De même, ajoutez une nouvelle image à l'autre colonne en utilisant la même option Inline Image.
Method 2: Using the Tableberg Block
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.
Step 01: Add the Tableberg Block to the Editor
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.
Définir le numéro de la ligne et de la colonne.
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.
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.
É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.
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.
É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.
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 :
