Grilles d'images

Wiki de la communauté Utilisateurs
1

:bookmark: Ce guide explique ce que sont les grilles d’images et comment les appliquer dans vos publications.

:person_raising_hand: Niveau d’utilisateur requis : Niveau de confiance 0

Résumé

Ce document couvre :

  • Description des grilles d’images
  • Comment elles peuvent être appliquées dans les publications et comment les modifier
  • Disposition de base des grilles d’images

Description des grilles d’images

Une grille d’images place toutes les images de votre publication dans une grille soignée et organisée, plutôt que dans une liste.

Voici un exemple de grille d’images.

Delta A321-200 Landing in Washington
Delta A321-200 Landing in Washington1750×981 89.7 KB

Delta Air Lines A321 Parked at Detroit
Delta Air Lines A321 Parked at Detroit1695×1257 272 KB

The Disney Wonder pulling into port at the Port of Vancouver
The Disney Wonder pulling into port at the Port of Vancouver1695×1271 442 KB

A large commercial airplane with a red, white, and blue tail on a runway, ready for takeoff. (Captioned by AI)
A large commercial airplane with a red, white, and blue tail on a runway, ready for takeoff. (Captioned by AI)1920×1323 134 KB

This image displays how to enable a grid using the top, leftmost image.
This image displays how to enable a grid using the top, leftmost image.1917×1010 73.6 KB

Delta Air Lines CRJ200 landing in Salt Lake City.
Delta Air Lines CRJ200 landing in Salt Lake City.1280×872 63.9 KB

Delta Air Lines A320-200 departing Minneapolis - St. Paul.
Delta Air Lines A320-200 departing Minneapolis - St. Paul.2000×1333 102 KB

Ajout d’une grille d’images à votre publication

Pour ajouter une grille d’images dans votre publication, encapsulez-les entre les balises [grid]...[/grid]. Voici un exemple de ce à quoi cela pourrait ressembler.

[grid]
![Image showing how to make a mini-grid inside of your grid.|690x363](upload://wsGrbtQSbwfrs945kFVFZzK94zj.jpeg)
![The image shows a large white Delta airplane taking off from an airport runway.  (Captioned by AI)|690x470](upload://nqFYUjIWIFGYgMNQ3WB2LBLjOgs.jpeg)
![An image of a large commercial passenger airplane in flight.  (Captioned by AI)|690x459](upload://29xpH4eiMUpwx0xBMQB2wyPM5A9.jpeg)
[/grid]

Vous pouvez créer une « mini-grille » dans votre grille en cliquant sur l’icône bascule dans l’image la plus en haut à gauche de votre grille actuelle.

This image features a screenshot of a computer interface, with a focus on an image editing tool and a photo organizing application. (Captioned by AI)
This image features a screenshot of a computer interface, with a focus on an image editing tool and a photo organizing application. (Captioned by AI)1209×498 162 KB

Disposition de base des grilles d’images

Par défaut, une grille d’images est organisée selon le schéma suivant :

  • Sur mobile, la grille est par défaut de 2 colonnes. Sur ordinateur, elle sera par défaut de 3 colonnes.
  • S’il y a exactement 4 éléments dans la grille, les images seront disposées en 2 colonnes.
  • Des éléments autres que des images (comme des vidéos) peuvent également être utilisés, cependant, la grille ne sera pas parfaitement alignée.
  • Les éléments de la grille sont disposés de manière à ce que les hauteurs des colonnes soient aussi proches que possible les unes des autres, par conséquent, l’ordre des images dans votre compositeur n’est pas toujours conservé.

Ces informations proviennent de l’annonce de la fonctionnalité.

Ressources supplémentaires

12 « J'aime »