Insérer une image dans un contenu

Depuis la touche Plus (qui se trouve dans la barre Gutenberg ou directement dans la mise en page du contenu), cherchez le bloc "Image" (vous pouvez vous aider du filtre de blocs en y tapant "Image").

Trois options s'offriront à vous :

  • Le transfert d'images
  • Sélection d'une image depuis la bibliothèque
  • L'insertion depuis une URL (image externe à votre site Web)

À noter que le transfert d'images depuis un fichier local sera disponible par la suite, si besoin, dans votre bibliothèque de médias.

En théorie, depuis la bibliothèque, vous devez disposer d'une banque d'images ajoutée à la création de votre site Web par l'Académie de Grenoble. Si ce n'est pas le cas et que vous en avez besoin, veuillez nous contacter.

Astuce:

N'hésitez pas à utiliser la banque d'images académiques.

Une fois l'image insérée, vous disposerez de plusieurs options.

Barre de mise en forme de l'image

Vous pourrez depuis cette barre :

  • Gérer le style (par défaut, coins arrondis)
  • Transformer l'image (galerie, couverture, fichier, groupe, média et texte)
  • Placer l'image à gauche, droite, etc.
  • Insérer un lien
  • Croper l'image (c'est-à-dire sélectionner ce qui vous intéresse)
  • Choisir une autre image
  • La dupliquer
  • Etc.

Effet parallax

Vous pouvez créer un "effet parallax" (l'image, montrée partiellement, reste fixe au scroll)

Options de bloc

Les options disponibles depuis le bloc latéral droit :

  • Gérer les styles (y compris ceux que vous aurez créés)
  • Ajouter une description ALT (recommandé)
  • La taille de l'image
  • L'ajout des attributs "title" ou "class"

Insérer une image par glisser/déposer

Vous pouvez aussi faire glisser une image de votre poste de travail directement dans la zone des contenus de Gutenberg. Le fichier sera automatiquement ajouter à votre bibliothèque de médias et l'image sera affichée dans un bloc "Image".


Insérer une image par glisser-déposer | Vidéo : Serge Domas

Ajouter une image depuis la gestion de médias

Depuis le menu ("contenus" > "médias" > "ajouter un média"), accédez à la page "Ajouter un élément de média" et cliquez sur "Image"

Vous devrez alors remplir OBLIGATOIREMENT le titre et le fichier à importer. Vous noterez que vous avez plus d'options et que l'attribut ALT (obligatoire lui aussi) est déjà disponible.

Ajouter des images massivement

Insérer des images une à une peut s'avérer fastidieux. Aussi vous pouvez le faire en une fois et accédez à vos images depuis vos contenus avec la bibliothèque.

Depuis le menu ("contenus" > "médias" > "ajouter un média"), accédez à la page "Ajouter un élément des médias en masse" et cliquez sur "Téléverser des images".

Dès lors, vous aurez la possibilité de sélectionner un dossier local ou de glisser-déposer vos images.