Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Créer un contenu de site web à l'aide d'un thème

Dernière mise à jour: mai 20, 2020

Disponible avec :

Hub CMS Professional, Enterprise

Grâce aux thèmes de site web, vous pouvez créer un ensemble de pages agréables, cohérentes et adaptatives pour votre entreprise, sans solliciter un développeur de site web professionnel. Un thème est un ensemble de styles et de modèles que vous pouvez appliquer à vos pages et à vos blogs dans votre compte Hub CMS.

Qu'est-ce qu'un thème ?

Un thème de site web est un ensemble de modèles et de paramètres de style qui peuvent être utilisés pour créer un site web complet. Les comptes Hub CMS incluent plusieurs thèmes de site web par défaut proposés par HubSpot et qui peuvent être personnalisés pour n'importe quelle entreprise.

Chaque thème de site web par défaut comprend :

  • Modèles : un ensemble de modèles pour votre site web, y compris une page d'accueil, une page « À propos », une page de destination et des modèles de blog.
  • Modules : un ensemble de modules de thème uniques que vous pouvez ajouter et personnaliser sur tout modèle de page dans ce thème. 
  • Paramètres de thème : paramètres par défaut pour les modèles de votre thème, y compris les polices, les espacements et les couleurs. 
  • Contenu global : les modèles de thème comprennent le contenu global, comme le pied de page de votre site web, qui revient sur plusieurs pages.

Si vous disposez d'un développeur professionnel dans votre équipe, celui-ci peut concevoir un thème personnalisé en utilisant la documentation de référence de CMS. Vous pouvez également contacter un partenaire HubSpot pour trouver un développeur qui pourra créer un thème personnalisé pour votre site web. 

Fonctionnement des thèmes

  • 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. Ainsi, toutes les nouvelles pages que vous créez disposeront des mêmes polices, couleurs et styles.
  • Vous pouvez personnaliser le contenu et les styles dans l'éditeur de pages. D'autres thèmes peuvent proposer des options différentes, selon la façon dont le thème a été conçu par votre développeur de site web.
  • Si vous souhaitez afficher une couleur ou une police unique sur une page spécifique, certains paramètres de style peuvent être ajustés dans l'éditeur de pages. La cohérence des polices, couleurs et styles pour l'ensemble de votre site web constitue une bonne pratique.

Générer un aperçu d'un thème en créant une nouvelle page

Vous pouvez facilement prévisualiser un thème à partir de votre tableau de bord des pages :

  • Dans votre compte HubSpot, accédez à Marketing Site web, puis sélectionnez Page de destination ou Page de site web.
  • Dans l'angle supérieur droit, cliquez sur Créer et sélectionner une page de destination ou une page de site web.
  • Cliquez sur un thème pour afficher les modèles inclus dans ce thème.
  • Pour prévisualiser le thème, passez le curseur de la souris sur un modèle et cliquez sur Aperçu dans l'angle supérieur droit. Vous verrez un aperçu interactif du thème avant de passer à l'éditeur de contenu.

preview%20a%20theme

Pour créer une page avec ce modèle de thème, cliquez sur Utiliser le modèle dans l'angle supérieur droit. Ensuite, donnez un nom interne à votre nouvelle page.

Modifier le contenu pour les pages utilisant un thème

Chaque thème dispose de son propre ensemble de modules de thème. Ces modules sont regroupés en lignes horizontales et en colonnes verticales. Ces lignes ou colonnes peuvent être regroupées en sections qui créent la structure de la mise en page de votre page.

Personnalisez le contenu du module de thème avec vos propres images et textes pour créer rapidement un site agréable, cohérent et professionnel. Vous pouvez glisser et déposer des types de modules supplémentaires dans une page qui utilise un modèle de thème HubSpot.

Découvrez-en davantage sur la modification du contenu dans une page utilisant un modèle de thème.

add%20a%20common%20module%20to%20a%20page

Remarque : Si votre développeur web dispose d'un thème personnalisé pour vous et que vous souhaitez ajouter plus de modules à votre mise en page dans l'éditeur de pages, assurez-vous que les modèles de page dans le thème incluent une zone de glisser-déposer.

Appliquer un modèle de thème à votre blog

Si vous hébergez votre contenu de blog sur votre compte Hub CMS, pensez à mettre à jour votre modèle de blog avec le même thème que votre site web afin de garantir une cohérence visuelle. Découvrez comment appliquer un thème à votre blog dans les paramètres de votre blog.

Remarque : Les seuls modules modifiables dans le modèle d'article de blog sont les modules par défaut inclus dans l'en-tête et le pied de page globaux de votre blog. Découvrez-en davantage sur la modification du contenu global.

Modifier les styles de thème

Pour garantir le respect des bonnes pratiques de conception visuelle pour votre site web, des thèmes, des polices et des styles standardisés sont appliqués aux boutons et aux formulaires sur votre site web.

Remarque : Si vous utilisez un thème personnalisé, les options de style disponibles dans le paramètre de votre thème dépendent des options de champ de thème incluses par le développeur à l'origine du thème.

Vous pouvez accéder aux styles de thème globaux dans l'éditeur de pages en cliquant sur l'onglet Conception à gauche. Les styles modifiés à partir de cette section sont appliqués à toutes les pages et modules de thème inclus dans ce thème. Découvrez-en davantage sur la gestion des paramètres de thème

edit-global-theme-fonts

Fonctionnalités pour les développeurs de site web

Votre développeur et votre équipe informatique peuvent tirer parti des fonctionnalités de sécurité et de performance pour les sites web créés dans Hub CMS. Les développeurs peuvent surveiller les performances du site web rapidement et facilement à l'aide des alertes de code. Vous pouvez également enregistrer toutes les modifications apportées à votre contenu de site web qui peuvent être consultées avec le point de terminaison d'API d'audit de contenu

Découvrez-en davantage sur le développement de sites web dans le CMS et les API du CMS pour les développeurs.

/fr/website-pages/create-website-content-using-a-theme