Modifiez les paramètres de votre thème

Un thème est un ensemble de styles et de modèles que vous pouvez appliquer aux pages de votre site et aux blogs dans HubSpot. Pour garantir la cohérence de votre site web, les paramètres de style pour toutes les pages utilisant le même thème sont gérés dans vos paramètres de thème.

Avant de commencer

Les paramètres du thème contrôlent les couleurs principales, les polices et les styles de boutons pour les pages utilisant les modèles de votre thème.

Remarque : les options de style disponibles dans les paramètres de votre thème dépendent des options de champ du thème incluses par le développeur web qui a créé votre thème.

Certains des contenus de votre site web sont gérés dans d'autres parties de vos paramètres de compte :

• Le logo de votre entreprise : mettre à jour le logo de votre entreprise dans votre Paramètres du compte dans l'onglet Branding.
• Menu de navigation : les couleurs de menu sont définies dans les paramètres de thème, mais le contenu et les liens de votre menu de navigation sont gérés dans vos paramètres Navigation. Apprenez comment créer un menu de navigation que vous pouvez ajouter au contenu de l'en-tête ou du pied de page dans l'éditeur de pages.
• Votre domaine de publication : Le nombre de sous-domaines, de domaines de marque et de domaines de premier niveau que vous pouvez connecter dépend de votre abonnement. En savoir plus sur les limites d'abonnement pour les domaines et connecter un domaine à HubSpot. 

Modifier les paramètres de thème

Vous pouvez modifier les paramètres d'un thème à partir de l'éditeur de contenu pour toute page ou tout article utilisant ce thème : 

• Accédez à votre contenu :

  • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
  • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
  • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
• Cliquez sur le nom de votre contenu. 
• Dans l'éditeur de contenu, cliquez sur le menu Edit et sélectionnez Theme. 

Couleurs

Les paramètres de couleur de votre thème appliquent une couleur principale, une couleur secondaire et une couleur d'arrière-plan à tous les éléments inclus dans vos modèles de thème. Ces styles seront appliqués à tous les éléments de votre site web. Pour personnaliser des paramètres plus spécifiques pour les titres, les polices et les liens, cliquez sur Edit à côté de More settings.

Polices

Choisissez une police principale et une police secondaire à appliquer aux titres, formulaires, boutons et corps de texte de votre site web. Toutes les polices Google sont prises en charge. Cliquez sur le cercle coloré pour personnaliser les couleurs de la police principale ou secondaire. Vous pouvez choisir une valeur de couleur simple ou cliquer sur l'onglet Avancé et choisir une valeur hexadécimale spécifique avec le sélecteur de couleurs. 

Espacement 

Vos paramètres de thème pour l'espacement permettent d'ajuster la largeur maximale du contenu de votre page et l'espacement vertical entre différents éléments de votre page.

Plus de paramètres

Dans vos paramètres de thème, vous pouvez profiter de paramètres supplémentaires pour des styles plus spécifiques sur votre page. Les options de style de votre thème sont basées sur les champs du thème inclus dans le modèle codé de votre thème. Si vous ne trouvez pas le paramètre que vous recherchez, contactez votre concepteur de modèle pour connaître les options incluses dans votre modèle.

L'exemple ci-dessous constitue un guide général concernant les types de paramètres supplémentaires pouvant être inclus dans votre thème. Pour une référence complète des champs de thème qui peuvent être inclus dans vos modèles, voir la documentation des concepteurs de .

Veuillez noter : que vous pouvez personnaliser les polices, les couleurs et les styles dans un module de texte enrichi sur votre page, ou en remplaçant les styles par défaut de votre thème dans l'éditeur de page. Modifiez uniquement ces styles si vous souhaitez les appliquer à toutes les pages utilisant ce thème.

Typographie

Dans vos paramètres de typographie, vous pouvez définir les polices applicables à certains éléments de vos modèles. Toutes les polices Google sont prises en charge. Vous pouvez également sélectionner des couleurs personnalisées pour des en-têtes, des polices ou des liens spécifiques dans votre thème.

• En-tête : vous pouvez personnaliser la police, la couleur, la taille et le style précis pour tous les en-têtes inclus dans votre thème.
• Corps de texte : personnalisez la police, la couleur ou la taille du corps de texte de votre page uniquement. 
• Liens : personnalisez la couleur par défaut des liens sur votre site web. Vous pouvez également personnaliser la couleur et le comportement des liens lorsqu'un visiteur passe le curseur de la souris ou clique dessus.

Boutons

Vous pouvez définir des couleurs, des polices et des styles personnalisés pour les boutons de vos pages et de votre blog. Dans l'éditeur de pages pour une page spécifique, vous pouvez également changer la taille ou le type des boutons, en fonction de la création de votre thème par votre développeur de site web.

