Personnaliser un thème de base de connaissances

Personnalisez l’apparence de votre base de connaissances en choisissant votre mise en page, en modifiant les styles de votre thème et en modifiant le contenu de l’en-tête ou du pied de page dans l’éditeur de thème. Vous pouvez également prévisualiser l’affichage de votre thème de base de connaissances sur les modèles, dans différentes langues et dans différentes tailles d’écran.

Compréhension des limites et des considérations

• Ces outils ne sont disponibles que pour les bases de connaissances migrées. Découvrez-en davantage sur la migration de votre base de connaissances .
• Pour les bases de connaissances qui n'ont pas encore été migrées, découvrez comment créer et personnaliser une base de connaissances héritée.
• Vous ne pouvez pas personnaliser votre base de connaissances dans le gestionnaire de conception ni utiliser de thèmes personnalisés.

Personnaliser les styles de thème de la base de connaissances

Dans l’éditeur de thème de la base de connaissances, vous disposez d’options pour configurer les couleurs, la typographie, la mise en page, les styles d’en-tête et de pied de page.

Couleurs

Les paramètres de couleur d’un thème de base de connaissances appliquent une couleur primaire, secondaire, d’accentuation et de corps à tous les éléments inclus dans le modèle du thème. Ces styles sont appliqués à tous les éléments de votre base de connaissances. 

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez pour développer la section Couleurs et sélectionnez une couleur pour les champs Primaire, Secondaire, Accent et Corps . Par défaut, les couleurs denotre marque s’afficheront.
4. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Typographie

Choisissez une police principale et secondaire à appliquer aux en-têtes, au corps et aux liens d’une base de connaissances. 

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Dans le menu latéral de gauche, cliquez sur Typographie.
4. Dans les sections Primaire et Secondaire , cliquez sur le menu déroulant Police et sélectionnez une police. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police. Les options supplémentaires de style de police (par exemple, épaisseur de police, taille ou cas de transformation) dépendent de la police sélectionnée. 
5. Pour modifier les polices de l’en-tête, du corps ou du lien, cliquez pour développer les sections En-tête (H1-H6), Corps ou Liens , cliquez sur le menu déroulant Police et sélectionnez une police. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
6. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Disposition

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Cliquez pour développer la section Mise en page et sélectionnez une option (par exemple, Mosaïques ou Minimal). Différentes options de mise en page prendront en charge différentes options de style.
4. Lorsque vous avez terminé, cliquez sur Publier le thème dans l'angle supérieur droit.

En-tête

Vous pouvez modifier les styles d'en-tête de votre thème de base de connaissances, y compris la largeur de l'en-tête, la barre supérieure, le sélecteur de langue, le menu, le bouton et la barre de recherche. Vous pouvez également modifier les couleurs, les polices et les styles de survol dans ces éléments.

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Dans le menu latéral de gauche, cliquez sur En-tête et sélectionnez l’un des éléments suivants :
   
   • Largeur de l’en-tête : sélectionnez Pleine page ou Largeur du contenu.
   • Barre supérieure : sélectionnez la couleur d’arrière-plan, la police de base et la police au survol.
   • Sélecteur de langue : cliquez sur le sélecteur de couleur et sélectionnez une couleur.
   • Menu : sélectionnez Police de base, Police de survol,Couleur d’arrière-plan et Styles Menu déroulant . 
   • Bouton : sélectionnez les styles de police Police, Transformation de texte, Couleur d’arrière-plan, Style de bordure, Rayon d’angle et Placer le curseur .
   • Barre de recherche : sélectionnez les styles Couleur d’arrière-plan, Texte d’étiquette et Texte d’entrée.
4. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Pied de page

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3. Dans le menu latéral de gauche, cliquez sur Pied de page et choisissez parmi les options suivantes :
   1. Largeur du pied de page : sélectionnez Pleine page ou Largeur du contenu. 
   2. Arrière-plan : cliquez sur le sélecteur de couleur et sélectionnez une couleur.
   3. Menu : sélectionnez la police de base et la police Hover. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
   4. Texte : sélectionnez une police. 
   5. Icônes de réseaux sociaux : sélectionnez une taille d’icône, une forme d’icône, une couleur d’icône, une couleur d’arrière-plan et un alignement.
