Sidst opdateret: juni 28, 2023
Gælder for:
Marketing Hub
Professional
,
Enterprise
|
Content Hub
Professional
,
Enterprise
|
| Tidligere Marketing Hub Basic |
Juster størrelsen på din CTA (legacy) ved hjælp af de indbyggede størrelsesindstillinger og brugerdefineret CSS. Når du uploader dit billede til en billed-CTA, kan det være en god idé at tage højde for retina-optimering.
Hvis du vil tilpasse din CTA yderligere, kan du lære, hvordan du tilføjer tilpassede stilarter til din CTA (legacy) med CSS. Hvis du tilføjer din CTA til en e-mail eller skabelon, kan du lære, hvordan du centrerer din CTA (legacy).
Rediger størrelsen på din CTA (legacy)
Du kan justere størrelsen på din CTA manuelt eller bruge brugerdefineret CSS til automatisk at udfylde bredden på CTA'ens container eller modul. Hvis du indlejrer en billed-CTA på din ikke-HubSpot-side, skal du muligvis anvende yderligere CSS-erklæringer (såsom width: 100%;) i dit stilark for at gøre billed-CTA'en responsiv.Sådan redigerer du størrelsen på din knap-CTA:
- I din HubSpot-konto skal du navigere til Marketing > Lead Capture > CTA'er.
- Klik på dropdown-menuen øverst til venstre, og vælg CTA 'er (Legacy).
- Hold musen over en CTA, og klik på Handlinger > Rediger.
- Klik på Avancerede indstillinger i slide-in-panelet.
- Sådan ændrer du manuelt størrelsen på dit tilpassede CTA:
- Fjern markeringen i afkrydsningsfeltet Tilpas til tekst. Dette vil fjerne den automatiske størrelsesændring.
- I afsnittet Button padding skal du indtaste dine størrelsesværdier for felterne button width og button height.
- Klik på Næste >.
- Klik på Gem. Klik derefter på Udfør.
- For at få din tilpassede CTA til at fylde hele bredden af dens container eller modul:
- Fjern markeringen i afkrydsningsfeltet Størrelse automatisk .
- I feltet Custom CSS skal du indtaste din brugerdefinerede CSS.
- Indstil bredden til width: 100%;
- Klik på Næste >.
- Klik på Gem. Klik derefter på Udfør.
Hvad er retinaoptimering?
Retina-optimering gør dit CTA-billede mere skarpt, når det vises på dine websider og i e-mails, hvis dine modtagere ser CTA'et i moderne versioner af Apple Mail og iOS-mail; dette understøttes ikke af Outlook eller webmail-tjenester som Gmail.
Retina-optimering understøttes, når du uploader et billede, der er mindst to gange så stort som det, der er nødvendigt til CTA'en, på samme måde som retina-understøttelse fungerer for alle billeder på internettet. Vær også opmærksom på følgende:
- Hvis du opretter en CTA, der er 400 x 100 pixel, skal det uploadede billede være 800 x 200 pixel for at understøtte en visning med @2x pixeltæthed.
- CTA'er understøtter tilføjelse af op til en 4x-version. Hvis du for eksempel opretter en CTA, der er 400 x 100 pixels, kan du uploade et billede på 1600 x 400 pixels.
- CTA'en vil automatisk blive gengivet på din hjemmeside med en srcset-attribut, der viser 1x-, 2x-, 3x- og 4x-versionen, hvor den er tilgængelig.
- Hvis billedet uploades i den størrelse, som CTA'en vil blive gengivet i, vil det ikke have retina-understøttelse. For eksempel, hvis et billede på 400 x 100 pixel uploades til en CTA på 400 x 100 pixel