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ä.
Landing Pages

Luo sivu aloituspohjalla

Päivitetty viimeksi: elokuuta 2, 2022

Tämä koskee seuraavia:

Kaikki tuotteet ja HubSpot-tilaukset

Voit käyttää aloitusmallia yksinkertaisen verkkosivuston tai aloitussivun rakentamiseen. Tässä artikkelissa käsitellään uuden sivun luomista, sivun suunnittelun mukauttamista ja sivun julkaisemista aloitusmallin avulla.

Huom: Aloitusmallit eivät tue älykästä sisältöä, mukautettuja moduuleja, personointia, pääsyä rikkaan tekstin moduulien lähdekoodiin, salasanalla suojattuja sivuja tai edistyneempiä vaihtoehtoja, kuten mallin vaihtamista ja pääsyä otsikon HTML-koodiin.


Sivun luominen aloituspohjalla

Voit luoda uuden aloitussivun aloitusmallilla:

  • Siirry sisältöön:

    • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Napsauta oikeassa yläkulmassa Create (Luo ) -pudotusvalikkoa ja valitse Website page (Verkkosivuston sivu ) tai Landing page (Laskeutumissivu).
  • Mallinvalintanäytössä mallit omasta aktiivinen teemanäkyvät sivun yläreunassa, kun taas kaikki muut mallit ovat alareunanMuut mallit -osiossa . Napsautamallia. Jos et ole valinnut aktiivista teemaa, sinua kehotetaan valitsemaan sellainen tai valitsemaan olemassa oleva malli valitsemalla Siirry malleihin.
  • Jos haluat luoda sivun valitulla mallilla, valitse oikeassa yläkulmassaValitse tämä malli . Voit esikatsella sivua mobiililaitteessa tai työpöydällä napsauttamalla Esikatselu.

select-a-template-to-create-page

Muokkaa sivun sisältöä

Aloitusmallit sisältävät verkkosivuston sisällön lohkoja, joita kutsutaan moduuleiksi. Voit järjestää nämä moduulit vaakasuoriksi riveiksi tai pystysuoriksi sarakkeiksi.

Voit ryhmitellä rivejä ja sarakkeita elementtien osioihin. Ryhmittelemällä elementtejä yhteen voit soveltaa taustatyylejä koko sivun alueeseen. Voit myös raahata ja pudottaa näitä elementtejä järjestelläksesi sivun asettelua uudelleen. Lisätietoja sivun sisällön muokkaamisesta vedä ja pudota-alueella.

Jos haluat mukauttaa sivusi ulkoasua mobiililaitteissa, napsauta sivupalkin editorissa olevaa mobiili ediEditfor mobile -kuvaketta.

edit-mobile-version-of-a-page

Mukauta fontteja, värejä ja painikkeita

Jos haluat mukauttaa aloitusmallisi oletustyylejä, napsauta sivupalkkieditorin Teema-välilehteä . Voit myös mukauttaa sivun tietyn rivin, sarakkeen tai osion taustaväriä tai kuvaa

.

Edit-theme-options-in-starter-template

Typografia

Muokkaa sivun runkoon ja otsikoihin käytettäviä fontteja ja kirjasintyylejä Typografia-osiossa. Kaikki Googlen fontit ovat tuettuja.
  • Runkoteksti: Mukauta sivusi päärungon fonttia, fonttikokoa ja fontin värejä.
    • Napsauta pudotusvalikkoa Body text ( Runkoteksti ) ja valitse fontti
.
    • Säädä fonttikokoa nuolinäppäimillä
    • .
    • Napsauta värivalitsinta ja valitse fontin väri. Jos haluat määrittää mukautetun värin, napsauta Lisäasetukset-välilehteä ja syötä heksadesimaaliarvo
  • .
  • Otsikot: Mukauta otsikkotunnisteen sisältävien moduulien tekstin fontti ja väri.
    • Napsauta otsikot-pudotusvalikkoa ja valitse fontti
    • .
    • Napsauta värivalitsinta ja valitse fontin väri. Jos haluat määrittää mukautetun värin, napsauta Lisäasetukset-välilehteä ja syötä heksadesimaaliarvo
  • .
  • Linkkiteksti: Mukauta sivulla oleviin linkkeihin käytettäviä fontteja ja värejä.
    • Napsauta Linkkiteksti-pudotusvalikkoa ja valitse fontti
    • .
    • Napsauta värivalitsinta ja valitse linkin väri. Jos haluat määrittää mukautetun värin, napsauta Lisäasetukset-välilehteä ja syötä heksadesimaaliarvo
    • .
    • Napsauta pudotusvalikkoa ja valitse linkkitekstiin sovellettava tyyli
.
    • Mukauta linkkien väriä ja läpinäkyvyyttä, kun niiden yli viedään hiiren kursori, niitä napsautetaan ja kun niissä on jo käyty:
      • Linkin leijutusväri: napsauta värivalitsinta ja valitse linkin väri , kun kävijä vie linkin päälle. Jos haluat muuttaa värin läpinäkyvyyttä, kirjoita tekstikenttään prosenttiarvo

.
      • Aktiivisen linkin väri: napsauta värivalitsinta ja valitse linkin väri , kun linkkiä napsautetaan. Voit muuttaa värin läpinäkyvyyttä syöttämällä tekstikenttään prosenttiarvon
.
      • Vierailtu linkin väri: napsauta värivalitsinta ja valitse linkin väri , kun kävijä on jo napsauttanut linkkiä. Voit muuttaa värin läpinäkyvyyttä syöttämällä tekstikenttään prosenttiarvon
.

edit-link-text

Lomakkeet ja painikkeet

Muokkaa lomakkeet ja painikkeet -osiossa, miten yksinkertaiset painikkeet ja lomakkeen lähetyspainikkeet muotoillaan sivulla.
  • Painikkeiden taustaväri: Mukauta painikkeiden taustaan sovellettavaa väriä.
    • Kirjoita heksadesimaaliarvo tai napsauta värinvalitsinta ja valitse väri
    • .
    • Voit määrittää painikkeiden taustavärin läpinäkyvyyden syöttämällä kenttään prosenttiarvon
  • .
  • Painikkeiden tekstin väri: Mukauta sivulla olevien painikkeiden tekstiin sovellettavaa väriä.
    • Kirjoita heksadesimaaliarvo tai valitse tekstin väri napsauttamalla värivalitsinta
    • .
    • Voit määrittää painikkeiden taustavärin läpinäkyvyyden syöttämällä kenttään prosenttiarvon
  • .
  • Painikkeen kulmasäde: Mukauta, kuinka pyöreiltä tai neliömäisiltä sivusi painikkeet näyttävät.
    • Syötä arvo kenttään tai napsauta ja vedä liukusäädintä
    • uuteen asentoon.
    • Suurempi arvo tarkoittaa, että sivusi painikkeilla on pyöreämmät reunat, kun taas arvo nolla tarkoittaa, että painikkeet ovat suorakulmaisia.

Huomaa: HubSpot suosittelee pitämään värit, fontit ja tyylit yhdenmukaisina Design-välilehden asetusten perusteella. Voit ohittaa yksittäisen moduulin oletustyylit vasemman paneelin Asetukset-välilehdessä

.

Esikatsele ja julkaise sivusi

Ennen kuin sivusi tulee näkyviin, napsauta Preview ( Esikatselu ) oikeassa yläkulmassa testataksesi, miten sivusi näkyy työpöytä- ja mobiililaitteissa. Kun olet tyytyväinen sivusi esikatseluun, napsauta Publish




oikeassa yläkulmassa.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.