Personnaliser le site

Vous pouvez modifier le thème du site de la base de connaissances en procédant comme suit :

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Dans la section Thème du site , vous pouvez choisir parmi trois options :

   • À la fois la lumière et l’obscurité

   • Lumière uniquement

   • Obscurité uniquement

Favicon (abréviation de l’icône préférée) est une petite icône, généralement de 16 x 16 pixels, utilisée par les navigateurs Web pour identifier votre site Web. Le favicon apparaît dans l’onglet du navigateur du site Web, dans la liste des signets et dans la liste de l’historique de navigation.

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Dans la section Branding , passez la souris sur le favicon par défaut et cliquez sur Click to change sur Favigon.

3. Maintenant, vous pouvez ajouter un Favicon dans l’une des deux options disponibles :

   • Using a URL: Collez l’URL de l’image à partir de n’importe quelle source externe et cliquez sur Insert.

   • Upload an image: Choisissez votre fichier dans le Drive ou Téléchargez une image depuis le stockage local de votre ordinateur et cliquez Insert.

4. Cliquez Save.

CONSEIL DE PRO

• Utilisez toujours une image aux dimensions minimalistes et carrées (en pixels).

• Il est recommandé de s’assurer que votre favicon est de 48 x 48 pixels pour un rendu optimal sur toutes les plateformes.

Ce problème pouvait se produire lorsque le favicon ajouté ne répondait pas aux critères spécifiés, notamment la taille et le format. Apportez les modifications nécessaires au favicon ou essayez de le télécharger à nouveau sur votre site de base de connaissances.

Remplacez le logo par défaut affiché en haut à gauche de la base de connaissances en téléchargeant le logo de votre choix.

1. Accédez à Settings () > Knowledge base site> Customize site dans le portail de la base de connaissances.

2. Dans la section Marque , passez la souris sur le logo par défaut et cliquez sur Click to change.

3. Maintenant, vous pouvez ajouter un Favicon dans l’une des deux options disponibles :

   • Using a URL: Collez l’URL de l’image à partir de n’importe quelle source externe et cliquez sur Insert.

   • Upload an image: Choisissez votre fichier dans le Drive ou Téléchargez une image depuis le stockage local de votre ordinateur et cliquez Insert.

4. Une fois cela fait, cliquez sur Save.

Vous pouvez ajouter un texte en tant que logo en remplaçant le logo par défaut affiché en haut à gauche de la base de connaissances.

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Dans la section Image de marque , cliquez sur Vous n’avez pas de logo ? Utilisez le nom à la place.

3. Entrez le texte souhaité dans le champ de saisie.

   Par exemple, vous pouvez ajouter un nom d’entreprise ou un slogan au lieu d’une image de logo.

4. Cliquez Save.

NOTE

Vous pouvez ajouter jusqu’à 30 caractères pour le texte du logo.
La taille maximale d’un logo est de :
Hauteur - 40 px
Largeur - 270 px
Lorsque vous téléchargez un logo de plus grande taille, la taille du logo est réduite et ne dépasse pas la taille maximale.

Par exemple, le téléchargement d’un logo d’une taille de 500 x 1000 px (hauteur x largeur) sera réduit à 40 x 80 px.

Ajoutez une URL de clic à votre logo avec l’URL du logo. Un utilisateur clique sur le logo et est redirigé vers le lien fourni.

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Ajoutez l’URL souhaitée dans le champ URL du logo.

3. Cliquez Save.

NOTE

• Si vous n’ajoutez pas d’URL de logo et qu’un utilisateur clique sur le logo, celui-ci est redirigé vers la page d’accueil de la base de connaissances.

• L’URL du logo personnalisé est un champ facultatif.

Si vous utilisez un projet de site KB 2.0, vous pouvez ajouter du code personnalisé pour définir des logos différents pour les thèmes clairs et sombres.

1. Accédez à Paramètres () > site de la base de connaissances > Personnaliser le site > CSS et JavaScript personnalisés dans le portail de la base de connaissances.

2. Dans le volet de navigation de gauche, cliquez sur l’onglet CSS et collez l’extrait de code CSS suivant :

.brand-logo img {
    content: url('Paste the Light mode logo URL here');
}

/* Override logo image when the theme is set to "dark" */
html[data-bs-theme="dark"] .brand-logo img {
    content: url('Paste the Dark mode logo URL here');
}

