Insérer une image depuis un contenu

Depuis la touche Plus (qui se trouve dans la barre Gutenberg ou directement dans la mise en page du contenu), cherchez l'icône "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 deuis une URL (image externe à votre site Web)

À noter que le transfert d'images depuis un fichier local sera disponible par la suite 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 block

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 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.

Insérer 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.