Galeries

La galerie d'images vous permet d'ajouter et de gérer facilement les images de votre site avec différentes visualisations.

Les galeries améliorent l'attrait visuel de votre site, vous permettant de mettre en valeur des photos, des œuvres d'art ou des produits de manière organisée et attrayante. Vous pouvez créer plusieurs galeries, chacune adaptée à des thèmes ou catégories spécifiques, garantissant ainsi que votre contenu soit présenté de manière structurée. Les galeries peuvent être personnalisées avec différents agencements, tels que des grilles ou des diaporamas, vous permettant de choisir le format qui correspond le mieux au design de votre site et à l'expérience utilisateur.

Des fonctionnalités avancées comme les effets lightbox, les légendes d'images et les animations au survol peuvent encore améliorer la présentation de vos images. De plus, le design responsive garantit que vos galeries auront fière allure sur tous les appareils, des ordinateurs de bureau aux smartphones. En utilisant une galerie d'images, vous pouvez améliorer l'engagement des utilisateurs, rendant ainsi votre site plus interactif et visuellement captivant.

Pour ajouter une galerie :

1. Cliquez sur Créer dans le menu de gauche

2. Sélectionnez l'onglet Galerie

3. Glissez-déposez l'un des types de galerie disponibles sur la page

4. Choisissez la méthode de téléchargement de l'image une fois que vous avez sélectionné le bouton « Ajouter une nouvelle image »

- Pour importer directement depuis votre appareil, sélectionnez « Télécharger une image » dans le menu déroulant disponible
- Pour importer à partir d'une URL, cliquez sur « Ajouter à partir de l'URL », collez l'URL de l'image que vous souhaitez télécharger, puis cliquez sur « Ajouter une image ».

- Vous pouvez également simplement faire glisser et déposer une image depuis votre appareil dans la zone correspondante.
- Une autre option consiste à utiliser notre galerie d'images gratuites via le bouton correspondant. Cette galerie propose une large gamme d'images de haute qualité que vous pouvez facilement intégrer dans vos propres galeries.

Options de l'image :

- Les premières choses que vous voyez sont le bouton de retour, qui vous permet de revenir aux options de la galerie, et un petit aperçu de l'image.
- Bouton Modifier - Cette option vous permet de modifier l'image à l'aide de l'éditeur intégré.
- Bouton Changer - remplacer l'image existante.
- Titre de l'image (texte ALT) - utilisé par les lecteurs d'écran et les moteurs de recherche
- Description de l'image - une courte description de l'image et la légende de l'image qui est visible sur la page
- Utilisez le nom du fichier image comme description de l'image - cela remplacera l'option « Description de l'image ».
- Type de lien - Vous pouvez choisir, lorsque l'image est cliquée, d'ouvrir le visualiseur d'images grand format (l'image originale ou simplement une copie agrandie de l'image), une page interne ou une page externe.
- Ajouter une miniature personnalisée - Ajouter une miniature personnalisée modifiera l'image d'aperçu. L'image d'origine ne sera visible que dans le visualiseur d'images larges.

En faisant défiler davantage le menu Propriétés, vous trouverez des options pour modifier l'apparence de la galerie, telles que le type de galerie, les options d'apparence, les effets d'image, la forme des images, le visualiseur d'images grand format, et bien plus encore.

Pour configurer les différents types de galeries :

Miniatures

Diaporama

