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.

Modifier le contenu des pages utilisant un thème de site web

Dernière mise à jour: juillet 15, 2020

Disponible avec :

Hub CMS Professional, Enterprise

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. Les styles par défaut de votre thème sont basés sur les polices, les couleurs, les espacements et les styles que vous définissez dans les paramètres généraux de thème. Vous pouvez ajouter, supprimer ou réorganiser des modules de thème dans n'importe quel modèle pour ce thème. Les modules de thème prennent en charge le contenu intelligent et la personnalisation.

Lors de la création de pages, il est important de définir une stratégie de contenu claire afin que les moteurs de recherche puissent comprendre l'objet de votre site web. Découvrez comment configurer des thèmes dans l'outil SEO et optimiser votre page pour le SEO dans l'éditeur. Rendez-vous sur HubSpot Academy pour visionner une présentation vidéo sur la création et la modification de contenu de page dans le CMS de HubSpot.

Créer une page

Pour créer une nouvelle page avec un modèle de thème :

  • Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
  • Dans l'angle supérieur droit, cliquez sur Créer et sélectionnez une page de site web.
  • Cliquez sur un thème pour afficher les modèles inclus dans ce thème.
  • Pour afficher un aperçu du modèle de thème, passez le curseur de la souris sur le modèle et cliquez sur Aperçu dans l'angle supérieur droit. Un aperçu interactif du thème s'affichera. Vous pourrez le sélectionner pour votre page ou revenir en arrière et sélectionner d'autres modèles.
  • Cliquez sur Utiliser le modèle dans l'angle supérieur droit.
  • Dans la boîte de dialogue qui s'affiche, saisissez un nom de page interne. Ce nom ne sera pas visible par les visiteurs de votre site web.

Remarque : En plus de ce nom de page interne, vous devrez également donner à votre page un titre dans les paramètres de page avant de la publier.

Modifier le contenu de la page

Les modèles de thème sont composés de modules qui peuvent être regroupés en lignes horizontales ou en colonnes verticales. Ces modules, lignes ou colonnes peuvent être regroupés en sections d'éléments, qui sont décrites dans l'éditeur de pages.

La plupart des modules de votre page peuvent être modifiés directement dans l'éditeur de contenu. Certains types de modules nécessitent une personnalisation de contenu supplémentaire dans le panneau de gauche.

rows-and-columns

Pour personnaliser le contenu dans un module, passez le curseur de la souris sur l'icône de l'action souhaitée et cliquez dessus :

  • edit Modifier : modifiez le contenu de votre module en ligne directement sur la page ou dans le panneau de gauche. La plupart des textes peuvent être modifiés dans l'éditeur de contenu et tous les types de modules peuvent être modifiés dans l'onglet Options du panneau de gauche. Découvrez-en davantage sur la modification du contenu de module.
  • styles Styliser : gérez les styles disponibles sur ce module dans le panneau Style à gauche. La plupart des styles de module peuvent être gérés dans l'onglet Style, mais certaines options de style spécifiques à votre thème peuvent être disponibles dans l'onglet Options.
  • clonduplicate Cloner : copiez ce module sur votre page.
  • delete Supprimer : supprimez ce module de votre page.

edit-module

Les thèmes peuvent contenir du contenu global, que vous pouvez modifier directement dans l'éditeur de pages. Un en-tête ou pied de page, avec des éléments répétés que vous souhaitez afficher sur l'ensemble de votre site, est un exemple de contenu global. Si le contenu de l'en-tête et du pied de page de votre page est géré dans l'éditeur de pages, les styles pour votre en-tête et votre pied de page sont gérés dans les paramètres de votre thème.

Les modifications sont enregistrées automatiquement dans l'éditeur de pages. Vous pouvez consulter et restaurer des versions précédemment enregistrées de votre page pendant que vous travaillez. Découvrez-en davantage sur la personnalisation d'un module dans l'éditeur.

Ajouter des modules à votre page

Outre les modules inclus dans votre modèle de thème, il existe des modules de thème et des modules communs supplémentaires disponibles sur le panneau de gauche. Vous pouvez glisser et déposer un nouveau module pour ajouter un autre élément à votre page. Cela permet d'ajuster la conception d'une page à votre contenu.

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

 

Modifier la mise en page de la page

Pour réorganiser les modules existants sur votre page, passez le curseur de la souris sur un module, une colonne, une ligne ou une section et cliquez sur la poignée bleue qui apparaît à gauche. Glissez et déposez votre contenu vers une nouvelle position sur la page. Une ligne bleue apparaîtra sur le futur emplacement du module.

