Placer une image à côté du texte

Téléverser l'image

Dans l'éditeur du studio, collez l'image (Ctrl + V, ou Cmd + V sur Mac) ou glissez son fichier dans le texte. Le studio téléverse l'image et insère un bloc Image à l'endroit du curseur :

::Image{src="/media/3f9a….png" alt=""}
::

L'image doit peser moins de 10 Mo. La valeur de src est l'adresse de l'image dans le studio.

Placer l'image à droite du texte

1. Copiez la valeur de src, puis supprimez le bloc Image.
2. Sous le titre de la diapositive, écrivez une annotation :layout avec la mise en page media-right et l'adresse copiée dans src.
3. Écrivez le texte de la diapositive sous l'annotation.

### Le catalogue

:layout{name="media-right" src="/images/studio/catalogue.png" fit="contain"}

Le catalogue range les présentations par dossier.

Le bouton « Nouvelle présentation » ouvre la fenêtre de création.

fit="contain" affiche l'image entière dans son panneau. Avec fit="cover", la valeur par défaut, l'image remplit le panneau et ses bords peuvent être coupés.

Choisir une autre disposition

• media-left place l'image à gauche du texte.
• media-right-wide et media-left-wide donnent plus de largeur à l'image.
• media-below place l'image sous le titre, sur toute la largeur.
• lightbox="true" agrandit l'image au clic.

La référence du module de rendu décrit toutes les mises en page.