Päivitetty viimeksi: 22 lokakuuta 2025
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
-
Marketing Hub
Professional, Enterprise
-
Content Hub
Professional, Enterprise
- Vanhentunut Marketing Hub Basic-versio
Säädä CTA:n (legacy) kokoa käyttämällä sisäänrakennettuja kokovaihtoehtoja ja mukautettua CSS:ää. Kun lataat kuvaa kuva-CTA:ta varten, voit ottaa huomioon verkkokalvo-optimoinnin.
Jos haluat mukauttaa CTA:ta vielä enemmän, opettele lisäämään CTA:han (legacy) mukautettuja tyylejä CSS:n avulla. Jos lisäät CTA-kohtaasi sähköpostiin tai malliin, opettele, miten CTA-kohtaasi voidaan keskittää (legacy).
Huomaa: 17. maaliskuuta 2025 jälkeen luoduilla tileillä ei ole pääsyä CTA (legacy) -työkaluun.
Muokkaa CTA (legacy) -kokoasi
Voit säätää CTA:n kokoa manuaalisesti tai käyttää mukautettua CSS:ää täyttämään automaattisesti CTA:n säiliön tai moduulin leveyden. Josupotat image CTA: n muuhun kuin HubSpot-sivustoon, sinun on ehkä käytettävä ylimääräisiä CSS-ilmoituksia (kuten width: 100 %;) tyylitaulukkosi sisällä, jotta kuvaCTA:sta tulee responsiivinen.Painikkeen CTA:n koon muokkaaminen:
- Siirry HubSpot-tililläsi kohtaan Markkinointi > CTA:t.
- Napsauta vasemmassa yläkulmassa olevaa pudotusvalikkoa ja valitse CTA:t (Legacy).
- Vie hiiren kursori CTA:n päälle ja valitse Toiminnot > Muokkaa.
- Valitse liukupaneelissa Lisäasetukset.
- Voit muuttaa mukautetun CTA:n kokoa manuaalisesti:
- Poista valintaruudun Fit to text (Sovita tekstiin ) valintaruudun valinta. Tämä poistaa automaattisen koon muuttamisen.
- Kirjoita painikkeen pehmuste-osioon painikkeen leveys- ja korkeusarvot.
- Napsauta Seuraava >.
- Napsauta Tallenna. Napsauta sitten Finish (Valmis).
- Jos haluat mukautetun CTA-painikkeen täyttävän koko säiliön tai moduulin leveyden:
- Poista valintaruudun Size automatically (Koko automaattisesti ) valintaruudun valinta.
- Kirjoita mukautettu CSS-kenttään mukautettu CSS.
- Aseta leveydeksi width: 100 %;
- Napsauta Seuraava >.
- Napsauta Tallenna. Napsauta sitten Finish (Valmis).
Mikä on verkkokalvooptimointi?
Retina-optimointi tekee CTA:n kuvasta terävämmän sivustosi sivuilla ja sähköpostiviesteissä, jos vastaanottajasi 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 kaikissa internetin kuvissa. Huomioi myös seuraavat seikat:
- Jos luot CTA:n, jonka koko on 400 x 100 pikseliä, ladatun kuvan on oltava 800 x 200 pikseliä, jotta se tukee @2x pikselitiheyden näyttöä.
- CTA:t tukevat jopa 4x-version lisäämistä. Jos esimerkiksi luot CTA:n, jonka koko on 400 x 100 pikseliä, voit ladata kuvan, jonka koko on 1600 x 400 pikseliä.
- CTA renderöidään automaattisesti verkkosivustollasi srcset-attribuutilla, joka tarjoaa 1x-, 2x-, 3x- ja 4x-version, jos se on käytettävissä.
- Jos kuva ladataan CTA:n renderöitävän kuvan kokoisena, siinä ei ole retina-tukea. Jos esimerkiksi 400 x 100 pikseliä x 100 pikseliä kokoinen kuva ladataan 400 x 100 pikseliä x 100 pikseliä kokoista CTA:ta varten.
