For the complete documentation index, see llms.txt. This page is also available as Markdown.

Créer une mise en page en grille

Aperçu

Ce tutoriel vous guidera dans la crĂ©ation d’une mise en page en grille dynamique et visuellement attrayante Ă  l’aide de divers composants disponibles. La mise en page en grille est idĂ©ale pour mettre en valeur des fonctionnalitĂ©s, des produits ou des solutions, chacun avec un bouton « En savoir plus » dĂ©diĂ©.

Nous utiliserons Avonni Layout, Conteneur Avonni, Avonni Icon, Bloc de texte et Avonni Button composants.

Pourquoi utiliser ces composants ?
  1. Avonni Layout : C’est la base de notre mise en page en grille. Elle nous permet de structurer notre contenu dans un format organisĂ©, basĂ© sur une grille, ce qui facilite la navigation des utilisateurs parmi les diffĂ©rents Ă©lĂ©ments.

  2. Avonni Container : Chaque élément de la grille sera encapsulé dans un Avonni Container. Cela aide à segmenter les différents produits ou fonctionnalités, en offrant un espace propre et isolé pour chaque élément.

  3. Avonni Icon : Les icÎnes sont un excellent moyen de représenter visuellement les fonctionnalités ou les produits. Elles ajoutent un élément graphique au contenu, le rendant plus engageant et plus facile à interpréter.

  4. Bloc de texte : C’est ici que vous ajouterez le texte descriptif de chaque fonctionnalitĂ© ou produit. Le composant de bloc de texte permet de transmettre des informations claires et concises.

  5. Avonni Button : Un bouton « En savoir plus » sous chaque Ă©lĂ©ment de la grille guide les utilisateurs vers des informations supplĂ©mentaires. Cet appel Ă  l’action stimule l’engagement des utilisateurs et fournit un contenu plus dĂ©taillĂ©.

Résultat final

Guide de configuration interactif étape par étape

spinner

Mis Ă  jour

Ce contenu vous a-t-il été utile ?