Sites


Créer son site avec Drupal 8

Ajouter une image à un article

Une page web est plus agréable à lire lorsque le texte est illustré. Vous pouvez insérer une image directement dans l'article et l'habiller de texte ou représenter une article avec une image.

Insérer une image dans un article

Grâce aux éditeurs HTML simple et HTML complet, l'ajout d'image se fait directement dans la page de l'article grâce au bouton Image  situé dans la barre d'outils. Placez le curseur là où vous souhaitez insérer l'image et laissez vous guider par le dialogue.

  1. Le bouton Parcourir vous renverra dans votre explorateur de fichiers. Indiquez-lui où se trouve l'image sur votre disque dur.
  2. Texte alternatif : pour entrer une description courte dans le cas où l'image ne s'affiche pas.
  3. Aligner : pour placer l'image plutôt à gauche, à droite, au centre ou aucun (et laisser la gestion de la position par le design du site).
  4. Légende : si vous cochez cette option, un champ s'affichera au bas de l'image, vous pouvez alors y entrer la légende de l'image en question.
  5. Enregistrer : termine et valide l'insertion de l'image.

L'image insérée s'affiche immédiatement dans l'éditeur.

L'image peut être déplacée et agrandie manuellement grâce aux poignées en haut à gauche et en bas à droite qui apparaissent au survol de l'image.

Représenter un article par une image

La tendance actuelle des sites web est d'associer un article  à une image. Tantôt le titre de l'article et l'image apparaissent, tantôt seul le titre ou l'image sera présent. Pour qu'une image symbolise l'article, il faut utiliser le dernier champ de la page Créer Article, intitulé Image.

  1. Un bouton Parcourir est présent, cliquez dessus.
  2. Cherchez votre image sur votre disque dur
  3. Validez. L'image s'affiche immédiatement dans l'éditeur.
  4. N'oubliez pas de renseigner le texte alternatif

Lorsque l'article est prêt, cliquez sur Enregistrer et publier. Drupal bascule vers la nouvelle page du site.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.