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.

Premiers pas avec les thèmes

Dernière mise à jour: octobre 19, 2020

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.