Centrer une image, un CTA (héritage) ou un logo dans un e-mail ou une page
Dernière mise à jour: juillet 8, 2024
Disponible avec le ou les abonnements suivants, sauf mention contraire :
Marketing Hub Pro , Enterprise |
Content Hub Pro , Enterprise |
Ancienne version Marketing Hub Basique |
Si vous utilisez les modèles de mise en page créés dans l'outil de gestion de la conception, centrez une image, un CTA (héritage) ou un module de logo sur votre page, votre blog ou votre e-mail en ajoutant un style en ligne à votre modèle.
Si vous utilisez un modèle qui comprend une zone de glisser-déposer , vous pouvez centrer l'alignement du module dans l'éditeur de contenu. Vous pouvez également centrer les modules dans l'éditeur de pages à l'aide d'espaceurs horizontaux.
Centrer une image, un CTA (héritage) ou un logo avec un style en ligne
Remarque :
- Cette méthode nécessite des connaissances de base en HTML.
- Si votre page ou votre modèle comporte une feuille de style jointe ou si un style supplémentaire a été ajouté, il est possible qu'une feuille de style CSS existante affecte votre image, votre CTA (héritage) ou votre logo. HubSpot recommande de travailler avec un designer pour identifier la source du style et faire les changements nécessaires pour centrer vos actifs.
Pour centrer une image, un CTA (héritage) ou un logo dans un e-mail ou un modèle de page :
-
Accédez à votre contenu :
- Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
- Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
- Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
- E-mail : Dans votre compte HubSpot, accédez à Marketing > E-mail s marketing.
- Survolez votre contenu, puis cliquez sur Editer.
- Dans l'éditeur, accédez aux paramètres de votre contenu :
- Pour les messages et les pages, cliquez sur le menu Settings et sélectionnez Advanced.
- Pour les e-mails, cliquez sur l'onglet Paramètres , puis sur pour développer la section Options avancées .
- Dans la section Template , cliquez sur Edit this template pour ouvrir le modèle dans le gestionnaire de conception.
- Dans le gestionnaire de conception, cliquez sur le logo , call to action, ou image module.
- Dans la colonne de droite, entrez text-align : center ; dans le champ Inline styling .
- En haut à droite, cliquez sur Publier les modifications pour appliquer vos modifications à ce modèle.
Centrez une image, un CTA (héritage) ou un logo à partir des options de style de votre module
Si vous utilisez un modèle avec une zone de glisser-déposer, dans certains modules ou sections, vous pouvez choisir de définir l'alignement directement. Notez toutefois que cette option de style n'est pas forcément disponible sur tous les modèles ou modules.
- Pour centrer les modules de page ou de message :
-
Accédez à votre contenu :
- Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
- Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
- Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
- Dans l'éditeur de pages, cliquez sur le module que vous souhaitez centrer.
- Dans le panneau de gauche, cliquez sur l'onglet Styles , puis sur pour développer la section Alignement et espacement .
- Sous Alignement, sélectionnez l'alignement Centre .
-
- Pour centrer vos modules d'E-mail :
- Dans votre compte HubSpot, accédez à Marketing > E-mail.
- Survolez votre e-mail, puis cliquez sur Editer.
- Cliquez sur le module que vous souhaitez centrer.
- Dans le panneau de gauche, cliquez sur le menu déroulant Alignement et sélectionnez Centre.
Centrer une image, un CTA (legacy) ou un logo à l'aide d'espaceurs horizontaux
Si le module que vous utilisez ne dispose pas d'options d'alignement, vous pouvez, à partir de l'éditeur de contenu, ajouter des intercalaires horizontaux à votre page pour centrer les modules à la place.
Pour centrer votre module à l'aide d'une entretoise horizontale :
-
Accédez à votre contenu :
- Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
- Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
- Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
- Dans la colonne de gauche de l'éditeur de contenu, cliquez sur + Ajouter.
- Dans la barre de recherche, recherchez entretoise horizontale.
- Cliquez et faites glisser les entretoises horizontales de chaque côté du module que vous souhaitez centrer. Ajustez ensuite la largeur de l'espaceur pour centrer votre élément.