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 føjer din CTA til en e-mail eller skabelon, kan du lære, hvordan du centrerer din CTA(ældre).
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 beholder eller modul. Hvis du
indlejrer en
billed-CTA på dit ikke-HubSpot-site, skal du muligvis anvende yderligere CSS-deklarationer (såsom width: 100%;) i dit stilark for at gøre billed-CTA'en responsiv.
Sådan redigerer du størrelsen på din CTA-knap:
- 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å din brugerdefinerede CTA:
- Fjern markeringen i afkrydsningsfeltet Tilpas til tekst. Dette fjerner den automatiske størrelsesændring.
- Indtast dine størrelsesværdier i felterne Knapbredde og Knaphøjde i afsnittet Knapudfyldning.
- 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 retina-optimering?
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. Bemærk også 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. laver 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å dit website 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 px uploades til en CTA på 400 x 100 px