Réponse rapide
Cliquez sur l’image dans le tableau, ouvrez l’onglet Size dans les réglages Image, choisissez Relative to Container (un pourcentage de la largeur de la cellule) ou Self (un pourcentage de la taille propre de l’image, Pro), et définissez Size en %. Cliquez sur Save. Utilisez Image Alignment dans General (onglet) pour positionner l’image dans la cellule.
La taille des images détermine la place occupée par les photos de produits et les logos dans chaque cellule. Des tailles homogènes rendent les tableaux comparatifs plus soignés.
Prérequis #
| Élément | Détails |
|---|---|
| Offre | Gratuit (relatif à Container) et Pro (relatif à Self) |
| Temps nécessaire | Moins d’une minute |
Étapes #
- Ouvrez le tableau dans le constructeur et cliquez sur l’image.
- Ouvrez Size (onglet) dans le panneau de gauche.
- Choisissez Relative to:
- Container dimensionne l’image en pourcentage de la largeur de la cellule, elle s’adapte donc au tableau.
- Self la dimensionne en pourcentage de la taille d’origine de l’image (Pro).
- Réglez Size en %, par exemple 80.
- Cliquez sur Save.
Conseils pour des images homogènes #
- Téléversez des images aux mêmes proportions (par exemple toutes carrées) pour que les lignes soient alignées.
- Utilisez Container (dimensionnement) pour les tableaux responsive, car les images rétrécissent avec la cellule sur les petits écrans.
- Activez le chargement différé (Pro) pour les tableaux contenant beaucoup d’images. Voir Comment activer le chargement différé des images de tableau dans WP Table Builder.
- Ajoutez Image Alt Text dans l’onglet General pour l’accessibilité et le SEO. Voir Image.
Questions fréquentes #
Comment réduire la taille des images dans un tableau WP Table Builder ?
Cliquez sur l’image, ouvrez l’onglet Size et diminuez le pourcentage de Size.
Quelle est la différence entre Container et Self ?
Container dimensionne l’image par rapport à la largeur de la cellule. Self la dimensionne par rapport aux dimensions propres de l’image et nécessite Pro.
Pourquoi mes images n’ont-elles pas la même hauteur ?
Les images d’origine ont des proportions différentes. Recadrez-les aux mêmes proportions avant de les téléverser.
