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: marraskuuta 2, 2021

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 aloitusmallin avulla

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 valitseWebsite page (Verkkosivuston sivu ) taiLanding page (Laskeutumissivu).
  • Valitse mallinvalintanäytön vasemmanpuoleisessa sivupalkin valikossa Kaikki mallisi.
  • Jos haluat tarkastella käytettävissä olevia aloituspohjia, napsauta Filter by source (Suodata lähteen mukaan) -pudotusvalikkoa ja valitseStarter (Aloituspohja).

select-a-starter-template

  • Vie hiiren kursori mallin päälle ja valitse sitten Preview (Esikatselu ) oikeassa yläkulmassa.
  • Jos haluat luoda sivun tällä mallineella, napsauta oikeassa yläkulmassa Käytä mallia.
  • Valitse valintaikkunassaJatka.
  • Anna sivulle sisäinen nimija valitse sittenLuo sivu.

Muokkaa sivun sisältöä

Aloitusmallit sisältävät sivuston 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ätietojasivun sisällön muokkaamisesta vedä ja pudota-alueella.

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

edit-page-for-mobile

Mukauta fontteja, värejä ja painikkeita

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

edit-starter-theme-on-page

Typografia

Muokkaa sivun runkoon ja otsikoihin sovellettavia 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 yli. 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ä.
    • Syötä heksadesimaaliarvo tai napsauta värivalitsinta ja valitse väri
    • .
    • Jos haluat määrittää painikkeiden taustavärin läpinäkyvyyden, syötä kenttään prosenttiarvo
  • .
  • 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äarvokenttää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 Options-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.