Comment utiliser le module Galerie ?

Comment utiliser le module Galerie ?
26Modules 2026-11-07

Dans le système de gestion de contenu, le module Galerie permet d'organiser les photos et autres visuels dans des galeries dédiées et de les afficher de manière claire et structurée sur votre site web. Vous pouvez créer des galeries distinctes pour les photos de vos succursales, les images d'événements, les projets réalisés ou encore les images liées à votre activité.

Le module Galerie fonctionne en deux étapes : d’abord, une fiche galerie est créée, puis les images sont ajoutées à cette galerie. Cela vous permet de gérer séparément les informations générales de la galerie ainsi que l’ordre et la visibilité des images.

Quel est l'objectif du module Galerie ?

Le module Galerie vous permet de présenter plusieurs images aux visiteurs sous un même titre. Les galeries peuvent être associées à des groupes, et il est possible de gérer le statut (ouvert ou fermé) de chaque galerie. Vous pouvez également définir un texte alternatif, un mode de tri et des informations de statut pour les images au sein de la galerie.

Par exemple, vous pouvez regrouper des photos par thème dans des galeries distinctes et utiliser ces galeries sur les pages qui vous conviennent. Les visiteurs peuvent ainsi visualiser les images en mode galerie.

Comment puis-je accéder à la page du module Galerie ?

Dans le panneau d'administration Webayt, suivez le chemin Modules → Module Galerie depuis le menu de gauche.

 Modules → Module Galerie

La page qui s'ouvre contient les onglets « Liste des galeries » et « Ajouter une galerie » . Vous pouvez y consulter les galeries déjà créées, en ajouter une nouvelle, ou modifier et supprimer les galeries existantes.

Que trouve-t-on sur l'écran Liste de la galerie ?

L'écran Liste des galeries affiche les galeries sous forme de tableau. Vous pouvez effectuer une recherche dans la liste et consulter les informations de base de chaque galerie.

  • Nom de la galerie : c’est le nom qui vous permet d’identifier la galerie dans le panneau.
  • Groupe : Il s'agit du groupe auquel la galerie est associée.
  • Nombre d'images : Affiche le nombre d'images dans la galerie correspondante.
  • Statut : Indique si la galerie est ouverte ou fermée.
  • Images : Permet de gérer les photos et les images de la galerie.
  • Modifier : Permet de mettre à jour le nom, le groupe ou le statut de la galerie.
  • Supprimer : Permet de supprimer une entrée de la galerie.

Comment créer une nouvelle galerie ?

Vous pouvez utiliser l'onglet « Ajouter une galerie » pour créer une nouvelle galerie. Il n'est pas nécessaire d'ajouter d'images à ce stade ; les informations générales de la galerie sont enregistrées au préalable.

  1. Dans le panneau d'administration, ouvrez Modules → Module Galerie .
  2. Cliquez sur l'onglet Ajouter une galerie .
  3. Saisissez le nom de la galerie dans le champ Nom de la galerie .
  4. Sélectionnez le groupe que vous souhaitez utiliser dans la zone de sélection du groupe .
  5. Activez ou désactivez le champ d'état .
  6. Enregistrez la galerie à l'aide du bouton Ajouter .

Une fois la galerie créée, elle s'affiche dans la liste des galeries. Pour y ajouter des photos, utilisez le bouton Images de la ligne correspondante. Chaque galerie regroupe ses images dans un écran de gestion distinct.

À quoi servent les zones de téléchargement de la galerie ?

Le nom de la galerie est un champ obligatoire. Pour identifier facilement la galerie, vous pouvez utiliser un nom descriptif tel que « Nos antennes », « Événements » ou « Nos projets ».

L' option « Sélection de groupe » associe la galerie à un groupe spécifique. Si vous n'avez pas besoin de sélectionner un groupe personnalisé , l'option « Groupe par défaut » est disponible. Pour plus d'informations sur le fonctionnement des groupes, veuillez consulter le guide « Utilisation des groupes » .

Le champ « Statut » indique si la galerie est ouverte ou fermée. Les galeries ouvertes peuvent être utilisées dans les affichages des modules appropriés ; les galeries fermées restent enregistrées mais ne sont pas affichées sur le site.

