Styles d’affichage des galeries : contrôler comment les images sont affichées

Le style d’affichage de la galerie E-shop par défaut affiche l’élément d’achat du produit juste à côté de l’image. L’utilisation du style Vitrine donnerait un résultat très différent, mettant en valeur l’image avec un minimum de distraction.
Le style d’affichage de la galerie E-shop par défaut affiche l’élément d’achat du produit juste à côté de l’image. L’utilisation du style Vitrine donnerait un résultat très différent, mettant en valeur l’image avec un minimum de distraction.

Les styles des galeries vous permettent d’afficher les images et les galeries d’une manière différente, en fonction de l’objectif de chaque galerie.

Un style de galerie s’applique à toutes les galeries utilisant ce style.

Les styles d’affichage des galeries permettent de modifier facilement l’affichage des galeries et des images/vidéos/documents individuels sur votre site web. Ils vous permettent par exemple de :

  • Choisir d’afficher ou de supprimer / cacher le titre de l’image / de la vidéo et les informations sous l’aperçu, ou derrière un bouton Info ;
  • Afficher ou masquer certaines informations de métadonnées dans les galeries : titre, nom du fichier, date de prise de vue, auteur, copyright, état PROOF/FINAL, etc…
  • Modifier la taille / qualité / résolution des images et vidéos affichées sur votre site web ;
  • Modifier la taille et le positionnement des vignettes ;
  • Permettre l’ouverture des galeries sur les vignettes ou sur leur première image ;
  • Permettre l’affichage des galeries sous forme de diaporama ;
  • Cacher / supprimer certains composants, comme la Recherche ;
  • Afficher ou supprimer le bouton de partage dans les galeries publiques ;
  • Définir le nombre de vignettes affichées par page ;

Pour changer le style d’affichage utilisé par une galerie, ouvrez cette galerie sous Mes images & vidéos, puis cliquez sur le lien affichant le style d’affichage en cours d’utilisation, situé juste en dessous du titre de la galerie.

Styles d’affichage des galeries par défaut

Chaque thème comprend les styles d’affichage par défaut suivants :

StyleA quoi sert-il ?Ce qu’il fait
StandardStyle polyvalentÀ mi-chemin entre les styles Vitrine et Galerie client, bon compromis entre la convivialité et l’esthétique.
VitrinePour présenter votre travail avec le moins de distractions visuelles possibleL’esthétique avant tout : grandes images, pas de boutons d’action ou de métadonnées gênants (ce n’est donc pas adapté au commerce électronique ou aux galeries de clients), diaporama automatique…
Galerie clientRevue / épreuvage client et sélection des imagesAccès facile aux fonctions d’épreuvage et aux informations sur les images.
E-shopPour vendre des tirages et des téléchargements aux particuliersL’accent est mis sur la vente, le configurateur de prix est intégré à l’image agrandie.
Vente archivesPour vendre/licencier des fichiers à des acheteurs professionnelsMots-clés et autres métadonnées mis en évidence, boutons de tarification évidents.
Gestion de fichiersPour les librairies de médias et le Digital Asset ManagementVignettes faciles à parcourir, informations sur les fichiers facilement accessibles, boutons de téléchargement bien visibles.
BlogIndex et articles de blogAffiche une galerie comme un blog : grands aperçus sur la même page, descriptions des images facilement visibles sous forme de texte, …

Personnaliser les styles d’affichage des galeries

Les styles d’affichage des galeries peuvent être personnalisés avec le même éditeur puissant que les pages personnalisées, offrant une liberté totale sur leur mise en page, et des dizaines de paramètres pour personnaliser ce qui doit être affiché et comment, et faire correspondre parfaitement le style de la galerie avec son utilisation prévue.

Pour accéder à cet outil avancé, allez dans Mon site / Design. Naviguez vers une galerie utilisant le style que vous souhaitez modifier et cliquez sur le bouton pour personnaliser le style de la galerie. Cet outil est également accessible depuis la popup de sélection du style d’affichage pour toute galerie sous Mes images & vidéos.