edit%20layout%20in%20a%20theme%20page

Dans certains cas, un module peut être supprimé d'une ligne, d'une colonne ou d'une section, laissant un espace réservé. Vous pouvez remplacer ce module par un nouveau module afin de conserver la cohérence de votre structure. Si vous préférez supprimer entièrement ce module de la mise en page, passez le curseur de la souris sur la ligne ou la colonne, cliquez sur la flèche et sélectionnez eletedelete Supprimer.

remove-a-column

Tout comme vous pouvez ajouter et modifier des modules sur la mise en page de votre page, vous pouvez ajuster la largeur des éléments de votre page en cliquant sur le séparateur vertical et en le faisant glisser entre les colonnes.

edit%20column%20width%20in%20page

Gérer les styles

Les modèles de thème contiennent des styles, des couleurs et des espacements cohérents. Selon le thème que vous utilisez et sa création, certains styles de thème peuvent être personnalisé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. Certains styles, tels que votre en-tête, votre pied de page et votre titre de formulaire, peuvent uniquement être gérés dans les paramètres généraux de votre thème.

Styliser une ligne, une colonne ou une section de page

Vous pouvez appliquer des styles à une ligne, colonne ou section entière de votre page. Pour accéder aux styles de ces éléments :

  • Passez le curseur de la souris sur une ligne, une colonne ou une section pour la mettre en surbrillance et activer sa barre d'outils.
  • Cliquez sur la flèche déroulante et sélectionnez Style [de l'élément].
  • Dans le panneau de gauche, ajustez l'espacement, la largeur ou la couleur de l'élément. Pour certaines lignes ou sections, vous pouvez ajouter une image d'arrière-plan.

style-section

Styliser un module

Dans la plupart des cas, les styles pour votre module, ligne ou colonne sont gérés dans l'onglet Style du panneau de gauche. Pour certains thèmes, des options de style supplémentaires sont disponibles dans l'onglet Options du panneau de gauche.

  • Cliquez directement sur un module pour accéder à ses options de modification.
  • Dans le panneau de gauche, cliquez sur l'onglet Style.
  • Développez la liste des styles disponibles pour ce module. 
edit-style-options
  • Si les styles que vous souhaitez modifier ne s'affichent pas ici, cliquez sur l'onglet Options pour afficher les options de style disponibles dans votre thème.
    • Si des options de style supplémentaires sont disponibles, elles s'afficheront en bas de l'onglet Options sur la gauche.
    • Cliquez sur Options de style pour accéder à davantage d'options pour le contenu de ce module. Toute modification apportée depuis cette section sera appliquée à cette page uniquement.

edit-more-styles

Remarque : Les options de style disponibles pour un module ou une section d'éléments sur votre page dépendent du thème que vous utilisez et de sa création.

Accéder aux paramètres de style du thème

Vous pouvez accéder à vos paramètres généraux de thème depuis l'éditeur de pages en cliquant sur l'onglet Conception sur le panneau de gauche. Cliquez sur Modifier les paramètres de thème pour accéder aux paramètres de votre thème.

Remarque : Toute modification apportée aux paramètres de votre thème depuis cette section sera appliquée à toutes les pages et blogs utilisant ce thème.

edit-global-themes-from-editor

Modifier les paramètres de page

Cliquez sur l'onglet Paramètres pour personnaliser le titre, l'URL, la langue et la méta-description de votre page avant de la publier. Vous devez donner un titre à votre page pour la publier.

Cliquez sur le menu déroulant Domaines pour sélectionner votre domaine de publication. Si le domaine que vous souhaitez utiliser ne s'affiche pas, contactez votre développeur pour connecter votre domaine à HubSpot. Dans le champ Slug de contenu, saisissez le reste de l'URL pour cette page spécifique. 

Le titre ainsi que la méta-description de la page seront visibles dans les résultats du moteur de recherche.

edit-page-settings-for-a-theme

Publier votre page

Avant de publier votre page, cliquez sur Aperçu dans l'angle supérieur droit pour tester l'affichage de votre page sur un appareil mobile. Vous pouvez tester l'affichage de la personnalisation ou du contenu intelligent pour vos visiteurs dans l'aperçu de la page.

Une fois que vous êtes satisfait de l'aperçu de votre page, cliquez sur Publier dans l'angle supérieur droit.

/fr/website-pages/edit-content-in-pages-using-a-website-theme