4. Lorsque vous avez terminé, cliquez sur Publier le thème dans l’angle supérieur droit.

Modifier le contenu des titres de la base de connaissances

Personnalisez le contenu de vos en-têtes de base de connaissances afin qu’il affiche votre marque ou des liens de navigation. Les mises à jour publiées apparaissent automatiquement sur toutes les pages de la base de connaissances.

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez En-tête.
3. Dans l’éditeur de contenu global, cliquez sur l’icône siteTree Contacts dans la barre latérale de gauche. 
4. Dans le menu latéral de gauche, cliquez sur le module En-tête du site web et sélectionnez l’un des éléments suivants :
   • Logo : activez le bouton Remplacer le logo par défaut ou cliquez sur Modifier le logo par défaut dans ce domaine. Pour afficher le nom de votre entreprise, activez l’option Afficher le nom de l’entreprise lorsque le logo n’est pas défini .
   • Options de support supplémentaires : activez Afficher le lien du portail client, Afficher l’inscription pour les contenus restreints ou Activer le formulaire de support .
   • Menu : sélectionnez un menu et Max niveaux.
   • Bouton : sélectionnez la case à cocher Ajouter un bouton, Lien vers et Type de lien.
   • Sélecteur de langue : sélectionnez la case à cocher Ajouter un sélecteur de langue et le mode Affichage.
5. Lorsque vous avez terminé, cliquez sur Publier sur [#] ressources dans l'angle supérieur droit.

Modifier le contenu du pied de base de connaissances

Personnalisez le contenu de votre pied de page de base de connaissances afin qu’il affiche votre marque ou vos liens de navigation. Les mises à jour publiées apparaissent automatiquement sur toutes les pages de la base de connaissances.

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Pied de page.
3. Dans l’éditeur de contenu global, cliquez sur l’icône siteTree C et sélectionnez l’une des options suivantes :
   • Menu de pied de page : cliquez sur le menu déroulant Menu et sélectionnez un menu. Pour afficher le menu de pied de page sur toutes les pages de base de connaissances, sélectionnez la case à cocher Afficher le menu .
   • Logo : activez le bouton Remplacer le logo par défaut ou cliquez sur Modifier le logo par défaut dans ce domaine. 
   • Adresse du pied de page : cliquez sur Modifier dans la vue développée et saisissez l’adresse du pied de page.
   • Suivi sur les réseaux sociaux : passez le curseur de la souris sur le lien d’un réseau social et cliquez sur l’icône editIcon Modifier. Cliquez sur le menu déroulant Lien vers et sélectionnez une option.
   • Droits d’auteur du pied de page : cliquez sur Modifier en vue développée et saisissez le droit d’auteur du pied de page.
4. Lorsque vous avez terminé, cliquez sur Publier sur [#] ressources dans l'angle supérieur droit.

Prévisualiser un thème de base de connaissances

Une fois votre base de connaissances créée, vous pouvez voir à quoi ressemble votre thème dans l'éditeur de thème. Vous pouvez voir à quoi ressemble le thème dans différents modèles, langues et tailles d'écran. 

1. Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
2. Dans l'angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.
3.  Pour afficher un modèle avec un exemple de contenu, cliquez sur le menu déroulant Afficher sur dans l'angle supérieur gauche et sélectionnez un modèle. Les modifications apportées au thème seront appliquées à tous les modèles de base de connaissances.

4. Pour afficher un modèle dans différentes langues, cliquez sur le deuxième menu déroulant dans l'angle supérieur gauche et sélectionnez une langue.

5. Pour voir comment un modèle s'affichera sur différents appareils, cliquez sur les icônes d'appareil en haut de l'éditeur ou saisissez une largeur d'écran en pixels.