Tutoriel : Bloc Galerie de médias

Le bloc Galerie des médias est un des blocs les plus utilisés dans la conception de votre site internet, ou de votre Roadbook.

Il peut être associé à plusieurs blocs de mêmes natures, ou bien à plusieurs blocs de natures différentes.

Nous verrons ici toutes les possibilités qui s’offrent à l’utilisateur pour concevoir de la meilleure des manières un bloc Galerie des médias.

Vigilance, une image disposera de valeur seuil pour entrer dans la médiathèque, de même qu’une vidéo.

Liste des blocs

Cet élément contient la liste des blocs ajoutés.

Cette liste des blocs comprend l’ensemble des blocs ajoutés à la section, après avoir cliqué sur   « + Ajouter un bloc  »

Ici, pour ajouter une photo ou une vidéo à son contenu, il sera nécessaire de choisir le bloc « Galerie de médias ».

Menu Contenu

du bloc Galerie de médias

Ici ne seront pas détaillés les menus « Titre du bloc », « Mise en page » et « Responsive ». Vous pourrez retrouver l’explication de ces derniers dans la page Tutoriel : Bloc texte.

Néanmoins, l’onglet « Contenu » de la galerie de médias sera détaillé ici. Pour insérer une image, il est essentiel de sélectionner le type de galerie. De plus, le bouton « Média cliquable » est coché actif par défaut. Pour perdre le comportement cliquable du média, il suffit de cliquer sur le bouton pour le désactiver.

Nous allons voir premièrement le type de galerie « manuel ».

La première étape est de cliquer sur « Ajouter à la galerie » en dessous du bloc blanc (initialement vide) de visualisation d’images sélectionnées.

Après avoir cliqué sur « Ajouter à la galerie », il sera possible d’ajouter une image soit déjà présente dans la médiathèque, en la sélectionnant directement, soit en l’important via l’onglet « téléverser ».

Ainsi, votre explorateur de fichier s’ouvrira, et vous pourrez librement choisir votre image à importer dans la médiathèque. Vous pourrez donc par la suite, choisir votre image correspondant à votre besoin.

Editer les formats de recadrage

du bloc Galerie de médias

Ca y est ! Votre image est ajoutée.

Cependant le visuel de correspond pas à la mise en page choisie. Pourquoi ?

Peut-être parce que le format de l’image ne correspond pas au template de mise en page.

Pour cela, il suffit, une fois la photo sélectionnée, de cliquer sur « Editer les formats » (1), de choisir le template correspondant à celui de votre mise en page de bloc Galerie des médias, et de recadrer (2) à votre convenance.

Une fois le bon recadrage réalisé, pensez bien à cliquer sur « Recadrage XXXX », disponible dans un bouton bleu en haut à droite. Ensuite, vous revenez sur la médiathèque. Il suffira de cliquer simplement sur « Sélectionner » pour valider l’image.

Capture Decran 2024 07 02 A 16.36.18Capture Decran 2024 07 02 A 16.36.18
©Capture Decran 2024 07 02 A 16.36.18

Mise en pratique de Galerie Horizontale

Mettre en forme votre galerie de média en bandeau horizontal peut donner du rythme à votre page, pour la manipulation, il vous suffit de vous rendre dans la dispositions des blocs de votre section puis dans les options avancées, et d’activer le bouton « Pleine Largeur ».

Insérez ensuite une galerie de médias, et cliquez sur « Mise en forme » < « Options avancées » puis activer « Retirer les marges autour des photos ».

Attention, si vous souhaitez intégrer un bloc texte dans la même section que votre médias en plein largeur, cela posera des difficultés. Isolez donc votre média dans une section à part.

Voici un exemple ci dessous :

Fermer