Créer un siteCentre d'aide > Créer un site avec le système de grilles

Découverte et utilisation des grilles

Temps estimé : 2 minutes

Vous avez déjà compris qu'une page Orson est composée de blocs. Ces blocs sont des éléments préfabriqués que nous mettons à votre disposition. 

Nous allons maintenant apprendre comment, avec les grilles, modifier la structure de votre page et créer vos propres blocs sur mesure !

Étape 1 : Activer le mode Grille

Pour commencer, vous devez vous rendre dans l’onglet “Grille” situé sur la droite des Blocs et des Modules.

Choisissez la structure qui vous intéresse en cliquant dessus, et faites-la glisser sur votre page avec votre souris.

Orson indique automatiquement en bleu les emplacements disponibles pour déposer votre grille. Elle peut être placée dans un bloc, ou entre deux blocs déjà existants.


Lorsque vous déposez une grille, des emplacements vides apparaissent. Ils sont ici encadrés en orange :

Nous allons voir comment remplir les nouveaux emplacements créés.

Étape 2 : Ajouter des modules dans les colonnes

Pour ajouter du contenu dans ces emplacements, cliquez sur Modules.

Faites glisser le module qui vous intéresse dans l’emplacement de votre choix.

Si vous cliquez sur le module, une barre apparaît. En la faisant coulisser, vous pouvez déplacer votre module et créer une nouvelle colonne.

Étape 3 : Modifier la taille des modules

Pour modifier la taille de votre module, cliquez dessus afin de faire apparaître une barre latérale.

Faites glisser votre module sur cette barre jusqu’à obtenir la taille voulue.

  • Si votre module est situé à côté d’un ou plusieurs autres éléments, il adaptera automatiquement sa taille.
  • Si aucun module n’occupe de place à côté, un nouvel emplacement vide apparaît dans l’espace restant. Vous pourrez ajouter un autre élément dans cet emplacement si vous le souhaitez.


Vous venez d’apprendre à créer vos blocs sur-mesure !

Pour découvrir comment les sauvegarder, les dupliquer et les réutiliser sur d'autres pages de votre site, suivez notre tutoriel sur la duplication de bloc. 


Envie d'apprendre ? Pour la suite, c'est par ici 👇

Intégrer des images sur son site

Ajouter un menu à votre site

Créez des liens dans vos articles