Pages Galerie dans la version 7.0

Dernière mise à jour le 10 juillet 2024

Dans la version 7.0, les pages Galerie affichent les images et les vidéos avec des dispositions et des styles qui attirent l’œil. Les designs spécifiques des pages Galerie sont conçus pour correspondre à votre template. Dans ce guide, vous apprendrez comment ajouter une nouvelle page Galerie, puis comment ajouter des images et des vidéos.

Les étapes de ce guide s'appliquent également aux pages Projet.

Accéder à cette fonctionnalité

Ce guide concerne la version 7.0. Dans la version 7.1, ajoutez plutôt des sections Galerie.

Avant de commencer

  • Le design, la disposition et le style de votre page Galerie dépendent de votre template. Les pages Galerie peuvent être des diaporamas, des grilles, des piles ou des carrousels. Pour voir les designs de galerie par template, consultez l’article Définir le style des pages Galerie dans la version 7.0.
  • Vous pouvez ajouter jusqu’à 250 images ou vidéos à chaque page Galerie. Les galeries bien remplies peuvent mettre plus de temps à se charger.
  • Pour ajouter une galerie en dehors de la page Galerie, par exemple sur une page Disposition ou dans un billet de blog, utilisez le bloc Galerie. Nous vous conseillons également d’examiner les différences entre les deux.

Regarder une vidéo

Ajouter une page Galerie

Accéder à cette fonctionnalité

Dans l’application Squarespace, l’ajout de nouvelles pages Galerie n’est possible qu’avec la version iOS.

Pour ajouter une page Galerie, ouvrez le panneau Pages, puis cliquez sur + et sur Galerie. Pour obtenir des étapes détaillées, consultez l’article Ajouter des pages à votre navigation.

Ajouter des images

Conseils

Charger des images

Sur un ordinateur, il existe trois façons de charger vos images sur une page Galerie :

  • Cliquez sur + dans le panneau latéral, puis sur Charger une image.
  • Dans le panneau latéral, cliquez sur la case vide afin d’ouvrir le gestionnaire de fichiers de votre ordinateur, puis cliquez sur Ouvrir ou sur Choisir pour ajouter l’image à la galerie.
  • Faites glisser les images dans la case vide du panneau latéral.

Vous pouvez également réutiliser une image que vous avez déjà chargée en cliquant sur +, puis sur Rechercher des images.

Ajouter des images d’archives

Grâce à nos intégrations d’images d’archive, vous pouvez rechercher et ajouter des images d’archive à partir de votre site. Cette option est idéale si vous n’avez aucune image à utiliser.

Pour ajouter une image d’archive, cliquez sur +, puis sur Rechercher des images. Vous pouvez également utiliser la recherche d’image pour réutiliser une image d’archive que vous avez ajoutée précédemment.

Ajouter des vidéos

Vous pouvez ajouter une vidéo hébergée en externe depuis YouTube ou Vimeo à une page Galerie avec son URL directe ou un code HTML intégré (pour les options d’affichage avancées).

Pour ajouter une vidéo, cliquez sur + dans le panneau latéral, puis sur Ajouter une vidéo.

Option 1 - Utiliser une URL

Copiez l’URL de la vidéo qui se trouve dans la barre d’adresse du navigateur et collez-la dans l’onglet URL de la vidéo.

Option 2 - Utiliser un code d’intégration HTML

Pour utiliser le code d’intégration HTML de la vidéo :

  1. Recherchez la vidéo sur le service d’hébergement vidéo.
  2. La plupart des services d’hébergement vidéo ont un bouton Partager ou Intégrer. Cliquez sur Partager ou sur Intégrer, puis copiez le code fourni.
  3. Dans les paramètres de la vidéo, cliquez sur l’onglet Intégration vidéo.
  4. Collez le code dans le champ de texte.

Ajouter des images superposées (facultatif)

Vous pouvez si vous le souhaitez ajouter une image miniature aux vidéos. Cette image s’affiche par-dessus la vidéo avant la lecture de celle-ci. Il peut s’agir d’un titre, d’une image issue de la vidéo ou de toute autre image qui incitera les visiteurs à regarder la vidéo.

