HubSpot Tietämyskanta

Keskitä kuva, CTA (legacy) tai logo sähköpostiin tai sivulle

Kirjoittanut HubSpot Support | Nov 1, 2021 3:33:40 PM

Jos käytät ulkoasumalleja, jotka on luotu suunnittelunhallintatyökalulla, keskitä kuva, CTA (legacy) tai logomoduuli sivullesi, blogiisi tai sähköpostiin lisäämällä mallin muotoilu riviin.

Jos käytät mallia, joka sisältää vedä ja pudota -alueen, voit keskittää moduulin kohdistuksen sisältöeditorissa. Voit myös keskittää moduulit sivueditorissa käyttämällä vaakasuuntaisia välikappaleita.

Huomaa: 17. maaliskuuta 2025 jälkeen luoduilla tileillä ei ole pääsyä CTA-työkaluun (legacy).

Keskitä kuva, CTA (legacy) tai logo rivin muotoilun avulla

Kuvan keskittäminen rivin sisäisen muotoilun avulla edellyttää HTML:n perusymmärrystä. Jos sivullesi tai malliisi on liitetty tyylitaulukko tai siihen on lisätty muita muotoiluja, kuvaan, CTA-kohtaan (legacy) tai logoon voi vaikuttaa olemassa oleva CSS. HubSpot suosittelee, että työskentelet suunnittelijan kanssa tyylittelyn lähteen tunnistamiseksi ja tarvittavien muutosten tekemiseksi omaisuutesi keskittämiseksi.

Kuvan, CTA:n (perintö) tai logon keskittäminen sähköpostissa tai sivumallissa:

  • Siirry sisältöön:

    • Verkkosivut:
    • Laskeutumissivut:
    • Blogi:
    • Sähköposti:
  • Vie hiiren kursori sisällön päälle ja valitse sitten Muokkaa.
  • Siirry editorissa sisältösi asetuksiin:
    • Napsauta virkojen ja sivujen kohdalla Asetukset-valikkoa ja valitse Lisäasetukset.
    • Sähköpostien osalta napsauta Asetukset-välilehteä ja laajenna sitten Lisäasetukset-osiota napsauttamalla.
  • Napsauta Malli-osiossa Muokkaa tätä mallia avataksesi mallin suunnittelunhallinnassa.

  • Napsauta suunnittelunhallinnassa logoa, toimintakutsua tai kuvamoduulia.
  • Kirjoita oikeanpuoleiseen sarakkeeseen Inline styling -kenttään text-align: center; .

 
  • Napsauta oikeassa yläkulmassa Julkaise muutokset, jos haluat soveltaa muutoksia tähän malliin.

Keskitä kuva, CTA (legacy) tai logo moduulin muotoiluvaihtoehdoista

Jos käytät mallia, jossa on vedä ja pudota -alue, tietyissä moduuleissa tai osioissa voit määrittää linjauksen suoraan. Huomaa kuitenkin, että tämä muotoiluvaihtoehto ei välttämättä ole käytettävissä kaikissa malleissa tai moduuleissa.

  • Sivun tai viestin moduulien keskittäminen:
    • Siirry sisältöön:

      • Verkkosivut:
      • Laskeutumissivut:
      • Blogi:
      Vie hiiren kursori sivun tai blogikirjoituksen päälle ja valitse sitten Muokkaa.
    • Napsauta sivueditorissa moduulia , jonka haluat keskittää.
    • Napsauta vasemmanpuoleisessa paneelissa Tyylit-välilehteä ja laajenna sitten Kohdistus ja välykset -osio napsauttamalla sitä.
    • Valitse Kohdistaminen-kohdasta Keskitä-kohdistus .

 

  • Sähköpostimoduulien keskittäminen:
    • HubSpot-tililläsi siirry kohtaan Markkinointi > Sähköposti.
    • Vie hiiren kursori sähköpostisi päälle ja valitse sitten Muokkaa.
    • Napsauta moduulia , jonka haluat keskittää.
    • Napsauta vasemmassa paneelissa Alignment (Kohdistus ) -pudotusvalikkoa ja valitse Center (Keskitä).

 

Keskitä kuva, CTA (legacy) tai logo käyttämällä vaakasuoria välikappaleita

Jos käyttämässäsi moduulissa ei ole kohdistusvaihtoehtoja, voit lisätä sivulle vaakasuuntaisia välikappaleita sisältöeditorista moduulien keskittämiseksi.

Keskitä moduuli vaakasuoran välikappaleen avulla:

  • Siirry sisältöön:

    • Verkkosivut:
    • Laskeutumissivut:
    • Blogi:
  • Napsauta sisältöeditorin vasemmassa sarakkeessa + Lisää.
  • Etsi hakupalkissa vaakasuora väliotsikko.
  • Napsauta ja vedä vaakasuuntaiset välikappaleet sen moduulin kummallekin puolelle, jonka haluat keskittää. Säädä sitten välikappaleen leveyttä siten, että elementti keskitetään.