Blocs de livraison du portefeuille

Référence pour les blocs Éditeur de page → Portfolio. Ces mises en page permettent de présenter des collections Portfolio ou des Médias triés sur le volet sur des pages publiées — ce qui n'est pas la même chose que le simple partage d'un lien vers une galerie privée. Pour le flux de travail de l’éditeur, voir Ajouter des médias aux pages.

Architecture de base et champs

Bloc	Source principale	Ce que vous configurez
Galerie d’images	Images fixes Médias sélectionnées	Liste d’images, grille/masonry, rapport d’aspect, mise en page mise en avant
Portfolio d’images	Une collection Portfolio	Mise en page, colonnes, espacement, rapport d’aspect, pagination, légendes
Liste de portfolios	Plusieurs collections de portfolios	Grille, liste ou onglets ; affichage des métadonnées des cartes
Portfolio vidéo	Un seul portfolio (vidéos uniquement)	Sélecteur de portfolio, affichage en grille ou en vedette, format d'image
Animation	Un seul portfolio (piste d’animation)	Sélecteur de portfolio uniquement — le modèle, l’intensité et les caractéristiques proviennent de l’onglet Portfolio → Animation
Carte d’impact	Portfolio géolocalisé	Mise en page de la carte, chronologie, CTA de don à la campagne en option

Comportement des visiteurs : visionnage en lightbox ou sur la page

Bloc	Sur la page en ligne	Lightbox en superposition
Galerie d’images	Oui — la navigation en grille, en maçonnerie ou en mode « en vedette » (image principale + vignettes) reste sur la page.	Non — non lié aux Paramètres du portfolio → Lightbox et style.
Portfolio d’images	La grille/le masonry/le carrousel s’affiche sur la page ; la pagination facultative permet de choisir quelle partie de la collection est affichée.	Oui, lorsque l’option Activer la lightbox est activée pour cette collection — à configurer sous Paramètres du portfolio → Lightbox et style (Paramètres de la lightbox du portfolio).

Lorsque le Portfolio d’images utilise des pages numérotées, la fonction « Charger plus » ou le défilement infini, la lightbox n’inclut que les images de la page sur laquelle se trouve le visiteur — glisser vers la page précédente ou suivante ne permet pas d’accéder à une autre partie paginée. Fermez la fenêtre contextuelle et changez de page pour parcourir la série suivante.

Les blocs Galerie vidéo et Slider se comportent comme la Galerie d’images : la lecture et la navigation restent intégrées à la page.

Galerie d’images

Images fixes sélectionnées avec soin dans Médias — idéal lorsque la page n’est pas liée à une seule collection. Les clics permettent de naviguer au sein du bloc (miniatures en vedette, grille) — et non dans la fenêtre contextuelle du portfolio.

Les attributs comprennent :

• Images — ajouter/réorganiser/supprimer via le sélecteur Médias (sélection multiple).
• Mode d’affichage — grille ou en vedette (image principale + vignettes).
• Mise en page — grille ou « masonry » (affichage en grille).
• Préréglages pour les colonnes, l’espacement et le format d’image de la grille.
• Texte alternatif par image issu des métadonnées multimédia, le cas échéant.

Idéal pour : les éditoriaux, les sélections « best of » et les sélections mixtes issues de différentes séances photo.

Portfolio d’images

Affiche une collection Portfolio avec des commandes de mise en page qui respectent la présentation de la série.

Les attributs comprennent :

• Portfolio — sélecteur de collection.
• Mise en page — grille, « masonry » ou carrousel.
• Colonnes et espacement (grille/« masonry »).
• Format d'image (grille/carrousel).
• Pagination — pages numérotées, « Charger plus » ou défilement infini ; taille de la page (10–50).
• Carrousel — largeur des diapositives, nombre de diapositives par vue, lecture automatique lorsque la mise en page est en mode carrousel.
• Bouton bascule Afficher les légendes.

Idéal pour : les pages de validation par le client, les lancements de collections et les séries présentant un rapport d’aspect cohérent.

À associer aux paramètres du portfolio pour la lightbox et les téléchargements : Paramètres de la lightbox du portfolio. Lorsque la lightbox est activée, un clic sur une vignette ouvre la fenêtre superposée ; lorsqu’elle est désactivée, ce même clic peut rediriger vers une page de détail de la photo si l’option Activer l’affichage de la page est activée.

Liste des portfolios

Index global de plusieurs portfolios : les visiteurs accèdent aux sous-galeries à partir d’une seule page.

Les attributs comprennent :

