Un thème est un ensemble de styles et de modèles que vous pouvez appliquer à vos pages de site web et à vos 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. Vous pouvez facilement personnaliser les paramètres de votre thème en cliquant sur l'onglet Conception du panneau de gauche dans l'éditeur de pages. Les paramètres de thème peuvent être modifiés avec des commandes intuitives telles que des boutons, des commutateurs et des sélecteur de couleurs.
Les paramètres généraux de thème permettent de déterminer les couleurs principales, les polices et les styles de bouton pour les pages utilisant vos modèles de thème. Certains des contenus de votre site web sont gérés dans d'autres parties de vos paramètres de compte :
Pour modifier vos paramètres de thème, vous devez d'abord créer une page avec un modèle de thème. Les paramètres de thème peuvent être consultés dans l'éditeur de pages en cliquant sur l'onglet Conception sur la gauche. Cliquez ensuite sur Modifier les paramètres de thème.
Remarque : Chaque thème est conçu avec une combinaison unique d'options par un développeur de site web. Par conséquent, vous noterez des options de style légèrement différentes selon les composants inclus dans votre thème.
La personnalisation des couleurs, des polices et de l'espacement définira les styles par défaut pour tous les éléments de votre page. Si vous souhaitez modifier des détails spécifiques tels que les couleurs par défaut des liens, boutons et formulaires, cliquez sur Modifier à côté de Plus de paramètres pour afficher des paramètres de thème supplémentaires disponibles pour vos modèles.
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 Modifier.
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.
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.
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 dans votre thème sont basées sur les champs de 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 connaître tous les champs de thème qui peuvent être inclus dans vos modèles, consultez la documentation des concepteurs.
Remarque : 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 pages. Modifiez uniquement ces styles si vous souhaitez les appliquer à toutes les pages utilisant ce thème.
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.
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.
Personnalisez les couleurs, polices, styles de texte et styles de bouton par défaut pour vos formulaires.
Définissez les couleurs, polices, espacements et bordures par défaut pour les tableaux ajoutés à votre page.
Découvrez comment insérer un tableau dans un module de texte enrichi sur votre page.
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 définir le logo de votre entreprise sur vos modèles de thème, ajoutez l'image du logo aux valeurs par défaut de votre compte dans la section Branding.
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.
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.