Vous souhaitez afficher plusieurs images sur votre site web ? Grâce au composant Galerie de Website Builder, vous pouvez insérer plusieurs images sur votre site, sous forme de mosaïque ou de diaporama. Ce guide vous explique comment ajouter le composant à votre page et le paramétrer selon vos préférences.
- Insérer le composant Galerie sur votre site
- Modifier les images et en ajouter de nouvelles
- Paramètres du composant Galerie
Insérer le composant Galerie sur votre site
- Ouvrez Website Builder à partir du panneau de configuration one.com.
- Accédez à Galerie dans le menu de gauche, puis sélectionnez une variante de galerie.
- Faites un glisser-déposer du composant dans votre espace de travail, à l'endroit où vous souhaitez placer votre galerie.
- Sélectionnez les images que vous souhaitez insérer, ou téléchargez-les à partir de votre ordinateur ou d'une URL externe. Cliquez sur Ajouter à la page en bas de la fenêtre contextuelle.
- Ajustez la taille et le placement du composant Galerie selon vos préférences.
- Cliquez sur Paramètres de la galerie en haut du composant pour régler les paramètres de votre galerie.
- Cliquez sur Sauvegarder puis Publier pour rendre l'image visible sur votre site.
Modifier les images et en ajouter de nouvelles
Deux onglets apparaîtront lorsque vous cliquez sur le composant inséré : Paramètres de la galerie et Modifier les images.
Cliquez sur l'onglet Modifier les images pour modifier les images de votre galerie. Vous pouvez supprimer une image en cliquant sur l'icône corbeille dans le coin de l'image, ou la modifier en cliquant sur l'icône crayon.
Vous pouvez également ajouter de nouvelles images à la galerie en cliquant sur Ajouter des images en haut à droite.
Paramètres du composant Galerie
Deux menus apparaîtront lorsque vous cliquez sur l'onglet Paramètres de la galerie de votre composant. Là, vous pouvez modifier les options suivantes :
1 - Menu supérieur/inférieur
- Colonnes - Adaptez le nombre de colonnes.
- Espacement - Ajustez les espaces blancs entre les images.
- Rogner : cochez cette case si vous souhaitez rogner les images, afin qu'elles soient toutes de la même taille dans la galerie.
- Vue compacte : cochez cette case si vous souhaitez que la taille des images se rapproche le plus possible des marges bleues.
- Pleine largeur : cochez cette case si vous souhaitez que la galerie s'étende sur toute la largeur de votre page.
2 - Menu flottant
- Clic - Sélectionnez l'action à exécuter lorsqu'un utilisateur clique sur l'image. Ne définir aucune action, afficher l'image en plus grand ou ouvrir un lien.
- Légendes : sélectionnez cette option si vous souhaitez ajouter des légendes aux images de la galerie. Cliquez sur « Gérer les titres des photos » pour saisir un texte et un texte alternatif. Choisissez si vous préférez aligner votre légende à gauche, à droite ou au milieu. Vous pouvez également sélectionner le style de légende : classique, modèle et personnalisé.
- Style de l'image : ici, vous pouvez modifier le ratio de votre image, par exemple de paysage à portrait. Vous pouvez également ajouter des bordures et des angles arrondis.
- Pleine largeur : ici, vous pouvez ajuster l'intégralité de la largeur de la galerie en dehors des marges bleues (pleine largeur) ou à l'intérieur de celles-ci (par défaut).
- Affichage mobile : si l'image fait partie de votre modèle, vous pouvez la bloquer en bas de la page. Ouvrez l'éditeur Affichage mobile si vous souhaitez effectuer d'autres actions, comme masquer une image dans l'affichage mobile.
Articles associés :