Créer un bloc «Images défilantes».

Ce tutoriel vous montrera comment mettre des images en rotation avec un effet de fondu.

Cliquez sur le bouton « + »

Dans l'onglet «Mise en page», il y a un gros bouton bleu avec un +. Cliquez sur ce bouton pour créer un nouveau bloc. 

Créer un bloc Image

Ensuite, il faut choisir le type de bloc.

Lorsque vous cliquez sur le bouton plus, une fenêtre apparaît avec un choix de type de bloc. Cliquez sur le bouton «Images défilantes» pour créer le bloc.  

Créer un bloc Texte et photos

Choisissez les options de votre bloc.

Vous pouvez ajouter des marges blanches sur votre bloc d'images défilantes.

Le champ «Sur mobile» indique si le bloc sera visible sur la version mobile du site (pour les téléphones).

«RollOver» sert à ajouter un effet de survol sur le bloc. 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». 

Créer un bloc «Images défilantes

Ajoutez vos images.

Cliquez sur le bouton «Parcourir» pour aller chercher vos images. 

Créer un bloc Images défilantes

Choisissez vos images.

Pour l'exemple, nous allons prendre des images qui sont déjà entrées 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)».

Créer un bloc Images défilantes

Texte par-dessus les photos.

Il est possible d'écrire du texte par-dessus les photos. Par défaut, le système prend le nom de l'image comme texte. Vous pouvez le modifier, ou tout simplement l'enlever si vous n'avez pas besoin de texte par dessus vos photos. Dans le menu sous les textes, vous pouvez choisir à quel emplacement le texte va apparaître par dessus la photo. Vous pouvez choisir un emplacement différent pour chacune des photos. 

Créer un bloc Images défilantes

Recadrage et ordre des 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.

Créer un bloc Images défilantes

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

Lorsqu'on ajoute du contenu, peu importe le type de contenu (images, texte, vidéos, etc.), il est important d'aller 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! 

Créer un bloc Images défilantes