Pages du portfolio public
Activez la galerie publique pour une collection Portfolio, définissez son slug et les visiteurs ouvrent une page dédiée /portfolio/your-slug avec des commandes de héros, de mise en page et de navigation (les valeurs par défaut proviennent de Paramètres → Portfolio ; remplacement par collection sous Gérer le portfolio → Paramètres → Page publique.
Lorsque la Galerie publique est activée pour une collection Portfolio, les visiteurs peuvent ouvrir une page dédiée sur votre site :
https://your-site.example/portfolio/your-slug
Cette URL est une expérience de galerie plein écran conçue pour la collection : bannière principale, mise en page et contrôles de navigation que vous configurez sous Paramètres → Portfolio ou par collection sous Gérer le portfolio → onglet Paramètres → Page publique. Pour les familles de présentation et les contrôles, voir Paramètres de présentation du portfolio. Pour les galeries d'animation cinématographique (plans éligibles), voir pages du portfolio Motion. Pour la navigation en superposition et les URL d'image unique partageables, passez aux Pages de détails des photos et aux Paramètres de la lightbox du portfolio.
Présentation standard ou animée
Chaque collection utilise une présentation publique à la fois :
| Suivre | Ce que voient les visiteurs | Où vous configurez |
|---|---|---|
| Norme | Grille, navigation immersive ou chronologique (chronologie/journal) — mises en page par défilement ou par étapes | Onglet Paramètres → Page publique (Paramètres de présentation du portfolio) |
| Motion | Galerie animée dans toute la fenêtre : une image présentée à la fois avec des transitions cinématographiques | Onglet Motion (Paramètres de mouvement du portfolio) |
L'URL reste /portfolio/{slug} dans tous les cas. L'activation de la présentation Motion remplace le corps de la galerie standard par le modèle de mouvement que vous avez choisi ; cela ne change pas le slug, la confidentialité ou le fait que la page soit publique.
La présentation Motion nécessite un plan d'abonnement éligible. Les paramètres de mise en page standard sur Page publique sont ignorés lorsque le mouvement est actif, mais Lightbox, pages de détails de photos et les indicateurs commerciaux dans Paramètres s'appliquent toujours lorsque vous les activez.
Conditions préalables
Tableau de bord → Portfolio → une collection avec Galerie publique activée et un slug
Paramètres par défaut du site (facultatif) : Tableau de bord → Paramètres → Portfolio
Trois familles de mises en page
Les mises en page sont regroupées selon la façon dont les visiteurs parcourent, et non selon des bascules arbitraires. Choisissez une mise en page par collection ; seuls les contrôles de cette famille apparaissent dans le tableau de bord.
Galeries de grilles (faites défiler la page)
Idéal pour les vitrines de magasins, les grands décors et les flux de travail de numérisation de nombreuses photos.
| Disposition | Comportement |
|---|---|
| Maçonnerie | Grille décalée ; conserve un cadrage mixte portrait et paysage |
| Grille carrée | Tuiles uniformes ; format d'image en option (carré, paysage, portrait, large, automatique) |
| Lignes justifiées | Hauteur de rangée fixe ; les largeurs des carreaux suivent le rapport hauteur/largeur de chaque image |
Navigation immersive (une photo à la fois)
Idéal pour les sessions client, les décors cinématographiques et le visionnage sans distraction.
| Disposition | Comportement |
|---|---|
| Volet divisé | Scène principale plus rail de vignettes paginées ; ← / → clavier ; bureau : rail à gauche, scène à droite; téléphone et tablette portrait : scène au-dessus du rail |
| Diffusion du livre | Image et bande de pouce à côté d'un volet de lecture de légende (titre et description de Media) ; côte à côte sur de grands écrans, empilés sur des téléphones |
| Carrousel de scène | Grande scène et bande de pouce horizontale en dessous |
Les mises en page immersives utilisent une bande de fenêtre fixe (la majeure partie de l'écran sous l'en-tête de votre site) pendant la navigation. Les visiteurs parcourent les photos sans faire défiler toute la page. La répartition du livre s'adapte à son contenu dans des fenêtres d'affichage plus petites.
Chronologique (mises en page de l'histoire en premier)
Idéal pour les collections narratives : archives datées et narration de type journal intime.
| Disposition | Comportement |
|---|---|
| Chronologie | Regroupe les médias en sections année, mois ou jour (choisies automatiquement à partir de vos dates). Regrouper par Date de capture EXIF (par défaut) ou date de téléchargement. Les fichiers non datés sont placés dans une section Non daté. Chaque section développée utilise une grille intérieure (maçonnerie, grille carrée ou justifiée). |
| Journal | Alternance de lignes de texte et d'image en bas de la page (copier à gauche / image à droite, puis retourner). Le titre utilise la légende de chaque élément (revient au titre) ; le corps utilise description. Définissez ces champs sur Media (le portfolio remplace lorsqu'il est présent). Les photos ouvrent la lightbox ou les détails de la photo à partir du comportement de clic ; les vidéos sont lues en ligne dans la rangée (hauteur limitée pour que les clips en portrait restent lisibles). |
Héros (haut de la page)
Bannière optionnelle au-dessus de la galerie :
| Style | Ce que voient les visiteurs |
|---|---|
| Bannière de couverture | Couverture pleine largeur 16:9 avec superposition de titre |
| Bannière courte | Bande de couverture compacte (~ 40 % de la hauteur de la fenêtre) |
| Aucun | La galerie commence sous l'en-tête du site |
Activez Afficher le titre et Afficher la description indépendamment. Les styles de bannière nécessitent une image de couverture sur le portfolio.
Comportement de clic, lightbox et pages de photos
Sur les mises en page grille et chronologique (chronologie et journal), vous choisissez le comportement du clic : ouvrez la lightbox, accédez à la page de détails de la photo ou (immersive uniquement) scène uniquement. Les vidéos du journal sont diffusées sur la page ; les lignes d'images suivent toujours le comportement du clic.
| Étape suivante | Guider |
|---|---|
| Familles de présentation et contrôles de tableau de bord | Paramètres de présentation du portfolio |
| Modèles de mouvements animés | Pages du portfolio Motion |
| Style de superposition et légendes | Paramètres de la lightbox du portfolio |
| URL d'image unique partageables, EXIF, impression | Pages de détails des photos |
Les mises en page immersives sont par défaut scène uniquement ; activez la lightbox ou la page photo si vous souhaitez également ces chemins.
Étapes de mise en œuvre
- Ouvrez Portfolio et sélectionnez une collection (ou créez-en une).
- Activez la Galerie publique et définissez un slug unique.
- Sous Paramètres → Portfolio, définissez les valeurs par défaut à l'échelle du site pour la mise en page, le héros et l'espacement, ou laissez les champs sur Hériter les valeurs par défaut du site jusqu'à ce que vous ayez besoin de remplacements.
- Ouvrez Gérer le portfolio → onglet Paramètres → Page publique pour remplacer la mise en page ou le héros pour cette collection uniquement.
- Enregistrez et ouvrez
https://your-site/portfolio/{slug}sur votre site en direct ou en avant-première. - Testez sur téléphone et ordinateur de bureau ; ajustez la mise en page sous Paramètres de mise en page du portfolio si nécessaire.
Ce que voient vos visiteurs
Une page de galerie de marque sur votre domaine : héros facultatif, famille de mise en page choisie et navigation correspondant à vos paramètres de comportement de clic. Les paramètres de confidentialité de la collection s'appliquent toujours : les liens publics, non répertoriés ou protégés par mot de passe se comportent de la même manière sur l'URL dédiée.
Partager un lien de galerie
Lorsque la Galerie publique est activée, coller https://your-site.example/portfolio/your-slug dans Slack, iMessage ou des applications similaires peut afficher un aperçu qui utilise l'image de couverture de la collection. Utilisez cette URL lorsque vous souhaitez que les gens partagent la galerie entière. Les collections protégées par mot de passe ou non publiques ne doivent pas produire une carte image riche.
Vérification de votre configuration
- La galerie publique est activée et slug est défini.
- Chargements d'URL en direct ou en aperçu sans erreurs.
- Le héros, la mise en page et le comportement de clic correspondent à votre intention.
- Coller l'URL
/portfolio/{slug}en direct dans Slack (ou similaire) affiche la couverture lorsque la galerie est publique et possède une couverture. - Le mode de confidentialité correspond au public (marketing ou vérification client).