Ajout de conteneurs

Pour commencer à personaliser ça page, il vous suffi de vous mettre sur la page que vous voulez modifier puis bien être en mode builder. Si le mode builder est bien activer vous allez avoir un bouton qui ce trouvera en bas ou en haut de votre ecécran il sera peux être possible qui faut scrool de bas en haut pour voir le bouton. Quand vous allez cliquer dessus un dialogue de type container vas vous proposer 3 type de : - Container simple qui vas prendre une zone précise au centre de l'écrans - Conteneur pleine largeur qui lui prend toute la largeure de l'écrans puis ajouter juste du padding sur les coter pour éviter d'avoirs les composant imbriqué qui colle le rebort de l'écrant - Container d'arrière-plan: lui il est un peux particuler qui sera le plus utiliser avec une section backgroud pour ajouter des composants de type Hero ou Hero serveur Quand vous allez avoir cliqué sur le container qui vous intintéresse il vas dynamiquement s'ajouter sur votre page puis vous alaller avoir plusieur proppropositions

Pour commencer à personnaliser une page, assurez-vous d’être sur la page que vous souhaitez modifier, et que le mode Builder est activé.

Activation du mode Builder

Une fois le mode activé, un bouton contextuel s’affichera en bas ou en haut de l’écran. Il est possible que vous deviez faire défiler la page (scroll) pour le voir apparaître.

Sélection du type de conteneur

En cliquant sur ce bouton , une fenêtre de dialogue de type "Container" s’ouvrira.

Vous pourrez alors choisir parmi trois types de conteneurs, selon la disposition souhaitée :

  • Conteneur simple : occupe une zone centrale fixe de la page, idéal pour les contenus courts ou centrés.

  • Conteneur pleine largeur : prend toute la largeur de l’écran, avec des marges internes (padding) sur les côtés pour éviter que les composants ne touchent les bords de l’écran.

  • Conteneur d’arrière-plan : conçu pour des sections visuellement impactantes comme des bannières (Hero) ou des blocs de type serveur. Ce type est le plus fréquemment utilisé pour structurer une page moderne.

Une fois un conteneur sélectionné

Dès que vous avez cliqué sur le conteneur qui vous intéresse :

  • Il sera ajouté dynamiquement à votre page.

  • Une barre d’options contextuelle apparaîtra pour gérer ce conteneur.

Options disponibles pour chaque conteneur :

  1. Flèches de déplacement : permet de changer l’ordre du conteneur sur la page (le faire monter ou descendre).

  2. Bouton de personnalisation : ouvre le Dialog Builder pour configurer visuellement le conteneur.

  3. Ajout de sections : permet d’ajouter une ou plusieurs sections à l’intérieur du conteneur.


Si vous avez compris cette première étape, vous êtes prêt à passer à la suite : ajouter et personnaliser une section pour structurer votre contenu.

Dernière mise à jour