Principes de base du bloc Gallery sur Squarespace - Mannequins

Lorsque vous ajoutez un bloc de galerie sur Squarespace, vous pouvez Ajoutez rapidement plusieurs images à la fois et ajustez la conception de la galerie pour créer des galeries agréables et simples pour les visiteurs de votre site.

La boîte de dialogue Modifier la galerie comporte deux onglets dans le coin supérieur droit pour configurer le bloc de la galerie:

Conception: Choisissez parmi quatre options d'affichage: Diaporama, Curseur, Grille et Empilé. Chacun offre différents choix pour l'affichage des images de la galerie.
Contenu: Ajoutez des images au bloc de la galerie en téléchargeant des images depuis votre ordinateur ou en tirant des images d'une page de galerie.

Avant d'examiner plus en détail les différentes options d'affichage, ajoutons des images au bloc de la galerie.

Comment télécharger des images dans le bloc galerie

Comme dans les autres zones de téléchargement d'images de votre site Squarespace, vous pouvez télécharger des images dans le bloc galerie de deux manières. Cliquez sur le signe plus pour ouvrir une boîte de dialogue système pour localiser les images sur votre ordinateur ou faites glisser et déposez des images dans la zone de téléchargement d'image du bloc de la galerie.

Après avoir importé vos images, double-cliquez sur une image ou cliquez sur l'icône en forme de roue dentée qui apparaît lorsque vous passez votre curseur sur la vignette de l'image. Les paramètres suivants apparaissent:

Titre: Donnez un titre à l'image.
Description: Ajouter une courte description de l'image.
URL de destination: Ajoutez un lien vers votre image pour permettre à quelqu'un de cliquer sur l'image pour ouvrir une page ou un fichier sur votre site ou accéder à un autre site Web.

Squarespace utilise le titre de l'image pour ajouter un texte alternatif à l'image. Les moteurs de recherche utilisent ce texte pour obtenir des informations descriptives sur l'image, augmentant ainsi l'optimisation de votre moteur de recherche.

Comment extraire des images à partir d'une page de la galerie

Une méthode alternative pour obtenir des images dans votre bloc de galerie consiste à les extraire d'une page de galerie sur votre site. Lorsque vous affichez des images à partir d'une page de galerie, vous ne pouvez pas modifier ou configurer les images à partir du bloc de la galerie. Au lieu de cela, vous devez apporter vos modifications sur la page de la galerie.

Comment choisir une option d'affichage

Maintenant que vous avez des images dans le bloc de la galerie, vous devez configurer le bloc de la galerie pour afficher les images. Quatre choix d'affichage sont disponibles:

Slideshow
Slider
Grid
Stacked

Regardons chacun de ces détails plus en détail.

Diaporama

L'option d'affichage Diaporama offre le plus de paramètres de configuration. Dans un diaporama, une image est affichée à la fois et les commandes de navigation apparaissent pour que les visiteurs puissent avancer dans les images.

Vous pouvez modifier les paramètres suivants pour l'option d'affichage Diaporama:

Lecture automatique: Commencer automatiquement la transition entre les images lors du chargement de la page. Utilisez le curseur pour régler le délai entre les transitions d'image de 1 à 10 secondes.
Contrôles: Afficher les flèches de chaque côté de l'image en cours (sauf la première et la dernière image) pour permettre à quelqu'un de changer manuellement les images.
Recadrage automatique: Redimensionne automatiquement et recadre les images pour qu'elles aient la même taille.
Vignettes: Affiche toutes les images du bloc de la galerie dans une rangée de vignettes sous le diaporama. Utilisez les commandes du curseur pour définir la hauteur des vignettes et la distance de la rangée de vignettes du diaporama.
Afficher le titre et la description: Afficher le titre et la description de chaque image.
Titre et description Position: Repositionnez le titre et la description dans l'un des emplacements.
Afficher sur Hover: Afficher le titre et la description uniquement lorsqu'un utilisateur passe le curseur sur une image dans le diaporama.

Curseur

L'option d'affichage Curseur, comme Diaporama, affiche les images dans un format de diaporama. Toutefois, l'option Curseur affiche également les parties passées de l'image précédente et suivante de chaque côté de l'image en cours.

Lecture automatique: Commencer automatiquement la transition entre les images lors du chargement de la page. Utilisez le curseur pour régler le délai entre les transitions d'image de 1 à 10 secondes.
Commandes: Afficher les flèches de chaque côté du curseur pour permettre à quelqu'un de changer manuellement les images.
Alignement actif: Positionnez l'image complète à gauche, à droite ou au centre du bloc de la galerie.

Grille

L'option Grille affiche toutes vos images sous forme de miniatures alignées dans une grille. Cette fonctionnalité est utile lorsque vous souhaitez afficher toutes vos images à la fois et laisser les visiteurs décider lesquels ils veulent agrandir. Les options suivantes sont disponibles:

Vignettes carrées: Affichez vos images sous forme de vignettes carrées, en créant une grille d'images de même taille.
Miniatures par ligne: Utilisez le curseur pour régler le nombre de vignettes affichées sur chaque ligne.
Rembourrage autour des miniatures: Ajoutez plus d'espace autour de vos images miniatures. Notez que cela diminuera la taille de la vignette.
Visionneuse: Permet de cliquer sur les vignettes pour afficher des versions plus grandes des images dans un format de présentation. Le site Web s'assombrit et les images sont affichées au centre de la fenêtre.

Stacked

Stacked est l'option d'affichage la plus simple, présentant les images les unes après les autres sur la page. Il n'a pas de paramètres à configurer.

Si vous ne disposez pas de blocs disposés à gauche ou à droite du bloc de la galerie et que vous choisissez Empilé, les images seront redimensionnées sur toute la largeur de la page.