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.

Utiliser des thèmes

Dernière mise à jour: mars 26, 2021

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise

Un thème est un ensemble de modèles, de modules, de contenus globaux et de paramètres de style que tout le monde peut utiliser pour créer un site web entier. Les thèmes sont des fichiers codés créés par des développeurs à l'aide de la documentation pour les développeurs CMS. Les comptes Hub CMS incluent des thèmes HubSpot par défaut que vous pouvez personnaliser pour n'importe quelle entreprise. D'autres thèmes sont disponibles sur le marketplace des ressources.

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

Un thème est un ensemble de fichiers pour votre site web qui contient les éléments suivants :

  • Modèles codés : 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. Le code de ces modèles est personnalisé par un développeur, mais le contenu et la mise en page peuvent facilement être personnalisés dans l'éditeur de page glisser-déposer.
  • 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. 
  • Contenu global : contenu répété sur plusieurs pages, tel qu'un en-tête ou un pied de page de site web. Vous pouvez modifier le contenu global directement depuis l'éditeur de page glisser-déposer.
  • 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. Toute nouvelle page utilisant un modèle de thème disposera d'un style cohérent.

Aperçu d'un thème

La façon la plus simple de prévisualiser un thème consiste à créer une nouvelle page. Dans le créateur de contenu, vous pouvez choisir parmi deux types :

preview%20a%20theme

Modifier le contenu pour les pages utilisant un thème

Chaque thème dispose de son propre ensemble de modules qui respectent vos paramètres de thème pour les polices, couleurs et styles. Ces modules sont regroupés en lignes horizontales et en colonnes verticales. Ces lignes ou colonnes peuvent être regroupées en sections. Vous pouvez déplacer et réorganiser ces éléments pour personnaliser la structure de la mise en page de votre page.

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

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

Si vous hébergez également votre contenu de blog sur HubSpot, pensez à mettre à jour votre modèle de blog selon 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.

Modifier les paramètres de thème

Afin de garantir le respect des bonnes pratiques en matière de design visuel pour votre site web, les thèmes permettent une cohérence des couleurs, polices et styles appliqués aux boutons, aux formulaires et aux modules sur vos modèles.

Vous pouvez accéder à vos paramètres de thème dans l'éditeur de page en cliquant sur l'onglet Conception du panneau de 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.

Outre la création de thèmes via HubSpot CLI, vous pouvez cloner et modifier des thèmes existants dans le gestionnaire de conception de HubSpot. Pour cloner un thème :

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans l'outil de recherche, cliquez sur le dossier @hubspot. Ce dossier contient l'ensemble des thèmes et modules par défaut, y compris les modules d'e-mail glisser-déposer.  

    design-manager-hubspot-folder
  • Effectuez un clic droit sur un dossier de thèmes, puis sélectionnez Cloner le thème

    design-manager-theme-folder-clone
  • Dans la boîte de dialogue, nommez la copie du thème, puis cliquez sur Créer.
  • Le thème sera copié dans le dossier racine et sera répertorié dans la recherche avec les autres dossiers.

Vous pouvez ainsi modifier le thème cloné comme tout autre fichier codé. Les utilisateurs pourront créer des pages de destination et des pages de site web à partir de ce thème.

Copier un thème vers un autre compte

Vous pouvez copier un dossier de thème d'un compte à un autre. Pour copier un dossier de thème, vous devez être un utilisateur de ce compte et disposer des autorisations Outils de conception dans les deux comptes.

Remarque : Les dossiers de thème dans les annuaires @hubspot ou @marketplace ne peuvent pas être copiés entre deux comptes.

Pour copier un thème vers un compte :

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans le menu latéral de gauche, passez le curseur de la souris sur le dossier de thème que vous souhaitez copier. Effectuez ensuite un clic droit sur le dossier et sélectionnez Copier sur un autre compte

    copy-theme-folder-to-different-account
  • Dans la boîte de dialogue, sélectionnez le compte sur lequel vous souhaitez copier le dossier, puis cliquez sur Copier la ressource

Une fois la copie terminée, le dossier de thème apparaîtra dans le compte spécifié.