Blocs de présentation multimédia pris en charge

Ouvrez le panneau Blocs dans la barre latérale droite (icône « + ») pour ajouter des blocs par catégorie. Chaque bloc ci-dessous peut s'alimenter à partir de Médias et/ou du Portfolio : choisissez d’abord le mode de présentation, puis associez les éléments dans Attr après avoir sélectionné le bloc sur le canevas. Les blocs de mise en page, de texte et de navigation sont répertoriés dans Référence des blocs de l’éditeur et de la mise en page.

Présentation des fonctionnalités

Les blocs de présentation transforment les fichiers téléchargés en récits : une seule image éditoriale, une grille de vérification, une carte d’impact géographique ou une bande-annonce en plein écran. Vous composez dans Pages → Modifier ; les visiteurs voient la mise en page publiée sur votre site en ligne.

Expérience du visiteur	Configuré dans	Que se passe-t-il au clic ?
Lightbox de portfolio (fenêtre superposée)	Bloc Portfolio d’images + Paramètres du portfolio → Lightbox et style	La vignette ouvre une fenêtre superposée en plein écran ou encadrée ; les boutons Précédent/Suivant restent sur la page de galerie actuelle lorsque la pagination est activée (voir Paramètres de la lightbox du portfolio).
Galeries intégrées à la page	Galerie d’images, Galerie de vidéos, mises en page phares, Slider, Vidéo intégrée	Les images et les vidéos restent sur la page — sous forme de grille, de carrousel ou avec une navigation principale + vignettes. Aucun paramètre de lightbox de portfolio ne s’applique.

Architecture de l’interface

[Bibliothèque multimédia + Collections de portfolio]
        |
        v
[Pages → Modifier → glisser le bloc sur le canevas]
        |
        v
[Panneau des attributs : source, mise en page, rapport d’aspect, colonnes, …]
        |
        v
[Enregistrer → Aperçu → Publier]

Répertoire des blocs

Chaque configuration de mise en page de la plateforme est organisée selon la section correspondante du panneau dans l’éditeur de canevas de page.

Médias standard

Chemin d’accès au tableau de bord : Pages → Modifier → Éditeur de page → Médias

Référence complète : Blocs multimédias standard

Image — Affiche une seule image fixe responsive avec des limites de rapport d’aspect personnalisées et un texte alternatif.
Vidéo — Déploie un lecteur HTML5 natif à partir de Médias ou d’une URL externe, avec des préréglages d’image d’affiche et de rapport d’aspect.
Lightbox vidéo — Affiche une vignette sur la page ; un clic ouvre une fenêtre de lecture en plein écran.
Arrière-plan vidéo — Affiche la vidéo en boucle sous les éléments typographiques et les superpositions que vous ajoutez dans la section (lecture automatique sans son par défaut pour assurer la compatibilité avec les navigateurs).

Publication du portfolio

Chemin d’accès au tableau de bord : Pages → Modifier → Éditeur de page → Portfolio

Référence complète : Blocs de publication du portfolio · Workflow : Ajouter des médias aux pages

Galerie d’images — Grilles à plusieurs lignes et colonnes composées d’images fixes triées sur le volet à partir de la section Médias (sans lien avec une collection en particulier).
Portfolio d’images — Présentation sélectionnée issue d’une seule collection de Portfolio : grille, disposition en maçonnerie ou carrousel avec contrôle du rapport d’aspect.
Liste de portfolios — Index répertoriant plusieurs collections : grille, liste ou navigation par onglets vers des sous-galeries.
Portfolio vidéo — Mur vidéo pour les bandes-annonces de cinéma et les extraits vidéo de votre bibliothèque.
Carte d’impact — Toile cartographique associant les médias du portfolio géolocalisés à des coordonnées (appel à l’action de campagne facultatif).

Toile Hero

Chemin d’accès au tableau de bord : Pages → Modifier → Éditeur de page → Hero

Référence complète : Blocs de la toile Hero

Image Hero — En-tête pleine largeur centré sur une image fixe à fort impact, avec options de mise en page et de superposition.
Vidéo Hero — Vidéo Hero à haut débit avec affiche, redimensionnement de la fenêtre d’affichage et mises en page de page de destination.
Portfolio Hero — Met en avant une collection principale de Portfolio en haut de la page.
Hero Glassmorphism — Flou d’arrière-plan et panneau en verre superposé à une image ou une vidéo d’arrière-plan.
Hero Slider — Carrousel occupant toute la fenêtre de visualisation, faisant défiler plusieurs diapositives Hero avec des CTA en option.

Avancé et interactif

Chemin d’accès au tableau de bord : Pages → Modifier → Éditeur de page → Avancé

Référence complète : Blocs avancés et interactifs

Bento Grid — Grille structurelle permettant d’équilibrer côte à côte des éléments multimédias de tailles variées, des statistiques, des citations et du texte.
Before/After Slider — Curseur interactif permettant de comparer des images fixes originales et post-traitées.
Intégration de publicité — Conteneur isolé pour un emplacement publicitaire publié à partir des paramètres de votre tableau de bord.

Affichage et retours

Chemin d’accès dans le tableau de bord : Pages → Modifier → Éditeur de page → Curseurs ou Vidéo

Référence complète : Blocs d’affichage et de retours

Curseur — Carrousel horizontal adapté au tactile pour l’enchaînement d’images dans une colonne (et non en bannière pleine page).
Galerie vidéo — Grille à plusieurs colonnes conçue pour les ressources vidéo en continu.
Témoignage vidéo — Citation et nom du client à côté d’un conteneur de validation vidéo.

Cas d’utilisation courants

Page de destination : diaporama « Hero » ou vidéo « Hero » + grille de portfolio d’images sous la ligne de flottaison.
Étude de cas : diaporama « avant/après » + galerie d’images d’une sélection de projets.
Conservation / voyages : carte d’impact + appel à l’action (CTA) pour une collecte de fonds sur la même page.
Récit de validation par le client : portfolio d’images (carrousel) intégré à un workflow de confidentialité Portfolio — voir Galeries et portfolio.

Prochaines étapes et validation

Vous débutez avec l’éditeur ? Commencez par Introduction à l’éditeur de page et Barre latérale et barre d’outils de l’éditeur de page.
Consultez la section Ajouter des médias aux pages pour découvrir le processus complet.
Ouvrez la page de catégorie correspondant au bloc que vous comptez utiliser (liens dans le répertoire ci-dessus).
Placez un bloc sur une page brouillon, associez-lui Médias ou Portfolio, puis prévisualisez l’affichage sur mobile et sur ordinateur avant de publier.