La section Héros est la bannière pleine largeur affichée en haut de la page d’accueil de votre base de connaissances. C’est la première chose que les lecteurs voient lorsqu’ils visitent votre site – avant de lire un seul article ou cliquer sur un seul lien. Une section Hero bien configurée communique immédiatement ce qu’est la base de connaissances, affiche la barre de recherche pour un accès rapide et offre aux lecteurs un point de départ clair grâce à des boutons d’appel à l’action.
Vous pouvez personnaliser l’arrière-plan de la section Héros, le texte de l’en-tête, le texte promotionnel, les boutons et la barre de recherche pour refléter votre marque et guider les lecteurs dès leur arrivée sur votre site.
La section Héros est toujours présente en haut de la page d’accueil et ne peut pas être supprimée ni réordonnée.
Quand utiliser les éléments de la section Héros
La section Héros contient quatre éléments configurables. Tous n’ont pas besoin d’être actifs, utilisez uniquement ce qui sert vos lecteurs :
- Texte de bienvenue - Utilisez ceci pour un titre court et bien en vue qui explique aux lecteurs de quoi parle la base de connaissances. Convient bien aux noms de produits, aux slogans ou aux titres du type « Bienvenue dans [Produits ] Docs ».
- Texte promotionnel - Utilisez-le pour un court message de soutien sous l’intitulé - une brève description, une proposition clé-valeur ou une invite comme « Trouvez des réponses, des guides et des tutoriels ».
- Boutons - Utilisez-les pour les liens de navigation directe. Les usages courants incluent le lien vers Getting Started, la documentation API ou une catégorie spécifique. Vous pouvez ajouter jusqu’à trois boutons.
- Recherche - Utilisez cela pour faire apparaître directement la barre de recherche de la base de connaissances dans le héros. Recommandé pour la plupart des bases de connaissances - cela donne aux lecteurs un accès immédiat à la recherche sans avoir à faire défiler.
Comment accéder à la section Héros
- Naviguez dans () dans la barre de navigation de gauche du portail de la base de connaissances.
- Dans le panneau de navigation de gauche, allez vers Knowledge base site > personnalisation du site.
- Cliquez sur le bouton Personnaliser le site .
-
Dans le menu déroulant de gauche, sélectionnez Home.
La section Corps liste tous les blocs du corps, avec la section Héros en haut. -
Cliquez sur la section Héros pour commencer la personnalisation.
Comment personnaliser l’arrière-plan de la section Héros
Dans la liste déroulante du type d’arrière-plan , choisissez l’une des options suivantes :
| Type de contexte | Description |
|---|---|
| Aucun | Aucun contexte. La couleur d’arrière-plan par défaut est blanche |
| Insérer l’image | Téléchargez une image depuis votre Drive ou entrez une URL d’image |
| Couleur | Choisissez parmi les couleurs prédéfinies disponibles ou utilisez la palette de couleurs personnalisée |
| Gradient | Sélectionnez un dégradé parmi les options disponibles |
| Motif | Choisissez un modèle parmi les options disponibles |
Dans le champ Alignement , choisissez Gauche, Centre ou Droite pour aligner le contenu du texte dans la section Héros.
Comment configurer les éléments de section Hero
Dépliez la section Héros dans le panneau de gauche pour configurer chaque élément :
| Élément | Ce que vous pouvez configurer |
|---|---|
| Texte de bienvenue | Entrez un titre dans le champ de texte Titre . Choisissez une couleur de texte. Cliquez pour supprimer l’élément |
| Texte promotionnel | Entrez le contenu de soutien dans le champ texte Paragraphe . Choisissez une couleur de texte. Cliquez pour supprimer l’élément |
| Boutons | Définissez les couleurs du texte et des boutons. Saisissez le texte et l’URL pour chaque bouton. Cliquez sur le bouton Ajouter pour ajouter jusqu’à trois boutons. À utiliser pour supprimer ou masquer des boutons individuels |
| Recherche | Choisissez le style de la barre de recherche : Boîte d’entrée ou Bouton. Choisissez éventuellement Couleur d’arrière-plan personnalisée – cela préremplit la couleur primaire pour les thèmes clair et sombre. Afficher le raccourci clavier est activé par défaut, affichant Ctrl + K dans la barre de recherche. Cliquez pour supprimer l’élément de recherche |
Pour masquer un élément sans le supprimer, survolez le panneau de gauche et cliquez sur l’icône Masquer ().
Vue du site de la base de connaissances
Voici comment une section Hero personnalisée apparaît sur le site de la base de connaissances, avec le texte d’en-tête, le texte promo, les boutons et la recherche affichés ensemble.
Meilleures pratiques
- Gardez le texte de bienvenue court – une phrase convient le mieux. Les titres longs s’enroulent maladroitement dans la zone héroïque et perdent leur impact visuel.
- Utilisez du texte promo pour définir des attentes – une seule phrase décrivant ce que couvre la base de connaissances aide les lecteurs à s’orienter rapidement.
- Limitez les boutons à deux ou trois – trop d’options dans le héros crée une paralysie décisionnelle. Lien uniquement vers les destinations les plus importantes.
- Incluez toujours l’élément Recherche – la barre de recherche héroïque est le chemin le plus rapide vers les réponses pour la plupart des lecteurs. Ne le supprimez que si la recherche est placée ailleurs sur la page.
- Testez votre choix d’arrière-plan en mode clair et sombre – les images et couleurs qui sont bonnes en mode clair peuvent avoir un faible contraste ou une faible lisibilité en mode sombre.
- Utilisez l’alignement gauche pour les héros très textuels – le texte centré fonctionne bien pour les titres courts mais devient plus difficile à lire sur les longues distances.
FAQ
Comment puis-je modifier le texte du bouton Documentation sur la page d’accueil ?
Naviguez vers {{variable. Settings}} () > {{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 Home. Développez la section Héros et sélectionnez Boutons. Mettez à jour le texte du bouton Documentation, cliquez sur Enregistrer, puis sur Publier.