Pages de vignettes

Ce panneau contrôle les pages de vignettes qui listent les sous-galeries et/ou les fichiers d’une galerie. Vous pouvez modifier la mise en page de ces pages, par exemple pour ajouter un champ de recherche bien visible à toutes les galeries utilisant ce style d’affichage.

Ce panneau vous permet de modifier la mise en page des pages de vignettes.
Ce panneau vous permet de modifier la mise en page des pages de vignettes.

En particulier, l’élément principal Contenu de la galerie comporte de nombreux paramètres qui vous permettent de modifier la manière dont les vignettes sont affichées :

Un double-clic sur l’élément des vignettes permet d’ouvrir leurs paramètres
Un double-clic sur l’élément des vignettes permet d’ouvrir leurs paramètres
  • Vignettes des images/vidéos: choisissez parmi de superbes préréglages tels que la mosaïque murale magique, ou modifiez de petits détails tels que l’affichage ou non d’icônes de téléchargement sur les vignettes.
  • Couvertures des galeries: Cette section contrôle les vignettes de couverture qui ouvrent les sous-galeries, comme la galerie principale « Galleries ». Par exemple, vous pouvez essayer ici différentes façons d’afficher les titres des galeries sur ou sous leurs vignettes. Une option notable est le paramètre Un clic sur la couverture d’une galerie ouvre:. Il déterminera si les visiteurs verront une grande image / un diaporama ou des vignettes lorsqu’ils entreront pour la première fois dans une galerie.
  • Pages de vignettes: Vous trouverez ici des options qui s’appliquent à la fois aux pages de couverture des galeries et aux vignettes des images/vidéos.

Pages de détail

Dans cet onglet, vous pouvez ajuster librement la mise en page de la page où les images/vidéos sont agrandies. Dans cet exemple, le prix des images/vidéos est affiché directement sur la page.
Dans cet onglet, vous pouvez ajuster librement la mise en page de la page où les images/vidéos sont agrandies. Dans cet exemple, le prix des images/vidéos est affiché directement sur la page.

L’élément Titre, navigation et / ou boutons permet d’afficher titre et boutons. Vous pouvez avoir plusieurs éléments de ce type, par exemple pour afficher le titre et les boutons séparément, ou pour afficher différents boutons à différents endroits de la mise en page.

L’élément principal Média agrandi comporte de nombreux paramètres qui vous permettent de modifier la manière dont les images/vidéos sont affichées. C’est également ici que l’on peut ajuster le comportement d’avance automatique activé par exemple dans le style Vitrine par défaut.

Comme pour les vignettes, l’outil offre de nombreuses options pour personnaliser l’affichage des images/vidéos.
Comme pour les vignettes, l’outil offre de nombreuses options pour personnaliser l’affichage des images/vidéos.

Parmi ces paramètres, le paramètre Taille du fichier de l’image agrandie vous permet d’ajuster la taille/qualité/résolution des images et vidéos affichées sur votre site web.

Notez que la qualité des images sur un site web est toujours un compromis entre :

  • la taille affichée à l’écran
  • la qualité
  • le temps de chargement (son importance est trop souvent négligée)

Vous pouvez ajuster différents paramètres dans les styles d’affichage des galeries pour maximiser la qualité :

  • utiliser une taille plus grande - le temps de chargement sera plus long
  • ne pas activer l’agrandissement dans les paramètres d’agrandissement automatique
  • ne pas autoriser de rognage
  • veillez également à importer des fichiers d’au moins 3 000 px de large.

Dupliquer un style de galerie et créer le vôtre

Vous pouvez dupliquer un style d’affichage existant depuis son panneau de personnalisation sous l’onglet Avancé / Créer un nouveau style à partir de celui-ci.

Cela vous permet de créer de nouveaux styles pour des galeries spécifiques, et vos propres styles ne sont pas réinitialisés lorsque vous changez de thème.