Pour ajouter une superposition d’image, activez l’option Miniature de vidéo, puis cliquez sur Image pour charger une image enregistrée sur votre ordinateur, ou sur Rechercher des images pour ajouter une image d’archive. Pour supprimer l’image, cliquez sur Supprimer l’image sous la miniature.

Modifier les paramètres d’un élément

Lorsque vous ajoutez des contenus à votre page Galerie en cliquant sur +, les paramètres de l’élément s’ouvrent automatiquement. Vous pouvez aussi survoler l’élément et cliquer sur l'icône engrenage pour ouvrir ses paramètres.

Dans l’éditeur de chaque élément, vous pouvez :

Ajouter des titres et des descriptions

Les titres et les descriptions ajoutent un contexte à votre contenu. Les titres seront utilisés comme texte de remplacement, ce qui aide les moteurs de recherche à comprendre ce que représentent vos images et améliore potentiellement votre SEO. Le style de description et les options d’affichage dépendent de votre template.

Pour ajouter ou modifier des titres et des descriptions :

  1. Cliquez sur la page Galerie, puis survolez une image ou une vidéo dans le panneau latéral.
  2. Cliquez sur l'icône engrenage pour ouvrir l’éditeur.
  3. Ajoutez un titre et une description dans les zones de texte. Les titres d’image ne doivent pas dépasser 200 caractères.
  4. Cliquez sur Enregistrer.

Pour ajouter ou modifier des titres et des descriptions :

  1. Appuyez deux fois sur une image chargée pour ouvrir les paramètres de l’image.
  2. Appuyez dans la zone de texte sous Titre de l’image pour ajouter un titre ou modifier le titre existant. Les titres d’image sont soumis à une limite de 200 caractères.
  3. Appuyez dans la zone de texte sous Description de l’image pour ajouter une description ou modifier la description existante.
  4. Appuyez sur Enregistrer.

Si les titres et les descriptions des images n'apparaissent pas, plusieurs raisons sont possibles :

  • Ils sont masqués. Pour les afficher, ouvrez le panneau Styles de site sur une page Galerie et décochez l'option Masquer les descriptions de la galerie.
  • Votre template ne prend pas en charge les titres ou les descriptions des images. Cependant, nous vous recommandons de les ajouter, car les moteurs de recherche peuvent les indexer sous forme de texte de remplacement.

Définir l'état de publication

Vous pouvez à tout moment définir le statut d’une image ou d’une vidéo sur Publié ou non publié (Brouillon, En attente de révision ou Planifié). Lorsque votre élément n’est pas publié, une bannière de statut apparaît sur la miniature de l’image ou de la vidéo dans le panneau latéral et l’élément ne sera pas visible sur votre site en ligne. Si vous définissez l’élément comme Publié, la bannière au-dessus de la miniature disparaît et l’élément apparaît sur votre site en ligne.

L'état initial de la publication de votre élément dépend de la façon dont vous ajoutez des images ou des vidéos à votre Page Galerie :

  • Les nouvelles images d’archive et les images que vous réutilisez dans votre bibliothèque afficheront par défaut le statut Publié.
  • Les URL des vidéos et les nouvelles images que vous chargez à partir de votre ordinateur ou de votre appareil à l’aide du signe + dans le panneau latéral sont définis par défaut sur Brouillon.
  • Les nouvelles images que vous chargez dans la zone vide du panneau latéral sont définies par défaut sur Publié.

Pour changer le statut d’un élément :

  1. Cliquez sur la page Galerie, puis passez le curseur sur l’image ou la vidéo dans le panneau latéral.
  2. Cliquez sur l'icône engrenage.
  3. Cliquez sur Statut.
  4. Sélectionnez un nouveau statut.
  5. Cliquez sur Enregistrer.

