TUTORIEL
BLOC « IMAGES DÉFILANTES »

 



Cliquez sur le bouton « + »

Dans l'onglet «Mise en page», cliquez sur le bouton bleu avec un « + » pour créer un nouveau bloc. 

Choisir le type de bloc

  • Lorsque vous cliquez sur le bouton plus, une fenêtre apparaît avec les différents types de blocs. Dans ce tutoriel, nous utiliserons le bloc « Images défilantes »
  • Cliquez sur le bouton « Images défilantes » pour créer le bloc 

Options du bloc « Images défilantes »

  • Utilisez les champs « Marge intérieure » pour mettre un espace entre les photos et le bord du bloc
  • Utilisez le champ « sur mobile » pour afficher ou cacher un bloc sur la version téléphone
  • Utilisez le champ « RollOver » pour ajouter un effet de survol sur l'image. Il n'est pas recommandé d'ajouter un effet de survol sur ce bloc, car il n'est pas cliquable.
  • Une fois les options choisies, cliquez sur l'onglet « Images défilantes ». 

Entrez vos images

Cliquez sur le bouton «Parcourir» pour sélectionner vos images.

Choisissez vos images

  • Pour l'exemple, nous allons prendre des images qui sont déjà dans la bibliothèque. Vous n'avez qu'à cliquer une seule fois sur les images que vous désirez utiliser dans votre bloc d'images défilantes. Un contour vert apparaîtra autour des images choisies.
  • Lorsque vous avez choisi toutes vos images, cliquez sur le bouton vert « Utiliser le/les fichier(s) sélectionné(s) ».

Ajouter du texte par-dessus les photos

Il est possible d'écrire par-dessus les photos. Le nom de l'image est choisi comme texte par défaut. Vous pouvez le modifier, ou tout simplement l'enlever si vous n'en avez pas besoin. Dans le menu sous les textes, vous pouvez choisir à quel endroit apparaîtra le texte sur l'image. Vous pouvez choisir un emplacement différent pour chacune des photos. 

Recadrer et ordonner les photos

  • Vous pouvez maintenant modifier le cadrage de chacune des photos en cliquant sur l'outil « Crop » (3e icône). De plus, vous pouvez changer l'ordre des photos. Vous n'avez qu'à cliquer sur l'icône des 4 flèches, et à glisser la photo à l'endroit souhaité. 
  • Une fois ces étapes terminées, cliquez sur «Enregistrer». Vous pouvez déplacer et redimensionner votre bloc comme n'importe quel autre bloc.
  • N'oubliez pas de sauvegarder votre page en cliquant sur «Envoyer» dans le bas de la page.

Vérifiez le résultat sur le site en ligne

Peu importe le type de contenu que l'on ajoute (images, texte, vidéos, etc.), il est important de vérifier le résultat final sur le site. Prenez note qu'il est préférable d'utiliser des images de bonne qualité, et assurez-vous d'en avoir les droits d'utilisation! 

RETOUR AUX TUTORIELS