Skip to content

Layouts principaux ​

Chaque slide commence par un layout. Il y en a six.

ClasseContenu attenduDisposition
title# titre, ## sous-titre facultatif, paragraphesCouverture, contenu centré verticalement
tocTitre facultatif et liste numérotéeSommaire
chapter# numéro et ## titreNuméro à gauche, titre à droite
calloutUn seul # message courtCentré sur toute la largeur
contentContenu libre ou composition structuréeContenu aligné en haut
closing# message, paragraphes facultatifsConclusion centrée

Les titres de title, chapter, callout et closing font partie de leur structure : ils ne demandent pas with-title. La pagination est masquée sur ces quatre layouts, même avec paginate: true.

title — couverture ​

md
<!-- _class: title color-2 branded -->

# Ma présentation

## Un sous-titre

Nom et date

Raccourci cover

Dans l’extension, le menu propose aussi cover : c’est un raccourci qui insère title, le nom effectivement reconnu par le thème.

toc — sommaire ​

md
<!-- _class: toc with-title -->

# Sommaire

1. Le contexte
2. La méthode
3. Les résultats

chapter — chapitre ​

md
<!-- _class: chapter color-1 -->

# 01

## Comprendre les modèles

Un chapitre peut aussi contenir seulement un # Titre, sans numéro : il occupe alors toute la largeur. Évitez d’ajouter du contenu libre à un chapitre numéroté : ce layout prévoit deux éléments.

md
<!-- _class: chapter color-3 -->

# Annexes

callout — message clé ​

Un seul titre, centré horizontalement et verticalement sur toute la largeur de la slide. Le texte revient à la ligne. Les fonds sont ceux de title.

md
<!-- _class: callout color-2 -->

# Une idée à retenir

Sans classe de taille, le titre mesure 108 px. Les classes callout-size-50 à callout-size-180 (par pas de 5 px) fixent une autre taille ; l’extension sait choisir automatiquement la plus grande qui tient. Voir Débordements et callouts.

md
<!-- _class: callout callout-size-75 color-1 -->

# Une phrase plus longue reste lisible quand la taille est choisie pour tenir dans la slide.

content — contenu ​

content seul conserve un flux vertical : titres, paragraphes, listes, citations, code et tableaux apparaissent dans l’ordre du Markdown.

md
<!-- _class: content with-title -->

# Une première idée

Un paragraphe explicatif.

- Un premier point
- Un second point

C’est aussi le layout qui accueille toutes les compositions : colonnes, image et texte, galeries, timelines.

Les tableaux Markdown fonctionnent dans le flux simple :

md
<!-- _class: content with-title medium -->

# Comparer les options

| Option | Atout | Point d’attention |
|---|---|---|
| Construire | Maîtrise complète | Délai |
| Acheter | Mise en route rapide | Personnalisation |
| Combiner | Équilibre | Intégration |

closing — conclusion ​

md
<!-- _class: closing color-2 branded -->

# Merci

Une prochaine étape ou une information de contact.

Documentation du langage DWA Core v1, de l’extension VS Code, du CLI et du portail des thèmes.