- Taille de l'image - vous pouvez choisir parmi une taille prédéfinie (petite, moyenne et grande) ou définir n'importe quelle taille personnalisée qui correspond à votre design.
- Afficher la légende - Choisissez d'afficher ou non une légende/description sous l'image.
- Sous-titres animés - choisissez si les sous-titres doivent être animés ou statiques (visibles uniquement lorsque l'option « Afficher les sous-titres » est activée).
- Recadrer l'image - Lorsque l'option « Recadrer l'image » est activée, l'image importée sera recadrée selon le format de la taille de l'image de la galerie avant d'être redimensionnée. Lorsque cette option n'est pas cochée, l'image importée conservera ses proportions d'origine dans la galerie.
- Afficher les boutons Précédent / Suivant - Des boutons de navigation qui vous permettent de passer d'une image à l'autre dans la galerie.
- Délai d'attente - le délai en secondes qui prend les images pour changer automatiquement.
- Lecture automatique - vous pouvez configurer les images pour qu'elles basculent automatiquement
Afficher les boutons Play/Pause - Ces boutons vous permettent de mettre en pause ou de reprendre l'option de lecture automatique.
- Boucle - l'activation de l’option indiquera à la galerie de continuer à jouer automatiquement, même après avoir atteint la dernière image.
- Transition - vous pouvez choisir entre un effet de fondu ou de glissement ou n'avoir aucun effet de transition.
- Type de navigation - vous pouvez ajouter une option de navigation sous l'aperçu de l'image - boutons, chiffres ou les deux.

Bande de films

- Taille de l'image - vous pouvez choisir parmi une taille prédéfinie (petite, moyenne et grande) ou définir n'importe quelle taille personnalisée qui correspond à votre design.
- Afficher la légende - Choisissez d'afficher ou non une légende/description sous l'image.
- Recadrer l'image - Lorsque l'option « Recadrer l'image » est activée, l'image importée sera recadrée selon le format de la taille de l'image de la galerie avant d'être redimensionnée. Lorsque cette option n'est pas cochée, l'image importée conservera ses proportions d'origine dans la galerie.
- Afficher les boutons Précédent / Suivant - Des boutons de navigation qui vous permettent de passer d'une image à l'autre dans la galerie.
- Afficher la barre de défilement - vous pouvez ajouter une barre de défilement pour passer d'une image à l'autre.
- Icône de recadrage - lorsque l'icône de recadrage est cochée, les icônes seront recadrées au rapport hauteur/largeur de la taille de la vignette avant d'être redimensionnées. Lorsque cette option n'est pas cochée, les icônes conservent les proportions d'origine dans la galerie.
- Définissez la taille des vignettes (icône de l'image) en pixels.
- Définissez la position des vignettes (icône de l'image) avec le placement des vignettes - Haut, Bas, Gauche, Droite.
- Délai d'attente - le délai en secondes qui prend les images pour changer automatiquement.
- Lecture automatique - vous pouvez configurer les images pour qu'elles basculent automatiquement.
- Afficher la lecture / pause - les boutons vous permettent de mettre en pause ou de reprendre l'option de lecture automatique.
- Boucle - l'activation de l’option indiquera à la galerie de continuer à jouer automatiquement, même après avoir atteint la dernière image.
- Transition - vous pouvez choisir entre un effet de fondu ou de glissement ou n'avoir aucun effet de transition.

Mosaic

- Taille de l'image - vous pouvez choisir parmi une taille prédéfinie (petite, moyenne et grande) ou définir n'importe quelle taille personnalisée qui correspond à votre design.
- Afficher la légende - Choisissez d'afficher ou non une légende/description sous l'image.
- Recadrer l'image - Lorsque l'option Recadrer l'image est cochée, l'image téléchargée sera recadrée au rapport hauteur/largeur de la taille de l'image de la galerie avant d'être redimensionnée. Lorsque cette option n'est pas cochée, l'image importée conservera ses proportions d'origine dans la galerie.
- Afficher les boutons Précédent / Suivant - Des boutons de navigation qui vous permettent de passer d'une image à l'autre dans la galerie.
- Afficher la barre de défilement - vous pouvez ajouter une barre de défilement pour passer d'une image à l'autre.
- Activez ou désactivez l'option Recadrer l'icône pour réduire l'icône de l'image.
- Définissez la taille des vignettes (icône de l'image) en pixels.
- Définissez la position des vignettes (icône de l'image) avec le placement des vignettes - Haut, Bas, Gauche, Droite.
- Lecture automatique - vous pouvez configurer les images pour qu'elles basculent automatiquement.
- Afficher la lecture / pause - les boutons vous permettent de mettre en pause ou de reprendre l'option de lecture automatique.
- Boucle - l'activation de l’option indiquera à la galerie de continuer à jouer automatiquement, même après avoir atteint la dernière image.
- Transition - vous pouvez choisir entre un effet de fondu ou de glissement ou n'avoir aucun effet de transition.

Barre de défilement

- Taille de l'image - Petite, moyenne, grande et personnalisée.
- Afficher les boutons Précédent/Suivant - Des boutons de navigation qui vous permettent de passer d'une image à l'autre dans la galerie.
- Afficher la barre de défilement - vous pouvez ajouter une barre de défilement pour passer d'une image à l'autre.
- Afficher la légende - Choisissez d'afficher ou non une légende/description sous l'image.
- Lecture automatique - vous pouvez configurer les images pour qu'elles basculent automatiquement.
- Afficher la lecture / pause - les boutons vous permettent de mettre en pause ou de reprendre l'option de lecture automatique.
- Boucle - l'activation de l’option indiquera à la galerie de continuer à jouer automatiquement, même après avoir atteint la dernière image.

Grille

Responsive - Il est conçu pour ajuster automatiquement les images afin qu'elles s'adaptent à l'espace disponible à l'écran, en s'ajustant dynamiquement en fonction de la largeur de colonne, de la hauteur de ligne et de l'espacement défini entre les colonnes et les lignes. Essentiellement, il offre une alternative plus avancée et polyvalente à la galerie de miniatures, garantissant un agencement plus soigné et plus flexible.

Maçonnerie - Un type de galerie en grille où les éléments sont disposés dans un agencement fluide et organique, sans être confinés dans des lignes strictes. Ressemblant à des briques dans un mur, il permet aux éléments de s'empiler verticalement tout en maintenant un design cohérent. L'agencement repose principalement sur la largeur des colonnes spécifiée et l'espacement entre les colonnes et les lignes pour créer une disposition visuellement attrayante qui minimise l'espace vide. Ce type de grille est idéal pour les contenus de différentes hauteurs, tels que des photos, des cartes ou des extraits de blog

Colonnes fixes - Un type de galerie de grille avancé où le nombre de colonnes est fixe et reste cohérent quelle que soit la taille de l'écran. Ce qui distingue cet agencement, c'est la possibilité de personnaliser l'espace que chaque image occupe au sein de la grille.

L'agencement est déterminé par le nombre prédéfini de colonnes et la hauteur des lignes spécifiée, définissant ainsi l'aire globale de la galerie. Dans cette structure, chaque image (ou élément de la grille) peut être configurée individuellement pour occuper plus ou moins d'espace. Par exemple, vous pouvez attribuer des dimensions spécifiques à un élément, comme faire en sorte que la première image s'étende sur 1 colonne et 2 lignes, doublant ainsi sa taille par rapport aux autres éléments de la grille.

Les options suivantes sont partagées entre tous les types de galeries

Effets d'image (Non appliqués dans le visualiseur d'images grand format)

Vous pouvez modifier l'effet d'aperçu de l'image. Les options disponibles sont les suivantes :

- Aucun
- Polaroïd
- Réflexion
- Niveaux de gris
- Sépia
- Léger
- Sombre

Formes d'image (Non appliquées dans le visualiseur d'images grand format)

Vous pouvez modifier la forme de l'aperçu de l'image. Les formes disponibles pour la plupart des galeries sont :

- Original
- Diamant
- Hexagone
- Octogone
- Ovale
- Ronds

Le visualiseur d'images grand format est activé lorsque le visiteur du site clique sur une image.

- Afficher l'option Légende pour activer ou désactiver le texte de description de l'image sous l'image dans la visionneuse d'images de grande taille.
- Lumières tamisées - avec l'option activée, le contenu derrière la visionneuse d'images larges sera atténué.
- Zoom - si vous avez une très grande image, vous aurez la possibilité de cliquer dessus pour zoomer
- Taille - la taille de la visionneuse d'images volumineuses
Options du diaporama :
- Définir le délai d'expiration en secondes - délai entre les changements d'images.
- Lecture automatique - vous pouvez configurer les images pour qu'elles basculent automatiquement
Afficher les boutons Play/Pause - Ces boutons vous permettent de mettre en pause ou de reprendre l'option de lecture automatique.
- Boucle - l'activation de l’option indiquera à la galerie de continuer à jouer automatiquement, même après avoir atteint la dernière image.
- Définissez le type de navigation sur les boutons,
- Superposez les boutons fléchés Précédent / Suivant pour naviguer entre les images.

Remarques :

- Il y a une limite de 200 images par importation, bien que cela puisse varier en fonction de votre connexion Internet.
- L'importation de fichiers compressés, tels que .zip ou .rar, n'est pas pris en charge.