Comment modifier une galerie existante ?

Sur l'écran Liste des galeries, cliquez sur le bouton Modifier situé à côté de la galerie concernée. Sur la page qui s'ouvre, vous pouvez modifier les champs Nom de la galerie , Sélection du groupe et Statut , puis cliquer sur le bouton Mettre à jour .

L'écran d'édition comprend également une section « Listes à mettre à jour » . Cette section permet de sélectionner les langues dont les informations traduisibles doivent être mises à jour dans les listes multilingues. Pour plus de détails, consultez le guide « Utilisation des listes à mettre à jour » .

Comment ajouter des images à la galerie ?

Pour gérer les images d'une galerie, cliquez d'abord sur le bouton Images de la galerie concernée dans la liste des galeries . La page qui s'ouvre contient les onglets Images de la galerie et Ajouter une image .

  1. Ouvrez l'écran Images de la galerie concernée.
  2. Allez dans l'onglet Insérer une image .
  3. Téléchargez ou sélectionnez un fichier dans la zone « Ajouter une image » .
  4. Vous pouvez renseigner le champ Titre de l'image / Texte alternatif si vous le souhaitez.
  5. Saisissez l'ordre des images dans le champ « Ordre requis ».
  6. Indiquez si le champ d'état est ouvert ou fermé.
  7. Enregistrez l'image en cliquant sur le bouton Ajouter .

L'image enregistrée est ajoutée à la liste des images de la galerie correspondante. Vous pouvez ajouter plusieurs images à la même galerie.

Directives relatives au téléchargement d'images

D'après la description affichée sur l'écran de téléchargement d'images , les fichiers PNG, JPG, JPEG, GIF, SVG et WebP sont pris en charge. La taille maximale du fichier à télécharger est de 2 Mo.

L'utilisation d'images de haute qualité optimisées pour le web peut accélérer le chargement de la galerie. Pour connaître la procédure de chargement, consultez le guide Webayt « Comment charger des images dans le panneau ? » .

Quel est l'objectif d'un titre/texte alternatif pour une image ?

Le champ « Titre de l'image / Texte alternatif » sert à saisir une description de l'image de la galerie. Si ce champ est laissé vide, le texte alternatif de l'image sera également vide, comme indiqué sur l'écran de téléchargement.

Par exemple, pour la photo d'une branche, vous pouvez utiliser un court texte descriptif, comme « Vue extérieure de la branche ». Ces textes alternatifs descriptifs améliorent l'accessibilité. Évitez les répétitions inutiles de mots-clés.

Comment utiliser le champ Séquence dans les images ?

Le champ « Ordre » est obligatoire et permet de définir l’ordre d’affichage des images au sein d’une même galerie. Par exemple, vous pouvez définir l’ordre des images sur 10, 20, 30, ce qui facilitera l’ajout ultérieur de nouvelles images.

Voici l'ordre des images dans la galerie . L'ordre d'affichage des modules sur la page est défini séparément dans la zone de gestion des modules par glisser-déposer.

Comment gérer son apparence visuelle ?

Chaque image possède un champ « Statut » . Les images ouvertes peuvent être affichées dans la galerie. Les images fermées restent enregistrées mais ne sont pas visibles. Au lieu de supprimer une image, vous pouvez la masquer temporairement en la marquant comme fermée.

Comment utiliser la liste d'images de la galerie ?

L'écran « Images de la galerie » affiche un aperçu, le titre/texte alternatif , l'ordre , le statut et des boutons d'action pour chaque image. Vous pouvez effectuer une recherche ; l'image souhaitée peut être gérée à l'aide des boutons « Modifier » ou « Supprimer » .

L'information « Nombre d'images » affichée dans la liste des galeries permet de vérifier rapidement le nombre d'images contenues dans chaque galerie. Dans les galeries comportant de nombreuses photos, la mise en place d'un système de nommage et de tri facilite la gestion.

Comment mettre à jour les images de la galerie ?

Accédez à la page Images de la galerie concernée et cliquez sur le bouton Modifier situé à côté de l'image que vous souhaitez modifier.

Dans l'écran de modification d'image, vous pouvez modifier le fichier image et mettre à jour les champs Titre/Texte alternatif , Commande et Statut . Cliquez sur le bouton Mettre à jour pour enregistrer les modifications.