Pour choisir la couleur de marque souhaitée pour votre site de base de connaissances, suivez les étapes ci-dessous :

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Sous Couleurs, vous pouvez choisir la couleur pour Couleur de la marque . Celle-ci sera utilisée comme couleur primaire pour les CTA, les états de sélection, etc.

NOTE

Si vous avez choisi l’option Régler automatiquement le contraste des couleurs pour répondre aux normes WCAG, les couleurs claires et sombres des thèmes seront définies automatiquement. Sinon, vous devez définir manuellement les couleurs de chaque thème.

3. Une fois cela fait, cliquez sur Save.

Pour modifier les polices de votre base de connaissances, procédez comme suit :

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Dans la section Polices , il y aura deux sections : Analyse de la police de l’article et Police du site.

• Correspondance des polices de l’article : Cette police sera appliquée à tous les titres et contenus de vos articles.

NOTE

Cliquez sur Vous avez une combinaison de polices spécifique à l’esprit ?, pour sélectionner d’autres options de police. En cliquant dessus, vous pouvez choisir la police des titres et du contenu.

• Police du site : sélectionnez la police dans la liste déroulante. Cela sera appliqué à l’ensemble du site de la base de connaissances. Il comprend le volet de navigation de gauche (catégories, sous-catégories, titres d’articles) et les navigations (en-tête, pied de page, navigations secondaires, contrôles).

3. Sélectionnez la police souhaitée et cliquez sur Save.

NOTE

Document360 fournit une liste des polices courantes utilisées dans la documentation. Cependant, vous pouvez configurer la police de votre choix dans la base de connaissances. Pour plus d’informations, consultez l’article sur How to configure a custom font in the knowledge base?

Actuellement, il n’existe pas d’option directe pour modifier le style de paragraphe par défaut. Cependant, vous pouvez modifier la police par défaut de l’article dans l’éditeur Document360.

Pour définir la police par défaut de vos articles :

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Dans la section Polices , choisissez la paire de polices souhaitée dans la tuile d’appariement des polices de l’article . Cette police apparaîtra dans les articles de la base de connaissances.

   Par exemple, si vous rédigez du contenu dans Verdana le portail de la base de connaissances mais que vous le sélectionnez Ubuntu + Open Sans dans l’appariement des polices de l’article, dans le site de la base de connaissances, le titre de l’article apparaîtra dans Ubuntu, et le contenu de l’article sera dans Open Sans.

NOTE

Vous pouvez également sélectionner votre police personnalisée pour vos articles. Pour plus d’informations, consultez l’article sur How to configure a custom font in the knowledge base?

Pour modifier le style de paragraphe d’articles individuels :

1. Ouvrez l’article de votre choix dans l’éditeur WYSIWYG avancé et sélectionnez le texte.

2. Cliquez sur Format, puis choisissez un style de police dans la section Typographie .

Pour modifier les styles de boutons de votre site de base de connaissances, procédez comme suit :

1. Accédez à Settings () > Knowledge base site> Customize site dans le portail de la base de connaissances.

2. Dans la section Style , vous pouvez sélectionner le style du bouton parmi les options telles que arrondi, net et bulle.

Pour modifier la mise en page du site dans Personnaliser le site, procédez comme suit :

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Sous Mise en page, vous pouvez trouver la largeur totale et le centre.

• Pleine largeur : la pleine largeur étendra votre contenu jusqu’aux bords d’un plan de navigateur.

• Centre : la mise en page centrale adaptera votre contenu davantage au centre d’un plan de navigateur.

3. Cliquez Save.

Pour définir la police par défaut de vos articles :

1. Accédez à Settings () > Knowledge base site > Customize site dans le portail de la base de connaissances.

2. Dans la section Polices , choisissez la paire de polices souhaitée dans la tuile d’appariement des polices de l’article . Cette police apparaîtra dans les articles de la base de connaissances.

   Par exemple, si vous rédigez du contenu dans Verdana le portail de la base de connaissances mais que vous le sélectionnez Ubuntu + Open Sans dans l’appariement des polices de l’article, dans le site de la base de connaissances, le titre de l’article apparaîtra dans Ubuntu, et le contenu de l’article sera dans Open Sans.

NOTE

Vous pouvez également sélectionner votre police personnalisée pour vos articles. Pour plus d’informations, consultez l’article sur How to configure a custom font in the knowledge base?