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 site de commerce électronique ou autre, vous pouvez avoir besoin d'ajouter du contenu graphique pour diverses raisons.
Les images sont l'un 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 comparaison, spécification du produit, tableaux de tarification, 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 : Utilisation du bloc de tableaux par défaut
- 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
La valeur par défaut Éditeur de blocs Gutenberg dispose de l'option Inline Image que vous trouverez dans la barre d'outils. L'utilisation de l'option Option d'image en ligneVous pouvez facilement ajouter des images à vos tableaux WordPress.
Voici comment procéder.
Étape 1 : 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 2 : Utiliser l'option "Inline Image" pour le 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 3 : 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.
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.
Note: Assurez-vous que vous avez installé et activé le plugin Tableberg.
É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.
Définir le numéro de la ligne et de la colonne.
Le plan du tableau est prêt.
Étape 2 : Ajouter le bloc d'images au tableau
Tableberg comprend Bloc d'images. Son fonctionnement est similaire à celui de la fonction Bloc d'images 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 3 : 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 4 : 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 :
- Comment afficher les images WordPress en colonnes et en lignes
- Comment essayer TableBerg sans l'installer sur votre site
- Comment créer un tableau de comparaison des produits
- Comment créer un tableau de spécification des produits
