circle-info
New: AI Insights are here.
See what your users are asking.arrow-up-right
search
Ctrlk
PricingLog inSign up

Cartes

Affichez les informations de manière plus dynamique avec un ensemble de cartes — avec ou sans images

Vous pouvez utiliser des cartes pour créer une mise en page visuellement agréable, en combinant texte et images dans une grille. Elles sont idéales pour créer des pages d’atterrissage ou afficher tout autre contenu de manière non linéaire.

Vous pouvez ajuster basculer entre des cartes de taille moyenne ou grande et les lier aux ressources pertinentes.

hashtag
Exemple d’une carte

Cover

Page d’accueil GitBook

Visitez notre site Web et découvrez-en plus sur GitBook.

Cover

Documentation développeur

Créez votre propre intégration GitBook !

Cover

Inscrivez-vous à GitBook

Cliquez ici pour commencer gratuitement.

hashtag
Ajout de liens

Survolez une carte et ouvrez son menu Options The Options menu icon in GitBook. Vous pouvez ici ajouter un lien cible, afin que les utilisateurs puissent accéder directement à un emplacement lorsqu’ils cliquent sur la carte.

circle-check

Lors de la création de cartes, nous vous recommandons d’utiliser des liens cibles plutôt que des hyperliens. Avec un lien cible, vos lecteurs peuvent cliquer n’importe où sur la carte pour accéder à l’URL liée.

hashtag
Ajout d’images

Survolez une carte et ouvrez son menu Options The Options menu icon in GitBook. Vous pouvez ici ajouter une image de couverture à votre carte. Vous pouvez aussi simplement cliquer sur l’option Ajouter une image de couverture de la carte elle-même.

Cela ouvrira la fenêtre modale Sélectionner un fichier . Vous pouvez y glisser-déposer une nouvelle image, ou utiliser un fichier image que vous avez déjà téléversé dans votre espace.

hashtag
Ajout d’images pour le mode sombre

Vous pouvez également ajouter des images de couverture qui n’apparaîtront qu’en mode sombre.

Pour ce faire, ouvrez le menu Options et choisissez Couverture > Modifier la couverture > Ajouter une couverture pour le mode sombre. Cela ouvrira la fenêtre modale Sélectionner un fichier , où vous pouvez glisser-déposer une nouvelle image ou sélectionner une image téléversée précédemment.

hashtag
Choisir la bonne taille d’image

GitBook recadrera automatiquement les images en paysage au format 16:9 sur ordinateur et mobile. Si les images que vous téléversez sont au format portrait ou 1:1, elles seront recadrées en 16:9 sur ordinateur et s’afficheront en carré ou en portrait sur mobile.

A GitBook screenshot showing card images on desktop
Sur ordinateur, toutes les images des cartes s’afficheront au format paysage 16:9, quelles que soient leurs dimensions. Nous recommandons d’utiliser les mêmes dimensions pour plus de cohérence.
A GitBook screenshot showing card images on mobile
Sur mobile, les images carrées ou portrait s’afficheront comme à gauche. Les images en paysage s’afficheront comme à droite.

Pour conserver une cohérence entre l’ordinateur et le mobile, nous recommandons de téléverser toutes les images de vos cartes au format 16:9 (par ex. 1920 px x 1080 px).

Si vous souhaitez que vos cartes adaptent leur mise en page en fonction de la taille de l’écran, nous vous recommandons de téléverser des images au format 1:1, avec le contenu de l’image centré.

hashtag
Changer la taille des cartes

Vous pouvez sélectionner la taille de la carte en ouvrant le menu Options The Options menu icon in GitBook à gauche de votre bloc de cartes. L’ Moyen option crée trois cartes sur une ligne horizontale, tandis que l’ Grand option affiche deux cartes plus grandes sur chaque ligne.

hashtag
Représentation en Markdown

Mis à jour

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