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. Pour de meilleurs résultats sur la version mobile, toutes les photos devraient avoir exactement les mêmes dimensions. Exemple : 1000 px de large par 450 px de haut. Il sera plus facile de faire ça dans un logiciel comme Photoshop, ou sur l'éditeur de photo gratuit en ligne au  https://www.photopea.com/

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. 

Ordonner les photos

  • 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é. 
  • Vous pouvez modifier le cadrage de chacune des photos (non recommandé) en cliquant sur l'outil « Crop » (3e icône).
  • 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