ÉDITEUR
Blocs d'édition
Grille de Lien
12 min
le link grid est un élément qui combine l'attrait visuel d'une carte avec la fonctionnalité d'un élément cliquable c'est parfait pour mettre en avant des informations importantes ou présenter des ressources connexes quand l'utiliser mettez en avant les informations clés créez des cartes accrocheuses pour des annonces ou des mises à jour importantes présentez du contenu connexe liez à des ressources supplémentaires, des articles ou des produits créez un annuaire visuellement attrayant organisez les informations en cartes cliquables pour une navigation facile améliorez l'expérience utilisateur fournissez un moyen clair et interactif de guider les utilisateurs à travers votre contenu comment créer une grille de liens tapez / pour ouvrir le menu archbee block recherchez grille de liens et cliquez pour insérer choisissez comment vous souhaitez le créer manuel vs remplissage automatique de la grille de liens alors que vous continuez à rédiger du contenu manuellement dans link grid, les prochaines étapes sont choisissez un type d'en tête vous avez trois options aucun docid\ uwfaopgzwyh016hudyuxf docid\ uwfaopgzwyh016hudyuxf aucun en tête couleur en tête image en tête ajoutez votre contenu vous pouvez styliser le contenu comme vous le souhaitez en utilisant le ou même insérer d'autres blocs, comme docid\ qffoktecksoffq5y58dhx docid\ dubgbldcueqfknwvipav4 docid\ npgzwpxgtgiiartvvtbxk docid 5yxn1svuwrtkf2pxhpqzu docid\ tdclaqlubcrvdr0t7mvm6 docid\ nricya8 w 92odumft8bb docid\ vdjqnto7nf2y 8owozepi docid\ lmei0z pfjdy4v5kf2 la solid color header vous pouvez utiliser une couleur comme en tête pour rendre votre carte plus visible vous pouvez même utiliser des couleurs de code pour correspondre à vos fonctionnalités cliquez sur le type d'en tête bouton déroulant et sélectionnez couleur cliquez sur le changer la couleur et sélectionnez votre couleur préférée tous les changements effectués seront enregistrés automatiquement image header vous pouvez utiliser une image comme en tête pour décrire le contenu à l'intérieur de la carte et la rendre plus esthétiquement agréable cliquez sur le type d'en tête bouton déroulant et sélectionnez image cliquez sur le ajouter une image bouton choisissez votre image tous les changements effectués seront enregistrés automatiquement layout options articles par ligne contrôler combien d'articles apparaissent sur chaque ligne 3 éléments par ligne 2 éléments par ligne 1 élément par ligne gagnez du temps et maintenez la structure de votre documentation synchronisée en remplissant automatiquement un grille de liens avec des documents enfants basés sur un parent sélectionné chaque élément est rendu comme un lien cliquable ou une carte qui navigue vers le document correspondant choose a source choisir une source est la première étape et détermine quels documents apparaîtront dans la grille de liens sélectionnez d'où la grille de liens doit extraire les documents tout document parent dans l'espace – choisissez un document ou une catégorie spécifique comme source document parent actuel – utilisez le parent de la page que vous éditez la grille de liens inclura tous les documents directement sous le parent sélectionné les brouillons, les documents cachés, les documents soumis à des restrictions d'autorisation et les niveaux imbriqués plus profonds ne seront pas inclus example ci dessous un exemple de notre documentation montrant l'auto remplissage de la grille de liens utilisé dans docid\ qfw4cfbc3bnwyt8utmq6p layout options ces options vous permettent de contrôler la structure, l'ordre et l'apparence visuelle de votre grille de liens après avoir sélectionné une source, personnalisez l'affichage de la grille de liens articles par ligne contrôler combien d'articles apparaissent sur chaque ligne 3 articles par ligne 2 éléments par ligne 1 élément par ligne options de tri choisissez comment les éléments sont ordonnés par défaut – correspond à l'ordre dans l'arbre du portail manuel – faites glisser et déposez des éléments pour définir un ordre personnalisé alphabétique – trier de a à z ou de z à a date de création – le plus récent en premier ou le plus ancien en premier style d'affichage choisissez comment les éléments apparaissent dans votre documentation lien – une liste compacte, idéale pour un grand nombre de documents carte – une mise en page visuelle avec image, titre et description link view of link grid itemscard view of link grid items card details pour carte d'affichage, l'image, le titre et la description sont automatiquement extraits du document docid\ tlqyh8zaf1a pt 4b6ukg vous pouvez modifier ces valeurs directement dans les paramètres de chaque document sous contrôles meta seo consultez la documentation des contrôles meta seo pour apprendre comment mettre à jour les images, les titres et les descriptions guide d'image pour garantir que votre contenu s'affiche correctement, nous vous recommandons de créer une image avec une hauteur de 480px et une largeur de 1324px en suivant le docid\ uwfaopgzwyh016hudyuxf ci dessous, vous pouvez vous assurer que votre contenu n'est pas coupé guide de zone visible l'image principale a des dimensions de 480px de hauteur et 1324px de largeur dans le cas d'avoir 3 grilles de liens par ligne, la zone visible sera de 480px de hauteur et 860px de largeur cette zone visible sera centrée dans les dimensions principales veuillez vous référer à l'image ci dessous pour une représentation visuelle lorsque il y a 2 grilles de liens par ligne, la zone visible sera déterminée par les dimensions principales pour fournir une meilleure compréhension, veuillez vous référer à l'image ci dessous 2 grilles de liens par ligne lorsque il n'y a que 1 grille de lien par ligne, la zone visible sera centrée dans les dimensions principales plus précisément, elle aura une largeur de 1324px et une hauteur de 234px pour mieux comprendre, veuillez vous référer à l'image ci dessous grille de lien par ligne pour clarifier, le contenu principal ou le logo doit être positionné dans cette zone désignée veuillez trouver ci dessous une démonstration en direct de l'apparence de l'image de couverture et de son comportement markdown voici comment créer un onglet dans votre document en utilisant le code markdown créer la grille de liens commencez par le tableau de liens ligne ajouter une carte de lien chaque contenu de la grille de liens se trouve entre link array item et marqueurs choisissez le typedeen tête vous avez deux options pour votre en tête image cela affiche une image comme arrière plan de votre en tête couleur cela vous permet d'utiliser une couleur unie pour votre en tête ajoutez l'attribut approprié pour image en têtes ajoutez l'url de l'image comme valeur pour le headerimage attribut exemple headerimage="https //placehold co/600x400") pour couleur en têtes définissez la couleur souhaitée en utilisant un code hexadécimal pour le headercolor attribut exemple headercolor="#ff00ff" ajoutez du contenu à l'intérieur de votre carte de lien 🚨 attention ! lors de l'utilisation de la syntaxe triple deux points ( ) pour créer un élément markdown imbriqué, assurez vous que chaque élément parent au dessus a également un deux points supplémentaire ( ) avant son triple deux points d'ouverture \## link array example \ link array \ link array item{headertype="image" headerimage="https //placehold co/600x400"} \ list item 1 \ list item 2 \ \ link array item{headertype="color" headercolor="#ff00ff"} \ \[ ] unchecked list box \ \[x] checked list box \ \ voici le résultat élément de liste 1 élément de liste 2 case à cocher non cochée case à cocher cochée vérifiez le docid 9rx1c40z zqywjtrf0 9n page pour voir plus de raccourcis markdown pour d'autres blocs exemples exemples ? pour une grille de liens ? c'est comme trouver de l'eau dans l'océan vous ne pouvez pas l'éviter nos documents en regorgent ! sur cette page, il y en a 8, plus des images css personnalisé tout au long de notre vaste expérience, nous nous sommes consacrés à aider les clients à personnaliser leur documentation selon leurs préférences uniques de plus, nous avons offert une assistance précieuse qui, selon nous, sera également d'un grand bénéfice pour vous dans la création d'une documentation exceptionnelle pour votre produit docid 8wwzzzh5y9p2gkpgasd0q définir le lien pour qu'il soit collant en bas définissez vos liens à l'intérieur de la grille de liens pour qu'ils soient collants en bas de la carte \<style> ab link block content wrap ab link { position absolute; bottom 0; } \</style> trouvez d'autres blocs découvrez de nouvelles façons et blocs pour créer des pages de documentation époustouflantes et fonctionnelles docid\ y67fwv0aelfno1p2x7nmj besoin d'aide ? ⬇️ utilisez le bleu bulle de chat dans le coin inférieur droit ou essayez ai chat (à partir de la barre de recherche) pour des réponses rapides votre opinion compte utilisez le formulaire de feedback ci dessous, anonymement ou posez une question dans la section q\&a et notre équipe ou l'ia vous donnera une solution
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.