Luo sivu aloituspohjalla

Voit käyttää aloitusmallia yksinkertaisen verkkosivuston tai aloitussivun rakentamiseen. Voit luoda uuden sivun, mukauttaa sivun suunnittelua ja julkaista sivusi käyttämällä aloitusmallia. Lue lisää kaikenlaisten sivujen luomisesta HubSpotissa.

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

Sivun luominen aloitusmallilla

Voit luoda uuden aloitussivun aloitusmallilla:

• Siirry sisältöön:

  • Verkkosivut: 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ä voit valita mallit omasta aktiivisesta teemastanäkyvät sivun yläreunassa, kun taas kaikki muut mallit ovat alareunanMuut mallit -osiossa. Napsautamallia. Jos et ole valinnut aktiivista teemaa, sinua pyydetään valitsemaan sellainen tai valitsemaan olemassa oleva malli valitsemallaSiirry malleihin.
• Jos haluat luoda sivun valitulla mallineella, napsautaValitse tämä malli oikeassa yläkulmassa. Voit esikatsella sivua mobiililaitteessa tai työpöydällä napsauttamalla Esikatselu.

Muokkaa sivun sisältöä

Aloitusmallit sisältävät moduuleiksi kutsuttuja verkkosivuston sisällön lohkoja. 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.

Mukauta fontteja, värejä ja painikkeita

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

Typografia

• 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 anna 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 linkkiesi 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 silloin, 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 .

Lomakkeet ja painikkeet

• Painikkeiden taustaväri: Mukauta painikkeiden taustaan sovellettavaa väriä.
  • Syötä heksadesimaaliarvo tai napsauta värivalitsinta 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 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.