Juster størrelsen på CTA-en (legacy) ved hjelp av de innebygde størrelsesalternativene og tilpasset CSS. Når du laster opp et bilde for en bilde-CTA, kan det være lurt å ta hensyn til retinaoptimalisering.
Hvis du vil tilpasse CTA-en ytterligere, kan du lære hvordan du legger til egendefinerte stiler i CTA-en (legacy) med CSS. Hvis du legger til CTA-en i en e-post eller mal, kan du lære hvordan du sentrerer CTA-en(eldre).
Rediger størrelsen på CTA (eldre)
Du kan justere størrelsen på CTA-en manuelt eller bruke egendefinert CSS for å automatisk fylle bredden på CTA-ens beholder eller modul. Hvis du
legger inn en
bilde-CTA på et nettsted som ikke er fra HubSpot, kan det hende du må bruke flere CSS-deklarasjoner (for eksempel width: 100%;) i stilarket ditt for å gjøre bilde-CTA-en responsiv.
Slik redigerer du størrelsen på CTA-knappen:
- Klikk på rullegardinmenyen øverst til venstre, og velg CTA (Legacy).
- Hold markøren over en CTA, og klikk på Handlinger > Rediger.
- Klikk på Avanserte alternativer i skyvepanelet.
- Slik endrer du størrelsen på den egendefinerte CTA-en manuelt:
- Fjern avmerkingen for Tilpass til tekst. Dette fjerner den automatiske størrelsesendringen.
- I delen Knapputfylling angir du størrelsesverdiene for knappebredde- og knapphøydefeltene.
- Klikk på Neste >.
- Klikk på Lagre. Klikk deretter på Fullfør.
- Slik fyller den egendefinerte CTA-en hele bredden på beholderen eller modulen:
- Fjern merket for Størrelse automatisk .
- Skriv inn den egendefinerte CSS-en i feltet Egendefinert CSS.
- Angi bredden til width: 100 %;
- Klikk på Neste >.
- Klikk på Lagre. Klikk deretter på Fullfør.
Hva er netthinneoptimalisering?
Retina-optimalisering gjør CTA-bildet mer skarpt når det vises på nettsidene dine og i e-postmeldinger hvis mottakerne ser CTA-en i moderne versjoner av Apple Mail og iOS-mail; dette støttes ikke av Outlook eller nettbaserte e-posttjenester 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-en, på samme måte som retina-støtte fungerer for alle bilder på Internett. Vær også oppmerksom på følgende:
- Hvis du lager 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 lager en CTA som skal være 400 x 100 piksler, kan du laste opp et bilde på 1600 x 400 piksler.
- CTA-en vil automatisk bli gjengitt 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 CTA-en skal gjengis i, vil det ikke ha støtte for retina. Hvis for eksempel et bilde på 400 x 100 px lastes opp for en CTA på 400 x 100 px