Sist oppdatert: juni 28, 2023
Gjelder for:
Markedsføring Hub
Professional
,
Enterprise
|
Content Hub
Professional
,
Enterprise
|
| Eldre Marketing Hub Basic |
Juster størrelsen på CTA (eldre) ved hjelp av de innebygde størrelsesalternativene og tilpasset CSS. Når du laster opp et CTA-bilde, kan det være lurt å ta hensyn til netthinneoptimalisering.
Hvis du vil tilpasse CTA-et ytterligere, kan du lære hvordan du legger til tilpassede stiler i CTA-et (eldre) med CSS. Hvis du legger til CTA-et i en e-post eller mal, kan du lære hvordan du sentrerer CTA-et (eldre).
Redigere størrelsen på CTA (eldre)
Du kan justere CTA-størrelsen manuelt eller bruke egendefinert CSS for automatisk å fylle bredden på CTA-beholderen eller -modulen. Hvis du bygger inn en CTA med bilde på et nettsted som ikke er HubSpot, kan det hende du må bruke flere CSS-erklæringer (for eksempel width: 100%;) i stilarket ditt for å gjøre CTA-bildet responsivt.Slik redigerer du størrelsen på CTA-knappen:
- Gå til Markedsføring > Lead Capture > CTA-er i HubSpot-kontoen din.
- Klikk på rullegardinmenyen øverst til venstre og velg CTAs (Legacy).
- Hold musepekeren over en CTA og klikk på Handlinger > Rediger.
- Klikk på Avanserte alternativer i skyvepanelet.
- Endre størrelsen på det tilpassede CTA-et manuelt:
- Fjern merket i avmerkingsboksen Tilpass til tekst. Dette fjerner den automatiske størrelsesendringen.
- Angi størrelsesverdiene for knappebredde- og knapphøydefeltene i delen Knappepolstring.
- Klikk på Neste >.
- Klikk på Lagre. Klikk deretter på Fullfør.
- Slik får du den egendefinerte CTA-en til å fylle hele bredden på beholderen eller modulen:
- Fjern merket i avmerkingsboksen Størrelse automatisk .
- Skriv inn den egendefinerte CSS-en i feltet Egendefinert CSS.
- Sett bredden til width: 100 %;
- Klikk på Neste >.
- Klikk på Lagre. Klikk deretter på Fullfør.
Hva er netthinneoptimalisering?
Retina-optimalisering gjør CTA-bildet skarpere når det vises på nettsidene dine og i e-poster hvis mottakerne ser CTA-bildet i moderne versjoner av Apple Mail og iOS-e-post; dette støttes ikke av Outlook eller nettposttjenester som Gmail.
Retina-optimalisering støttes når du laster opp et bilde som er minst to ganger så stort som det som er nødvendig for CTA-et, på samme måte som retina-støtte fungerer for alle bilder på Internett. Vær også oppmerksom på følgende:
- Hvis du oppretter en CTA som skal være 400 x 100 piksler, må det opplastede bildet være 800 x 200 piksler for å støtte en visning med @2x pikseltetthet.
- CTA-er støtter å legge til opptil en 4x-versjon. Hvis du for eksempel oppretter en CTA som skal være 400 x 100 piksler, kan du laste opp et bilde på 1600 x 400 piksler.
- CTA-en gjengis automatisk på nettstedet ditt med et srcset-attributt som viser 1x-, 2x-, 3x- og 4x-versjonen der det er tilgjengelig.
- Hvis bildet lastes opp i den størrelsen som CTA-en skal gjengis i, vil det ikke ha retina-støtte. Hvis du for eksempel laster opp et bilde på 400 x 100 piksler for en CTA på 400 x 100 piksler