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: toukokuuta 6, 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 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-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 sovellettavia fontteja ja kirjasintyylejä Typografia-osiossa. Kaikki Google-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ä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 Asetukset-välilehdessä

.

Esikatsele ja julkaise sivu

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 (Julkaise) oikeassa yläkulmassa.




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