Grille d’image


Sur cette cellule, vous allez pouvoir ajouter plusieurs images qui seront placées horizontalement, côté à côté.

Vous pourrez les rogner, ajouter un Titre principal et un Titre secondaire qui apparaitront en dessous de chaque image, ajouter un Lien vers une Page de votre site (si vous avez un site en Multi-Page) ou vers un site externe et ajouter un Texte alternatif.

Le texte alternatif décrit le contenu de l’image (Intégré dans le code, il n’est pas visible sur le site, mais aide les personnes utilisant des lecteurs d’écran à comprendre ce qu’elle représente

Vous pourrez réorganiser l'ordre en faisant glisser-déposer les images

Pour l'ajouter veuillez suivre les étapes suivantes : 

  • Cliquez sur le bouton (+) entre les différents blocs de cellules
  • Dans l'option Contenu du bloc Insérer cliquez sur le logo Grille d’images
  • Choisissez votre première image depuis votre ordinateur en format JPEG, GIF ou bien PNG
  • Cliquez sur la flèche bleue à droit de l’image afin d’avoir la possibilité de la rogner, ajouter un Titre principal et un Titre secondaire qui apparaitront en dessous de chaque image, ajouter un Lien vers une Page de votre site (si vous avez un site en Multi-Page) ou vers un site externe et ajouter un Texte alternatif
  • Choisissez votre deuxième image depuis votre ordinateur en cliquant sur Ajouter une image et répétez l’étape précédente
  • Vous pourrez réorganiser l'ordre en faisant glisser-déposer les images

                                                  Une image contenant texte, capture d’écran, Visage humain, Site web

Description générée automatiquement

  • Cliquez sur Avancé pour choisir la Taille maximale de la carte, la Position de la grille, le Ratio de l’image, l’Ajustement de l’image et le Rayon de bordure de l’image 
  • Sur l’option Avancé, vous pourrez également personnaliser le Style de la Grille, le Titre principal et le Titre secondaire 
  • Choisissez si vous souhaitez ajouter des marges en haut et en bas de votre grille, qu’elle occupe toute la largeur de l’écran et ajouter un arrière-plan
  • Cliquez sur Ajouter

 

 

Une image contenant texte, capture d’écran, Visage humain, Site web

Description générée automatiquement

Une image contenant texte, capture d’écran, Police, nombre

Description générée automatiquement