Personnaliser un thème de base de connaissances

Personnalisez l’apparence et le contenu de votre base de connaissances pour qu’ils correspondent à votre marque et harmonisez l’expérience de navigation pour vos visiteurs. Utilisez l’éditeur de thème pour mettre à jour les couleurs, la typographie, la mise en page de la page d’accueil et des articles, ainsi que les styles d’en-tête et de pied de page. Utilisez l’éditeur de contenu global pour mettre à jour le contenu des en-têtes et des pieds de page, y compris le logo, les menus, les options de support et les liens vers les réseaux sociaux. 

Avant de commencer

Avant de personnaliser le thème de votre base de connaissances, passez en revue ces critères et les considérations.

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.
• La personnalisation de la base de connaissances n’est pas prise en charge dans le gestionnaire de conception ou avec les thèmes personnalisés. Pour une personnalisation plus poussée, vous pouvez ajouter des blocs de code aux paramètres de votre base de connaissances, notamment dans l’en-tête et le pied de page du site.

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

Utilisez l’éditeur de thème de la base de connaissances pour créer un style visuel et une mise en page cohérents pour votre base de connaissances. Mettre à jour les couleurs et la typographie, choisir la mise en page de la page d’accueil et des pages d’articles, et configurer les styles d’en-tête et de pied de page.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Service client > Base de connaissances. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à Service client > Base de connaissances.
2. Dans l’angle supérieur droit, cliquez sur le menu déroulant Configurer et sélectionnez Thème.

Personnaliser les 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. Dans l’éditeur de thème, cliquez sur la section Couleurs dans la barre latérale de gauche.
2. Pour chaque type de couleur (par exemple, Primaire), cliquez sur le sélecteur de couleur et sélectionnez une couleur pour les champs Primaire, Secondaire, Accent et Corps . Par défaut, les couleurs de votre marque s’afficheront.

Personnaliser la typographie

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

1. Dans l’éditeur de thème, cliquez sur Typographie dans la barre latérale de gauche.
2. Dans les champs 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. Des options supplémentaires de style de police peuvent être disponibles (par exemple, l’épaisseur de police) en fonction de la police sélectionnée. 
3. Pour modifier les polices de l’en-tête, du corps ou du lien, cliquez sur les sections En-tête (H1-H6), Corps ou Lien . Cliquez ensuite 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.

Personnaliser la mise en page

Sélectionnez les mises en page de la page d’accueil et des pages d’articles de votre base de connaissances. Les options de mise en page et les paramètres de style disponibles varient selon le type de page.

Personnaliser la mise en page de la page d’accueil

1. Dans l’éditeur de thème, cliquez sur le menu déroulant Afficher le dans l’angle supérieur gauche et sélectionnez Base de connaissances page d’accueil.
2. Dans le menu latéral de gauche, cliquez sur la section Page d’accueil et sélectionnez une option de mise en page, comme Mosaïques ou Minimal.

Personnaliser la mise en page de l’article

1. Dans l’éditeur de thème, cliquez sur le menu déroulant Afficher sur dans l’angle supérieur gauche et sélectionnez Article de la base de connaissances.
2. Dans le menu latéral de gauche, cliquez sur la section Article et sélectionnez une option de mise en page, comme Barre latérale gauche ou Barre latérale droite

Personnaliser les styles d’en-tête et de pied de page

Personnalisez les styles de l’en-tête et du pied de page de votre thème de base de connaissances, y compris leur largeur, leurs couleurs, leurs polices, leurs menus et d’autres éléments. Les options disponibles varient selon les sections.

Personnaliser les styles d’en-tête

• 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 la police de base, la police au survol, la couleur d’arrière-plan, l’espacement et les styles de menu déroulant.
• Bouton : sélectionnez la police, la transformation de texte, la couleur d’arrière-plan, le style de bordure, le rayon d’angle et la police au survol.
• Barre de recherche : sélectionnez le type d’arrière-plan, comme la couleur ou l’image, puis configurez l’espacement, le texte d’étiquette et les styles de texte d’entrée.

Personnaliser les styles de pied de page

• Largeur du pied de page : sélectionnez Pleine page ou Largeur du contenu.
• Arrière-plan : cliquez sur le sélecteur de couleur et sélectionnez une couleur.
• Menu : sélectionnez la police de base et la police au survol. Pour modifier la couleur de la police, cliquez sur le sélecteur de couleur et sélectionnez une couleur de police.
• Texte : sélectionnez une police.
• Icônes de réseaux sociaux : sélectionnez la taille de l’icône, sa forme, sa couleur, sa couleur d’arrière-plan et son alignement.

Prévisualiser et publier les modifications de thème

Prévisualisez votre thème sur différents modèles, langues et appareils avant de publier vos modifications.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Service client > Base de connaissances. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à 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 l’éditeur de thème, cliquez sur Aperçu dans l’angle supérieur gauche.
4. Pour afficher un modèle avec un exemple de contenu, cliquez sur le menu déroulant Afficher le dans l’angle supérieur gauche et sélectionnez un modèle. 

4. Pour afficher un modèle dans différentes langues, cliquez sur le menu déroulant Langue 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 dans l’angle supérieur droit.

6. Lorsque vous avez terminé, cliquez sur Précédent dans l’angle supérieur gauche.

7. Pour appliquer vos modifications, cliquez sur Publier le thème dans l’angle supérieur droit.

Modifier le contenu global des en-têtes et des pieds de page

Utilisez l’éditeur de contenu global pour personnaliser le contenu affiché dans l’en-tête et le pied de page de votre base de connaissances.

Modifier le contenu de l’en-tête

Personnalisez le contenu des titres affichés sur les pages de votre base de connaissances, y compris le logo, le menu de navigation, les options de support, le bouton et le sélecteur de langue.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Service client > Base de connaissances. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à 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 Contenu 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 l’option 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 page

Personnalisez le contenu du pied de page affiché sur vos pages de base de connaissances, y compris le logo, le menu, l’adresse, les liens vers les réseaux sociaux et le texte de copyright.

1. Dans votre compte HubSpot, cliquez sur Plus, puis accédez à Service client > Base de connaissances. Si l'option Plus n'apparaît pas dans votre compte, accédez directement à 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 Contenu dans la barre latérale de gauche.
4. Dans la barre latérale de gauche, cliquez sur un module pour modifier le contenu :
   • 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 l’option 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.
5. Lorsque vous avez terminé, cliquez sur Publier sur [#] ressources dans l’angle supérieur droit.