Ignorer et passer au contenu principal
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.
Landing Pages

Personnaliser les styles de module dans l'éditeur de contenu

Dernière mise à jour: août 16, 2021

Disponible avec :

Tous les produits et les abonnements

Dans l'éditeur de contenu, vous pouvez modifier les options de style du module, telles que les marges et le remplissage, dans l'onglet Styles de l'éditeur de barre latérale. Les options de style disponibles pour les modules personnalisés et les thèmes sont définis par le développeur qui a créé le module. Découvrez-en davantage sur les options de style des modules et des thèmes dans la documentation pour les développeurs. 

Si vous utilisez un modèle de démarrage, un modèle de thème ou un modèle codé avec une zone de glisser-déposer, vous pouvez également appliquer des styles d'arrière-plan aux lignes, colonnes ou sections de votre page.

Remarque : Les modules plus anciens peuvent contenir des styles obsolètes, qui ne sont plus disponibles pour les nouveaux modules et modèles. Les styles obsolètes peuvent toujours être modifiés dans l'onglet Styles, mais seront supprimés du module s'ils sont effacés.

Personnaliser les styles pour un module par défaut ou personnalisé

Vous pouvez personnaliser les options de style comme l'alignement, l'espacement et les couleurs sur l'onglet Styles. Les options de style disponibles pour les modules personnalisés sont définies par votre développeur dans le gestionnaire de conception. Découvrez-en davantage sur les options de style pour les modules personnalisés dans la documentation pour les développeurs. 

  • Dans votre compte HubSpot accédez à vos pages de destination ou à vos pages de site web
  • Passez le curseur de votre souris sur votre contenu et cliquez sur Modifier.
  • Dans l'éditeur de contenu, cliquez sur un module pour le modifier.
  • Dans l'éditeur de barre latérale, cliquez sur l'onglet Styles.
  • Pour ajuster l'espacement du module, sélectionnez Remplissage ou Marge, puis saisissez les valeurs en pixels dans les champs. Sélectionnez la case à cocher Appliquer à tous les côtés pour appliquer les mêmes marges ou le même remplissage à tous les côtés du module. 
  • Personnalisez les bordures, les polices ou les couleurs disponibles pour votre module. 

edit-a-module-s-style-options

Personnaliser les options de style d'un modèle de démarrage ou de thème

Si vous utilisez un modèle de démarrage ou un modèle de thème, certaines options de style peuvent apparaître dans l'onglet Contenu de l'éditeur de barre latérale. 

  • Dans votre compte HubSpot accédez à vos pages de destination ou à vos pages de site web
  • Passez le curseur de votre souris sur votre contenu et cliquez sur Modifier.
  • Dans l'éditeur de contenu, cliquez sur un module pour le modifier.
  • Dans l'éditeur de barre latérale, cliquez sur l'onglet Contenu.
  • Cliquez pour activer le bouton Remplacer le style par défaut.
  • Dans la section Options de style, personnalisez les options de style supplémentaires incluses dans votre modèle de démarrage ou de thème. 

edit-starter-module-style-options