Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
CTAs

Muokkaa CTA:n kokoa

Päivitetty viimeksi: marraskuuta 1, 2021

Tämä koskee seuraavia:

Markkinointi Hub Professional, Enterprise
Sisällön hallintajärjestelmä Hub Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Säädä CTA:n kokoa sisäänrakennettujen kokovaihtoehtojen ja mukautetun CSS:n avulla.

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Liidien kaappaus > Toimintaan kehoitukset.
  • Vie hiiren kursori CTA:n päälle ja napsautaToiminnot-pudotusvalikkoa ja valitse sitten Muokkaa.
  • Valitse liukupaneelissa Lisäasetukset.

  • Poista valintaruudunSize automatically (Koko automaattisesti) valintaruutu ja syötä sitten kokoarvot Horizontal padding (Vaakasuora pehmuste ) ja Vertical padding (Pystysuora pehmuste ) -kenttiin.
  • Napsauta Seuraava >.
  • Napsauta Tallenna ja napsauta sitten Valmis.

Jos haluat, että CTA täyttää säiliönsä tai moduulinsa koko leveyden, kun olet suunnitellut mukautetun painikkeen CTA:n:

  • PoistaSize automatically (Koko automaattisesti) -valintaruudun valinta.
  • Kirjoita mukautettuCSS-kenttään mukautettu CSS.
  • Aseta leveydeksiwidth: 100 %;
  • Napsauta Seuraava>.
  • Napsauta Tallenna ja napsauta sitten Valmis.

Jos upotat image CTA muuhun kuin HubSpot-sivustoon, saatat joutua käyttämään ylimääräisiä CSS-ilmoituksia (esimerkiksi width: 100 %;), jotta kuva-CTA:sta tulee responsiivinen.

Mitä on verkkokalvo-optimointi?

Retina-optimointi tekee CTA:n kuvasta terävämmän sivustosi sivuilla ja sähköpostiviesteissä, jos vastaanottajat katsovat CTA:ta Apple Mailin ja iOS-mailin nykyaikaisissa versioissa; Outlook tai webmail-palvelut, kuten Gmail, eivät tue tätä.

Retina-optimointia tuetaan, kun lataat kuvan, jonka koko on vähintään kaksi kertaa suurempi kuin CTA:n tarvitsema koko, samaan tapaan kuin retina-tuki toimii kaikkien internetin kuvien kohdalla. Jos luot CTA:n, jonka koko on 400 x 100 pikseliä, ladatun kuvan pitäisi olla 800 x 200 pikseliä, jotta se tukisi @2x pikselitiheyden näyttöä. CTA:t tukevat 4x-version lisäämistä, tässä tapauksessa 1600px x 400px:n kokoisen kuvan lataamista. CTA renderöidään automaattisesti verkkosivustollasi srcset-attribuutilla, joka tarjoaa 1x-, 2x-, 3x- ja 4x-versiot, jos ne ovat käytettävissä.

Jos kuva ladataan CTA:n renderöitävän kuvan kokoisena (esim. 400px x 100px:n kokoinen kuva ladataan 400px x 100px:n kokoista CTA:ta varten), tämä ei tue verkkokalvoa.