Présentez une galerie d’images dans une disposition personnalisable.

Ajoutez des sections Galerie à vos pages pour afficher des séries d’images dans des dispositions saisissantes au lieu d’ajouter plusieurs blocs Image à une section de blocs.

Les sections Galerie sont idéales pour présenter des images avec de brèves descriptions. Si vous avez besoin d’une méthode similaire pour afficher d’autres types de contenu, par exemple de plus grandes quantités de texte avec des boutons, utilisez une section de disposition automatique. Pour en savoir plus sur les différences entre ces sections, consultez l’article Dispositions automatiques ou sections Galerie.

Ce guide concerne la version 7.1. Pour obtenir un effet similaire dans la version 7.0, utilisez les pages Galerie ou les blocs Galerie.

Regarder une vidéo

Ajouter une section Galerie

Pour créer une nouvelle page avec une section Galerie :

1. Ouvrez le panneau Pages et cliquez sur le signe +.
2. Dans le menu, cliquez sur Dispositions des pages, puis sur Galerie et sélectionnez une disposition. Vous pourrez la modifier ultérieurement.
3. Ajoutez un titre à la page et appuyez sur Entrée.
4. Cliquez sur Modifier sur la page.
5. Cliquez sur l’icône image pour ajouter et modifier des images.
6. Cliquez sur l’icône crayon pour personnaliser le style de la section Galerie.
7. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur et publier les modifications.

Vous pouvez également ajouter une section Galerie à une page existante de votre site :

1. Cliquez sur Modifier sur la page.
2. Cliquez sur Ajouter une section au-dessus ou en dessous d’une section existante.
3. Cliquez sur Images et choisissez une disposition avec un badge i dans le coin supérieur droit.

Si votre page démarre par une section Galerie, cela peut affecter l’affichage de votre en-tête de site. Pour en savoir plus, consultez l’article Créer un en-tête de site.

Disposition des sections Galerie

Dans le menu déroulant Type de galerie, vous pouvez sélectionner les types de disposition suivants :

• Grille : Simple - Une grille d’images avec un nombre égal de lignes et de colonnes
• Grille : Bandes - Une grille où des bandes d’images s’affichent dans un format différent pour chaque ligne
• Grille : Mosaïque - Une grille dans laquelle des images présentant différentes valeurs de proportion apparaissent dans une disposition décalée
• Diaporama : Simple - Un diaporama qui affiche une image à la fois et la seule disposition permettant d’activer les miniatures
• Diaporama : Plein - Un diaporama pleine page qui affiche une image à la fois
• Diaporama : Bobine - Un diaporama où plusieurs images s’affichent à la fois, comme avec une bobine de film

Astuce : Pour que les images défilent automatiquement, choisissez la disposition Diaporama : Simple ou Diaporama : Complet et activez l‘option Lecture automatique. Pour définir le délai entre chaque image, modifiez la durée de la diapositive.

Pour savoir comment chaque disposition apparaît sur mobile, consultez l’article Comment mon site s’affichera-t-il sur les appareils mobiles ?

Ajouter des images à la galerie

Remarque : les modifications apportées aux images dans une section Galerie sont enregistrées automatiquement. Lorsque vous ajoutez, supprimez, modifiez ou réorganisez des images de galerie, il est impossible d’annuler cette modification en cliquant sur la flèche annuler ou sur Annuler les modifications. Supprimez, ajoutez à nouveau, modifiez ou réorganisez les images manuellement.

Une fois votre section Galerie ajoutée, vous pouvez y ajouter des images :

1. Survolez la galerie et cliquez sur l’icône image, puis sur +.
2. Pour ajouter de nouvelles images à partir de votre appareil, cliquez sur Charger des images.
3. Pour réutiliser des images déjà ajoutées ou pour ajouter des images d’archive, cliquez sur Rechercher des images.

Après avoir chargé une image, vous pouvez :

• Cliquer sur Éditeur d’image pour modifier l’image.
• Ajuster le point focal. Il est possible que cette manipulation n’affecte pas l’aspect de l’image (ceci dépend de sa valeur de proportion et de vos paramètres de style).
• Cliquez sur les images et faites-les glisser pour les réorganiser. Il est impossible de modifier manuellement l’ordre de vos images dans la disposition Grille : Mosaïque puisque l’ordre est automatiquement déterminé par la valeur de proportion de vos images.
• Saisissez une description pour ajouter une légende et un texte de remplacement à l’image.
• Ajoutez une URL de destination dans le champ Lien.
• Supprimez l’image en la survolant et en cliquant sur l’icône de la corbeille.

Important :

• Vous pouvez ajouter jusqu’à 250 images dans une section Galerie.
• À l’heure actuelle, les sections Galerie ne prennent en charge ni les vidéos ni les URL de liens profonds des images.
• Il est impossible d’ajouter des blocs aux sections Galerie, mais vous pouvez ajouter des sections de blocs au-dessus ou en dessous des sections Galerie.

Personnaliser le style de la galerie

Pour personnaliser votre galerie, vous pouvez notamment modifier la disposition, les couleurs et la valeur de proportion et activer les légendes. Pour changer le style d’une section Galerie :

1. Sur la page comportant la section Galerie, cliquez sur Modifier.
2. Survolez la section Galerie et cliquez sur l’icône crayon.
3. Dans l’onglet Galerie, modifiez la disposition à l’aide du menu déroulant Type de galerie.
4. Sous Type de galerie, apportez d’autres modifications de style à la disposition actuelle, comme changer l’espacement et la hauteur de l’image ou activer les légendes, la lightbox ou un séparateur en bas de la section. Ces options varient selon les dispositions.
5. Cliquez sur l’onglet Couleurs pour choisir un thème de couleurs.
6. Cliquez sur Enregistrer.

Important :

• En raison du design responsif de Squarespace, l’apparence des dispositions peut varier en fonction de la taille du navigateur ou de l’appareil, même lorsque vous avez défini des styles spécifiques. Par exemple, vous pouvez définir le nombre de colonnes de votre galerie à l’aide d’une grille : simple et grille : dispositions mosaïque, mais dans les fenêtres de navigateur plus petites, la galerie peut s’afficher avec moins de colonnes.
• Dans la disposition Grille : Bandeaux, l’ajustement Hauteur de ligne contrôle la hauteur des premières lignes. Celle-ci dépend de plusieurs facteurs, comme le nombre d’images présentes dans la galerie. Puisque cette disposition affiche des images à différentes hauteurs, il n’est généralement pas possible de faire en sorte que la hauteur de chaque ligne soit égale.

Largeur de la section Galerie

La plupart des dispositions des sections Galerie incluent un paramètre de largeur dans les styles de la galerie. Les options de largeur sont les suivantes (notez que les options ne sont pas toutes disponibles pour l’ensemble des dispositions) :

• Pleine page : les images de la galerie touchent les bords de la section de tous les côtés
• Pleine : les images de la section Galerie s’affichent sur la largeur de la fenêtre du navigateur avec des marges d’espace blanc, conformément à l’ajustement Marge du site des styles du site
• Insertion : les images de la section Galerie s’affichent à une largeur maximale fixe, conformément à l’ajustement Largeur de la page (max.) des styles du site

En fonction de vos paramètres et de la taille de votre navigateur, les sections Pleine et Marge peuvent ne pas s’afficher différemment. Par exemple, si la taille de votre navigateur est inférieure au paramètre Largeur de la page (max.), les sections Pleine et Marge s’afficheront de la même manière.