Les pages

Exemple de block pages

Les blocs techniques

Des fonctionnalités pratiques, purement utilitaires

Contenus similaires

Mise en page Grille

Les pages peuvent être dotées d'une barre latérale contenant la table des matières

Pour aller plus loin...

Mise en page cartes

Osuny utilise des blocs pour structurer le contenu. Ces blocs intègrent la responsivité, la sobriété et l'accessibilité.

Tous les blocs

Les pages peuvent être dotées d'une barre latérale contenant la table des matières

green trees beside lake under cloudy sky during daytime

Les blocs narratifs

Des outils plus sophistiqués pour articuler et mettre en scène des contenus

person holding string lights on opened book

Les blocs de listes

Des listes d'autres objets, qui mettent en valeur et créent des liens

person writing bucket list on book

Blocs de mise en page

Les pages peuvent être dotées d'une barre latérale contenant la table des matières.

Mise en page alternance

Osuny utilise des blocs pour structurer le contenu. Ces blocs intègrent la responsivité, la sobriété et l'accessibilité.

Tous les blocs

Les pages peuvent être dotées d'une barre latérale contenant la table des matières

green trees beside lake under cloudy sky during daytime

Les blocs narratifs

Des outils plus sophistiqués pour articuler et mettre en scène des contenus

person holding string lights on opened book

Les blocs de listes

Des listes d'autres objets, qui mettent en valeur et créent des liens

person writing bucket list on book

Blocs de mise en page

Les pages peuvent être dotées d'une barre latérale contenant la table des matières.

Différents contenus

Les blocs de listes

Des listes d'autres objets, qui mettent en valeur et créent des liens

Un bloc avec un titre, sans page principale

Un bloc avec un titre

Liste des membres de l'équipe

Aide Osuny
ActionRaccourci
Afficher la grilleCtrl + g
Passer d’une page pleine largeur à une page avec barre latérale, et inversementCtrl + w
Contrôler les dimensions des images chargéesCtrl + i
Ouvre la page en production, si dans config.yaml debug.productionUrl est spécifiéCtrl + p
1
2
3
4
5
6
7
8
9
10
11
12
1 (8px)
2 (12px)
3 (24px)
4 (48px)
5 (64px)
6 (128px)
7 (256px)