• Portfolios — ajoutez ou supprimez des collections dans le panneau.
• Mise en page — grille, liste ou onglets.
• Colonnes et format d’image (mise en page en grille).
• Afficher le titre, afficher la description, afficher le nombre, style de carte (par ex. minimaliste).

Idéal pour : les pages d’accueil de studios présentant côte à côte des mariages, des réalisations commerciales et des travaux personnels.

Portfolio vidéo

Mur axé sur la vidéo issu d’un seul portfolio (seuls les éléments vidéo de cette collection s’affichent).

Les attributs comprennent :

• Portfolio — doit contenir des ressources vidéo.
• Mode d’affichage — grille ou mise en avant.
• Mise en page, colonnes, espacement, format d’image (similaire aux contrôles de la galerie d’images).

Idéal pour : les reels, les campagnes vidéo et les sélections de vidéos des coulisses.

Bloc « Motion »

Intègre la galerie animée d’une collection de Portfolio pour laquelle la présentation Motion est activée. Les visiteurs bénéficient de la même famille de modèles que celle que vous avez configurée sous l’onglet Portfolio → Animation (carrousel de chemins, projecteur en arc, rail de pipeline et autres) — et non d’un sélecteur de mise en page distinct au niveau du bloc.

Les attributs comprennent :

• Portfolio — le sélecteur répertorie uniquement les collections prenant en charge les animations.

Mise en page

• Le bloc remplit la colonne parente (ou la largeur de section que vous avez définie via Style → Largeur). Il n’ajoute pas son propre saut de page ni de mode « à fond perdu ».
• Les caractéristiques de portée de la scène, telles que Large sur le rail de pipeline, s’appliquent à la page de mouvement dédiée /portfolio/{slug} ; les intégrations utilisent toujours la scène contenue (étroite) afin que la galerie s’adapte à la colonne.
• Les légendes sur le bloc et la description sous la scène provenant du modèle d’animation sont masquées dans l’intégration — ajoutez des titres et du texte dans les blocs de page adjacents si vous en avez besoin à côté de la scène.

Conditions requises : un forfait éligible incluant la présentation animée, une collection avec l’animation activée et au moins cinq images pour le Pipeline rail. Configurez le modèle, l’intensité, le format d’image et les caractéristiques dans l’onglet Motion — consultez les paramètres d’animation du portfolio et les pages de portfolio animées.

Idéal pour : les sections d’accueil de campagnes, les points forts de la page « À propos » et les mises en page côte à côte qui associent l’animation au corps du texte, sans détourner les visiteurs de la page.

Carte d’impact

Affiche les images fixes du portfolio avec leurs données de localisation sur une carte interactive de votre site public.

Les attributs comprennent :

• Source du portfolio — collection de médias géolocalisés.
• Mise en page — présentations minimalistes, « hero » et sous forme de carte associée.
• Plage de dates d’observation — filtre chronologique facultatif.
• Campagne et produit de don — appel à l’action (CTA) facultatif pour la collecte de fonds sur le bloc.

Nécessite un GPS ou une localisation manuelle sur les médias, ainsi que des paramètres de visibilité de la carte de portfolio. Configuration complète : Ajouter une carte d’impact à une page et Visibilité géographique du portfolio.

Choisir un bloc de portfolio

Objectif	Bloc
Sélectionner des images sans collection	Galerie d’images
Une série, épreuves, pagination	Portfolio d’images
Présenter plusieurs collections	Liste de portfolios
Bande-annonce vidéo issue d’une seule collection	Portfolio vidéo
Galerie cinématographique intégrée à une mise en page	Motion (portfolio compatible avec la vidéo)
Récit géographique + repères	Carte d’impact

Restrictions et contraintes du système

• Portfolio d’images et Portfolio vidéo nécessitent qu’une collection soit sélectionnée avant que la page publique n’affiche le contenu.
• Galerie d’images ne se synchronise pas automatiquement lorsque vous ajoutez des images à une collection : vous gérez explicitement la liste d’images du bloc.
• Impact Map n'affiche que les éléments dotés de coordonnées valides et dont la visibilité sur la carte du portfolio est activée.
• Les grands carrousels et le défilement infini affectent les performances sur mobile : effectuez un aperçu sur de vrais appareils.

Vérification de votre configuration

• Le type de bloc approprié est présent sur le canevas de votre récit (tableau ci-dessus).
• La source Portfolio ou Média est définie et l’aperçu affiche les ressources.
• Pour Impact Map, au moins une épingle apparaît dans l’aperçu en direct une fois que les règles de géolocalisation et de visibilité sont respectées.