TUTORIEL
BLOC « IMAGES »

 



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 « Image »
  • Cliquez sur le bouton «Image» pour créer le bloc 

Entrez votre image

Cliquez sur le bouton «Parcourir» pour sélectionner une image.

Choisissez votre image

  • Maintenant il faut choisir son image. Vous pouvez soit prendre une image déjà dans le système (images dans la bibliothèque), soit ajouter une image à partir de votre ordinateur. Pour l'exemple, nous allons ajouter une nouvelle image à partir de l'ordinateur
  • Cliquez sur le bouton bleu «Ajouter un ou plusieurs fichier(s) depuis votre ordinateur»

Sélectionnez votre image

  • Vous pouvez tout simplement glisser votre image dans la zone, ou bien cliquer sur le bouton «Sélectionner des fichiers». Une fois choisie, l'image se téléversera (upload) sur le serveur
  • Ajoutez un titre afin de faciliter la recherche de cette image dans la bibliothèque. Pour l'exemple, nous allons l'appeler «Couple à vélo»
  • Cliquez ensuite sur le bouton «Envoyer» 

Options du bloc «Image»

  • Utilisez l'outil « Crop » pour recadrer une image
  • Utilisez le lien « Agrandir l'image du bloc ». En cliquant sur l'image, celle-ci s'affichera pleine écran
  • Utilisez le lien « Lien vers une page web ». En cliquant sur l'image, elle redirigera vers l'adresse inscrite dans le champ « URL » juste en dessous
  • Utilisez les champs «Marge intérieure» pour mettre un espace entre la photo et le bord du bloc
  • Utilisez les champs «Marge extérieure» pour mettre un contour blanc autour du bloc. Réglez l'épaisseur pour chacun des côtés. Cette marge diminuera la grosseur de l'image
  • 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 et signaler que celle-ci est cliquable

Positionnez votre image

Maintenant, il ne reste qu'à changer la taille du bloc et le déplacer à l'endroit désiré. Vous pouvez, au besoin, cliquer sur l'image et la recadrer de nouveau. 

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!