• Taille : précisez les dimensions des boutons de petite, moyenne et grande taille sur votre page. 
• Principal : un bouton principal est utilisé pour l'action la plus importante d'un visiteur sur votre page. Cette couleur doit se démarquer et attirer votre visiteur.
• Secondaire : un bouton secondaire est utilisé pour les actions relativement moins importantes lorsqu'il existe déjà un bouton principal sur votre page. Les boutons secondaires sont généralement appliqués aux pages associées à des actions moins prioritaires. 
• Simple : Il s'agit des polices et des styles par défaut appliqués aux modules de boutons simples dans votre page.

Formulaires

Personnalisez les couleurs, polices, styles de texte et styles de bouton par défaut pour vos formulaires.

• Titre : ces styles sont appliqués au champ de texte qui apparaît au-dessus de votre formulaire. Cela inclut généralement un message de bienvenue ainsi que des instructions pour le remplissage du formulaire. Ces styles sur votre formulaire ne peuvent être gérés que dans les paramètres de votre thème.
• Libellé : styles appliqués aux libellés qui apparaissent au-dessus d'un champ de formulaire.
• Champs : styles appliqués aux noms des champs de formulaire eux-mêmes.
• Texte d'aide : il s'agit de l'exemple de contenu qui apparaît dans chaque champ de formulaire, indiquant le type d'informations que votre visiteur doit renseigner.
• Soumission : choisissez le style et la taille du bouton à appliquer à vos formulaires.
• Couleur d'arrière-plan : couleur d'arrière-plan appliquée à votre formulaire.
• Bordure : couleur de bordure appliquée autour des champs du formulaire.
• Remplissage : espacement autour du formulaire sur votre page.

Tableaux

Définissez les couleurs, polices, espacements et bordures par défaut pour les tableaux ajoutés à votre page.

• En-tête de tableau : couleurs appliquées aux polices dans l'en-tête de votre tableau et couleur d'arrière-plan par défaut de la première ligne de votre tableau. Vous pouvez également définir une bordure inférieure avec une couleur d'accentuation pour la ligne inférieure de l'en-tête de votre tableau.
• Couleur de police : couleur par défaut pour les polices de votre tableau.
• Couleur d'arrière-plan : couleur d'arrière-plan par défaut pour l'arrière-plan des cellules de votre tableau.
• Bordure : couleur, largeur et style de bordure par défaut de votre tableau.
• Remplissage : espacement au-dessus et en dessous du tableau sur votre page. 

En savoir plus sur comment insérer un tableau dans un module de texte enrichi sur votre page.

En-tête de site web

Ces paramètres permettent d'ajuster les couleurs et les polices qui apparaissent dans l'en-tête de votre page, y compris votre menu de navigation. Découvrez comment configurer votre menu de navigation dans les paramètres de votre compte. Pour insérer le logo de votre entreprise dans vos modèles de thèmes, ajoutez l'image de votre logo aux paramètres par défaut de votre compte dans la section Branding.

• Menu : sélectionnez la couleur et le style de la police de votre menu de navigation lorsque les visiteurs consultent, survolent ou cliquent sur un élément du menu. Ces styles ne peuvent être gérés que dans les paramètres de votre thème.
• Couleur d'arrière-plan : couleur d'arrière-plan pour l'en-tête de votre site web.
• Bordure inférieure : si vous le souhaitez, vous pouvez ajouter une ligne horizontale comme bordure sous l'en-tête de votre site web. Sélectionnez un style pour activer la bordure inférieure, puis sélectionnez une couleur et une largeur pour la bordure.

Pied de page

Ces paramètres permettent d'ajuster les couleurs et les polices qui apparaissent dans le pied de page de votre page, y compris votre menu de navigation. Découvrez comment configurer votre menu de navigation dans les paramètres de votre compte. 

• Menu : sélectionnez la couleur et le style de la police pour le menu de navigation dans le pied de page de votre thème. Vous pouvez personnaliser les couleurs lorsque les visiteurs consultent un élément de menu, passent le curseur de la souris ou cliquent dessus. Ces styles ne peuvent être gérés que dans les paramètres de votre thème.
• Couleur d'arrière-plan : couleur d'arrière-plan pour le pied de page de votre site web.
• Bordure inférieure : si vous le souhaitez, vous pouvez ajouter une ligne horizontale comme bordure sous le pied de page de votre site web. Sélectionnez un style pour activer la bordure inférieure, puis sélectionnez une couleur et une largeur pour la bordure.

Blog

Ces paramètres permettent d'ajuster le style de votre modèle de page de listing ou d'article de blog.

Bannière : téléchargez des images à utiliser en arrière-plan de votre en-tête de modèle de blog. Vous pouvez choisir une image pour la page d'accueil de votre blog et une image à appliquer à tous vos articles de blog. 

Balises : définissez les couleurs, polices et styles par défaut pour les balises de blog, qui apparaissent en haut de vos articles de blog.