Lorsque vous chargez des images sur l’application Squarespace, celles-ci sont définies par défaut sur le statut Publié. Vous pouvez changer manuellement le statut une fois le chargement terminé. Pour changer le statut d’une image :

  1. Appuyez deux fois sur une image chargée pour ouvrir les paramètres de l’image.
  2. Appuyez sur État de l'image.
  3. Appuyez sur Brouillon, Révision nécessaire, Publié ou Planifié.
  4. Si vous appuyez sur Publié, vous pouvez choisir la date et l’heure de publication dans le calendrier. Cette information ne sera pas affichée sur le site.
  5. Si vous appuyez sur Planifié, sélectionnez la date et l’heure de publication dans le calendrier. Cette information ne sera pas affichée sur le site.
  6. Appuyez sur la flèche en haut à gauche pour revenir aux paramètres de l’image.
  7. Appuyez sur Enregistrer.

Ajouter des catégories et des tags

Utilisez les tags et les catégories pour organiser le contenu et afficher des images et des vidéos dans différents groupes. Les tags et les catégories n’apparaissent pas dans la galerie, mais vous pouvez utiliser le bloc Nuage de tags, le bloc Archive, le bloc Sommaire, les liens de navigation et les liens hypertexte pour filtrer le contenu et pour aider les visiteurs à rechercher des images par catégorie.

Pour ajouter des catégories ou des tags, cliquez sur Catégories ou sur Tags dans un éditeur d’image ou de vidéo.

Pour ajouter ou supprimer des tags et des catégories :

  1. Appuyez deux fois sur l’image ou sur la vidéo dans laquelle vous souhaitez ajouter des tags et/ou des catégories.
  2. Appuyez sur Catégories ou sur Tags.
  3. Effectuez une recherche dans les tags ou les catégories, ou recherchez-les dans la liste.
  4. Appuyez sur les tags ou sur les catégories que vous souhaitez ajouter à l’image. Une coche apparaît à côté du nom des catégories ou des tags que vous avez sélectionnés.
  5. Appuyez de nouveau sur les tags ou sur les catégories pour les supprimer. La coche disparaît.
  6. Une fois votre sélection effectuée, appuyez sur la flèche en haut à droite pour revenir aux paramètres de l’image, puis appuyez sur Enregistrer.

Pour en savoir plus, consultez l’article Catégories et tags.

Organiser votre page Galerie

Réorganiser les images

Les images et les vidéos des pages Galerie sont généralement affichées dans le même ordre que les miniatures sur le panneau latéral. Pour réorganiser les contenus d’une galerie, suivez les étapes ci-dessous.

Pour déplacer une image à la fois, cliquez sur l’image et faites-la glisser dans le panneau latéral.

Pour déplacer plusieurs images, maintenez enfoncée la touche Ctrl (Windows) ou Commande (Mac) et cliquez sur toutes les images que vous souhaitez déplacer. Ensuite, cliquez sur les images et faites-les glisser.

Remarque

pour les templates qui ont un ajustement de style Valeur de proportion, sélectionnez Valeur de proportion : Auto si vous voulez conserver la valeur de proportion d’origine de l’image. Les images sont alors organisées automatiquement en fonction de leur taille et peuvent ainsi apparaître dans un ordre différent de celui du panneau. Pour en savoir plus sur les ajustements de style des pages Galerie, consultez l’article Définir le style des pages Galerie dans la version 7.0.

Pour changer l’ordre des contenus d’une galerie :

  1. Appuyez sur Plus, puis sur Pages.
  2. Appuyez sur le titre de la page Galerie que vous souhaitez réorganiser.
  3. Appuyez sur Modifier ou sur l’icône crayon en haut à droite.
  4. Maintenez votre doigt appuyé sur l’image ou la vidéo à déplacer.
  5. Faites glisser l’élément dans le panneau, puis relâchez votre doigt quand il a atteint la position souhaitée.
  6. Sur les appareils iOS, appuyez sur OK ou sur dans le coin supérieur droit. Sur les appareils Android, les modifications sont enregistrées automatiquement. 

Déplacer des images d’une galerie à une autre

Si vous avez plusieurs pages Galerie, vous pouvez déplacer les images et les vidéos d’une galerie de page vers une autre. Vous pouvez ainsi organiser vos contenus sans avoir à les recréer.

