Documentation Index

Fetch the complete documentation index at: https://docs.document360.com/llms.txt

Use this file to discover all available pages before exploring further.

Clause de non-responsabilité: Cet article a été généré par traduction automatique.

Carte multicolonnes

Prev Next

La section carte multicolonnes vous permet d’afficher le contenu dans une disposition structurée, côte à côte, sur la page d’accueil de votre base de connaissances. Chaque colonne comprend une icône, un titre et une description, vous offrant un moyen visualement scannable de présenter plusieurs informations liées à la fois – sans recourir à de longs paragraphes ou listes imbriquées. Cela le rend particulièrement efficace pour mettre en avant les fonctionnalités du produit, les offres de services ou les catégories clés de documentation, où les lecteurs doivent comparer ou parcourir les options en un coup d’œil plutôt que de les lire séquentiellement.


Quand utiliser la section carte multicolonnes

  • Points forts des fonctionnalités – Utilisez-les pour afficher les caractéristiques clés de votre produit, chacune avec une icône, un titre court et une description en une ligne. Les lecteurs peuvent rapidement comprendre ce que le produit offre sans avoir à lire de longs paragraphes.
  • Navigation par catégorie - Présentez les principales sections de la base de connaissances sous forme de cartes, offrant aux lecteurs un aperçu rapide de ce qui est disponible et où aller.
  • À propos ou sections d’équipe - Introduisez les zones d’équipe, départements ou offres de services avec une icône et une courte description pour chacun.
  • Paliers de support ou options de contact - Affichez plusieurs canaux de support (par exemple email, chat, documents) côte à côte avec des icônes pertinentes et de courtes descriptions.

Comment ajouter une section de carte multicolonne

  1. Naviguez dans () dans la barre de navigation de gauche du portail de la base de connaissances.
  2. Dans le panneau de navigation de gauche, allez vers Knowledge base site > personnalisation du site.
  3. Cliquez sur le bouton Personnaliser le site .

Site customization page showing the Customize site button

  1. Dans le menu déroulant de gauche, sélectionnez la page d’accueil . La section Corps affiche la liste des blocs corporels.
  2. Cliquez sur Ajouter la section et sélectionnez la section carte multicolonne. Le bloc est ajouté avec trois éléments par défaut.
  3. Cliquez sur l’en-tête de la section de la carte Multicolonne pour modifier le titre de la section et la couleur générale des icônes.
  4. Cliquez sur Ajouter un élément pour ajouter plus d’éléments de colonne au-delà des trois par défaut.
  5. Utilisez l’icône Réordre () pour réarranger les éléments dans la section.
  6. Cliquez sur l’icône Masquer () pour activer la visibilité des éléments individuels.

Home page builder showing a Multicolumn card section with three column elements and reorder/hide controls


Comment configurer les éléments de colonne

Cliquez sur n’importe quel élément de la section pour modifier ses attributs :

Attribut Ce que vous pouvez configurer
Icône Cliquez sur Modifier pour sélectionner une icône Document360 ou Font Awesome depuis l’onglet Icônes, ou téléchargez/saisissez l’URL d’une image personnalisée dans l’onglet Image
Titre Voici le titre de la colonne. Cliquez sur l’icône Masquer () pour masquer le titre sans le supprimer
Couleur des icônes Choisissez une couleur pour l’icône
Texte du paragraphe Entrez et formatez la description de la colonne en gras (), en italique (), URL/Lien (), en liste non ordonnée () ou en liste ordonnée ()

Column element settings panel showing Icon, Title, Icon color, and Paragraph text options


Comment sauvegarder et publier

  • Utilisez le bouton Aperçu à droite pour revoir vos modifications.
  • Cliquez sur Enregistrer pour sauvegarder vos modifications.
  • Cliquez sur Publier pour effectuer des modifications en direct.

Vue du site de la base de connaissances

Voici un exemple de section carte multicolonne telle qu’elle apparaît sur le site de la base de connaissances.

Knowledge base site showing a Multicolumn card section with icons, titles, and descriptions in a three-column layout


Comment supprimer une section de carte multicolonne

  1. Cliquez sur la section des cartes multicolonnes dans la liste des blocs corps. La barre de navigation de section apparaît.
  2. Cliquez sur Supprimer () dans la barre de navigation.
  3. Cliquez sur Oui dans l’invite de confirmation Supprimer.
  4. Après avoir supprimé, cliquez sur Enregistrer pour enregistrer comme brouillon, Aperçu pour réviser, et Publier pour effectuer des modifications en direct.

Delete confirmation prompt for removing a Multicolumn card section from the home page


Meilleures pratiques

  • Gardez les descriptions de colonnes courtes – une à deux phrases par colonne sont les mieux. Les descriptions longues brisent l’équilibre visuel de la disposition des cartes.
  • Utilisez des styles d’icônes cohérents – mélanger des icônes remplies, contournées et personnalisées dans la même section semble incohérent. Choisissez un style et tenez-vous-y.
  • Utilisez trois à quatre colonnes – plus de quatre colonnes sur un écran standard rendent chaque carte trop étroite pour être lisible confortablement.
  • Associez la couleur des icônes à votre marque – le réglage couleur d’icônes s’applique à toutes les icônes de la section, choisissez donc une couleur qui complète la couleur de la marque de votre site.
  • Utilisez des images carrées si vous téléchargez des icônes personnalisées – les images non carrées peuvent apparaître déformées. Les dimensions recommandées sont 30×30px ou 50×50px.

FAQ

Comment puis-je mettre à jour l’icône d’un élément de colonne en utilisant Font Awesome ?

Naviguez vers {{variable. Paramètres}} () > {{variable. Site de la base de connaissances}} > Personnalisation du site et cliquez sur Personnaliser le site. Dans le menu déroulant de gauche, sélectionnez la page d’accueil . Cliquez sur l’élément souhaité dans la section carte Multicolumn. Cliquez sur Modifier dans les paramètres des icônes. Développez l’accordéon Police Awesome et entrez le nom de classe de l’icône désirée.

Par exemple, pour le code <i class="fa-solid fa-files"></i>icône , le nom de classe à entrer est fa-solid fa-files.