Cet écran contient également la section « Listes à mettre à jour » . Il est particulièrement important de sélectionner les listes de langues appropriées à mettre à jour si des textes alternatifs sont utilisés dans différentes langues.

Comment supprimer des images ou des vidéos de la galerie ?

Pour supprimer une image, utilisez le bouton Supprimer situé sur la ligne correspondante dans la liste des images de la galerie . La suppression de la galerie elle-même s'effectue depuis l'écran Liste des galeries .

Avant de supprimer une galerie ou une image, vérifiez qu'elle n'est pas déjà utilisée sur le site web. Les captures d'écran ne permettant pas de vérifier toutes les conséquences techniques de la suppression d'une galerie et de ses images, il est plus prudent de sauvegarder les fichiers nécessaires avant de supprimer des données importantes.

Comment utiliser le module Galerie sur les pages ?

La création de la galerie et des images prépare le contenu du panneau. Pour que la galerie s'affiche sur le site web, le module Galerie doit être utilisé dans la mise en page de la page concernée.

Webayt Avec la version 1.9, les modules peuvent être gérés via le système de gestion centralisé des modules . Un même module peut être utilisé plusieurs fois sur une même page avec différents groupes ; les modules peuvent être agencés par glisser-déposer et définis globalement.

Il est impossible d'ajouter directement des modules aux pages de catégorie et de contenu. Ces pages héritent des modules des pages d'information et de section auxquelles elles sont liées. Pour plus d'informations sur l'ajout du module Galerie aux pages et la sélection des groupes, veuillez consulter le guide « Comment ajouter des modules aux pages ? » .

Dans quels domaines le module Galerie peut-il être utilisé ?

Les galeries sont idéales pour les contenus où vous souhaitez que les visiteurs visualisent plusieurs images simultanément. Photos de succursales, avancement de projets, événements ou profils d'entreprise peuvent être présentés dans différentes galeries. Cela vous permet de présenter, sur un même site web, des images préparées à des fins différentes, dans une seule liste, sans les mélanger.

Par exemple, il est possible de créer deux galeries distinctes : « Nos agences » et « Nos événements ». Les images de chaque galerie sont gérées sur sa propre page. Leur utilisation sur la page et l’emplacement de chaque galerie doivent être déterminés en fonction de la sélection des groupes et de la structure thématique du module.

Quels sont les éléments à prendre en compte lors de l'utilisation d'une galerie ?

  • Donnez aux galeries des noms courts et faciles à comprendre.
  • Rassemblez les images dans la galerie appropriée et sélectionnez le groupe dont vous avez besoin.
  • Téléversez des images ne dépassant pas la limite de 2 Mo et optimisées pour le Web.
  • Utilisez des textes alternatifs pertinents pour décrire l'image.
  • Disposez les images de manière à suivre le parcours visuel du visiteur.
  • Au lieu de supprimer les galeries ou les images qui seront temporairement masquées, envisagez de les désactiver complètement.
  • Consultez les listes pour obtenir des mises à jour sur les sites web multilingues.
  • Après avoir effectué les modifications, testez les fonctions de grille et de zoom visuel sur l'interface utilisateur.

Résumé

Le module Galerie , Webayt, est utilisé dans le système de gestion de contenu pour regrouper les images en galeries et les afficher sur le site web. On commence par créer une galerie en lui attribuant un nom, un groupe et un statut ; puis on y ajoute des images et on gère leur texte alternatif, leur ordre et leur visibilité.

Le contenu de la galerie est géré depuis Modules → Module Galerie . L'affichage et la mise en page sont gérés par la Gestion des modules . L'apparence de la galerie peut varier selon le thème utilisé ; dans l'exemple fourni, les images peuvent être agrandies et la navigation effectuée.

Contenu similaire susceptible de vous intéresser
Charger plus de contenu
  • 19 Contenu

Catégories

Comment pouvons-nous vous aider ?

Vous pouvez remplir le formulaire ci-dessous pour contacter notre équipe d'assistance Webayt. Votre demande sera examinée par l'équipe concernée et nous vous contacterons dans les plus brefs délais.