Dans la famille de templates York, vous pouvez déplacer des images entre les pages Projet et les pages Galerie.

Supprimer des images

Pour supprimer des images d’une page Galerie :

Sélectionnez une ou plusieurs images et/ou vidéos, puis cliquez sur Supprimer en bas du panneau. Cliquez sur Confirmer pour supprimer définitivement l’image.

Vous pouvez aussi cliquer sur l’icône l'icône engrenage de l’élément que vous souhaitez supprimer, puis cliquer sur Supprimer dans les paramètres de l’élément.

  1. Appuyez sur Plus, puis sur Pages.
  2. Appuyez sur le titre de la page Galerie dont vous souhaitez supprimer des images.
  3. Appuyez sur Modifier ou sur l’icône crayon en haut à droite.
  4. Appuyez sur l’icône - de l’image à supprimer, puis appuyez sur Supprimer pour confirmer l’opération.
  5. Appuyez sur Terminé ou sur  en haut à droite.

Remplacer une image

Pour remplacer une image de galerie tout en conservant ses informations, telles que son titre et ses tags :

  1. Double-cliquez sur l'image pour ouvrir l'éditeur.
  2. Cliquez sur Supprimer l'image sous l'image.
  3. Cliquez sur Image dans la zone d’image pour en charger une nouvelle.
  4. Cliquez sur Enregistrer.

Afficher les contenus d’une page Galerie avec des blocs

Vous pouvez utiliser des blocs pour extraire des contenus d’une page Galerie et l’afficher ailleurs sur votre site. Vous pouvez ainsi afficher des images dans des formats différents, mettre en avant des catégories ou fournir un lien visuel vers votre page Galerie.

Les blocs suivants sont adaptés aux pages Galerie :

  • Bloc Galerie : affiche les contenus d’une page Galerie sous forme de carrousel, de grille, de diaporama ou de vue empilée
  • Bloc Sommaire : affiche les contenus d'une page Galerie sous forme de mur, carrousel, liste ou grille ; possibilité de filtrer par catégorie ou tag
  • Bloc Lien du contenu : fournit un lien visuel vers votre page Galerie en utilisant la première image de la galerie, le titre de la page et la description de la page

FAQ

Pourquoi ne puis-je pas ajouter de blocs ou de texte à ma page Galerie ?

Les pages Galerie sont conçues pour afficher uniquement des images et des vidéos ; vous ne verrez donc aucun point d’insertion pour ajouter des blocs. Pour ajouter du contenu à une galerie, nous vous recommandons de remplacer votre page Galerie par une page Disposition et d’utiliser une combinaison de blocs Texte et de blocs Galerie. Cette approche offre une plus grande flexibilité pour obtenir le design souhaité.

Pourquoi ma galerie est-elle différente quand on y accède par l’URL directe de la page ?

Si votre page Galerie se trouve dans une Page Index, peut-être la voyez-vous sous sa forme Index, ce qui confère aux pages Galerie une apparence unique.

Vous saurez que vous consultez la galerie sous sa forme Index si /#/ apparaît dans la barre d’adresse du navigateur. Pour afficher la page Galerie dans son format standard, supprimez /#/ dans la barre d’adresse de votre navigateur.

Pourquoi les vidéos comportent-elles des titres, des descriptions et des superpositions d'images que je n'ai pas ajoutés moi-même ?

Les vidéos YouTube et Vimeo remplissent parfois automatiquement les champs de titre et de description, et fournissent une superposition d’image. Pour modifier ces éléments, ouvrez la vidéo pour l’éditer et remplacez le texte ou l’image.

Pourquoi une localisation est-elle automatiquement ajoutée aux images chargées sur ma page Galerie ?

Si vous avez ajouté une localisation physique dans les paramètres des Informations sur l’entreprise, les images chargées sur votre page Galerie incluront automatiquement cette localisation. Ces informations ne s’affichent pas sur votre page Galerie et vous pouvez les supprimer manuellement depuis l’onglet Localisation de l’image.

Étapes suivantes

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.