Rediger størrelsen på en CTA (ældre)
Sidst opdateret: februar 19, 2025
Gælder for:
|
|
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 brugerdefinerede stilarter til din CTA (legacy) med CSS. Hvis du tilføjer din CTA til en e-mail eller skabelon, kan du lære at centrere din CTA (legacy).
Bemærk: Konti, der er oprettet efter den 17. marts 2025, har ikke adgang til CTA-værktøjet (legacy).
Rediger din CTA-størrelse (ældre)
Du kan justere størrelsen på din CTA manuelt eller bruge brugerdefineret CSS til automatisk at udfylde bredden på CTA'ens beholder eller modul. Hvis du indlejrer en i billede-CTA på dit ikke-HubSpot-site, kan det være nødvendigt at anvende yderligere CSS-deklarationer (såsom width: 100%;) i dit stilark for at gøre billede-CTA'en responsiv.Sådan redigerer du størrelsen på din CTA-knap:
- På din HubSpot-konto skal du navigere til Marketing > CTA'er.
- Klik på rullemenuen ø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å din brugerdefinerede CTA:
- Fjern markeringen i afkrydsningsfeltet Tilpas til tekst. Dette fjerner den automatiske størrelsesændring.
- I afsnittet Knapudfyldning skal du indtaste dine størrelsesværdier for felterne Knapbredde og Knaphøjde.
- Klik på Næste >.
- Klik på Gem. Klik derefter på Udfør.
- For at få din brugerdefinerede CTA til at fylde hele bredden af dens beholder eller modul:
- Fjern markeringen i afkrydsningsfeltet Størrelse automatisk .
- Indtast din tilpassede CSS i feltet Custom CSS.
- Indstil bredden til width : 100%;
- Klik på Næste >.
- Klik på Gem. Klik derefter på Udfør.
Hvad er nethindeoptimering?
Retina-optimering gør dit CTA-billede mere skarpt, når det ses på dine websider og i e-mails, hvis dine modtagere ser CTA'en 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 nødvendigt for 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 skal være 400 x 100 px, skal det uploadede billede være 800 x 200 px for at understøtte en visning med @2x pixeltæthed.
- CTA'er understøtter tilføjelse af op til en 4x-version. Hvis du f.eks. opretter en CTA, der skal være 400 x 100 px, kan du uploade et billede på 1600 x 400 px.
- CTA'en vil automatisk blive gengivet på din hjemmeside med en srcset-tilskrivning, der serverer 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 px uploades til en CTA på 400 x 100 px