Centrer et billede, en CTA (legacy) eller et logo i en e-mail eller på en side
Sidst opdateret: juli 8, 2024
Gælder for:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Tidligere Marketing Hub Basic |
Hvis du bruger layoutskabeloner, der er oprettet i Design Manager-værktøjet, kan du centrere et billede, CTA (legacy) eller logomodul på din side, blog eller e-mail ved at tilføje inline-styling til din skabelon.
Hvis du bruger en skabelon, der indeholder et træk og slip-område, kan du centrere moduljusteringen i indholdseditoren. Du kan også centrere moduler i sideeditoren ved hjælp af vandrette afstandsstykker.
Centrer et billede, en CTA (ældre) eller et logo med inline-styling
Vær opmærksom på dette:
- Denne metode kræver en grundlæggende forståelse af HTML.
- Hvis din side eller skabelon har et vedhæftet stilark eller yderligere styling tilføjet, kan der være eksisterende CSS, der påvirker dit billede, CTA (legacy) eller logo. HubSpot anbefaler, at du arbejder sammen med en designer for at identificere kilden til stylingen og foretage de nødvendige ændringer for at centrere dine aktiver.
Sådan centrerer du et billede, CTA (legacy) eller logo i en e-mail- eller sideskabelon:
-
Naviger til dit indhold:
- Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
- Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
- E-mail: På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.
- Hold musen over dit indhold, og klik derefter på Rediger.
- I editoren får du adgang til dit indholds indstillinger:
- For indlæg og sider skal du klikke på menuen Indstillinger og vælge Avanceret.
- For e-mails skal du klikke på fanen Indstillinger og derefter klikke for at udvide afsnittet Avancerede indstillinger .
- I afsnittet Skabelon skal du klikke på Rediger denne skabelon for at åbne skabelonen i designmanageren.
- Klik på logoet, opfordringen til handling eller billedmodulet i designmanageren.
- I højre kolonne skal du indtaste text-align: center; i feltet Inline styling .
- Klik på Udgiv ændringer øverst til højre for at anvende dine ændringer på denne skabelon.
Centrer et billede, CTA (legacy) eller logo fra modulets stylingmuligheder
Hvis du bruger en skabelon med et træk og slip-område, kan du i visse moduler eller afsnit vælge at indstille justeringen direkte. Bemærk dog, at denne stylingmulighed måske ikke er tilgængelig i alle skabeloner eller moduler.
- For at centrere side- eller indlægsmoduler:
-
Naviger til dit indhold:
- Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
- Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
- I sideeditoren skal du klikke på det modul , du vil centrere.
- Klik på fanen Styles i venstre panel, og klik derefter for at udvide afsnittet Alignment and spacing .
- Under Justering skal du vælge Centreret justering.
-
- Sådan centrerer du dine e-mailmoduler:
- Gå ind på din HubSpot-konto og naviger til Marketing > E-mail.
- Hold musen over din e-mail, og klik derefter på Rediger.
- Klik på det modul , du vil centrere.
- Klik på rullemenuen Alignment i venstre panel, og vælg Center.
Centrer et billede, en CTA (ældre) eller et logo ved hjælp af vandrette afstandsstykker
Hvis det modul, du bruger, ikke har justeringsmuligheder, kan du fra indholdseditoren tilføje vandrette afstandsstykker til din side for at centrere moduler i stedet.
Sådan centrerer du dit modul ved hjælp af et vandret afstandsstykke:
-
Naviger til dit indhold:
- Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
- Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
- Klik på + Tilføj i venstre kolonne i indholdseditoren.
- Søg efter vandret afstandsstykke i søgefeltet.
- Klik og træk de vandrette afstand sstykker til hver side af det modul, du vil centrere. Juster derefter afstandsstykkernes bredde for at centrere dit element.