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

Muokkaa teema-asetuksia

Päivitetty viimeksi: kesäkuuta 27, 2023

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Kaikki tuotteet ja HubSpot-tilaukset

Teema on joukko tyylejä ja malleja, joita voit käyttää HubSpotin verkkosivuston sivuilla ja blogeissa. Jotta verkkosivustosi näyttäisi yhtenäiseltä, kaikkien samaa teemaa käyttävien sivujen tyyliasetuksia hallitaan teema-asetuksissa.

Ennen kuin aloitat

Teema-asetuksilla hallitaan teemamalleja käyttävien sivujen päävärejä, fontteja ja painiketyylejä.

Huomaa: teema-asetuksissa käytettävissä olevat tyyliasetukset riippuvat teeman luoneen web-kehittäjän sisällyttämistä teemakenttäasetuksista.

Joitakin verkkosivustosi sisältöä hallitaan tilisi asetusten muissa osissa, kuten esim:

Muokkaa teema-asetuksia

Voit muokata teeman asetuksia minkä tahansa kyseistä teemaa käyttävän sivun tai viestin sisältöeditorista:

  • Siirry sisältöön:

    • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Aloitussivut.
    • Blogi: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Blogi.
  • Vie hiiren kursori sisällön päälle ja valitse Muokkaa.
  • Napsauta sisältöeditorissa Muokkaa-valikkoa ja valitse Teema.

Värit

Teemasi väriasetukset soveltavat ensisijaista, toissijaista ja taustaväriä kaikkiin teemamalleihin sisältyviin elementteihin. Näitä tyylejä sovelletaan kaikkiin sivustosi elementteihin. Jos haluat mukauttaa tarkempia asetuksia otsikoille, fonteille ja linkeille, valitse Muokkaa Lisää asetuksia-kohdan vierestä.

Fontit

Valitse ensisijainen ja toissijainen fontti, jota sovelletaan verkkosivustosi otsikoihin, lomakkeisiin, painikkeisiin ja runkotekstiin. Kaikki Google-fontit ovat tuettuja. Voit mukauttaa ensisijaisen tai toissijaisen fontin värejä napsauttamalla värikuplaa . Voit valita yksinkertaisen väriarvon tai napsauttaa Lisäasetukset-välilehteä ja valita tietyn heksadesimaaliarvon värivalitsimen avulla.

Väli

Teemasi välejä koskevat asetukset säätelevät sivusi sisällön enimmäisleveyttä ja pystysuuntaista välystä sivusi eri elementtien välillä.

Lisää asetuksia

Teema-asetuksissasi voi olla yksityiskohtaisia lisäasetuksia, joilla voit määrittää sivusi erityisemmät tyylit. Teemasi tyyliasetukset perustuvat teemasi koodattuun malliin sisältyviin teemakenttiin. Jos et löydä etsimääsi asetusta, ota yhteyttä mallinesuunnittelijaan ja kysy, mitä asetuksia malliisi sisällytettiin.

Alla oleva esimerkki on yleinen ohje siitä, minkä tyyppisiä lisämäärityksiä teemassasi voi olla. Täydellisen viitteen teeman kentistä, jotka voivat sisältyä malleihisi, saat suunnittelijoiden dokumentaatiosta.

Huomaa: Muista, että voit mukauttaa fontteja, värejä ja tyylejä sivusi rikkaan tekstin moduulissa tai ohittamalla teemasi oletustyylit sivun editorissa. Muokkaa näitä tyylejä vain, jos haluat, että niitä sovelletaan kaikkiin tätä teemaa käyttäviin sivuihin.

Typografia

Typografia-asetuksissa voit hallita malleissasi tiettyihin elementteihin sovellettavia fontteja. Kaikki Google-fontit ovat tuettuja. Voit myös valita mukautettuja värejä tietyille otsikoille, fonteille tai linkeille teemassasi.

  • Otsikot: Voit mukauttaa tarkan fontin, värin, koon ja tyylin kaikille teemassasi oleville otsikoille.
  • Runko: voit mukauttaa vain sivusi rungon fontin, värin tai tekstikoon.
  • Linkit: Mukauta sivustossasi olevien linkkien oletusväriä. Voit myös mukauttaa linkkien väriä ja käyttäytymistä, kun kävijä siirtää hiiren osoittimen linkin päälle tai napsauttaa sitä.

Painikkeet

Voit määrittää mukautettuja värejä, fontteja ja tyylejä painikkeille sivuillasi ja blogissasi. Tietyn sivun sivueditorissa voit ehkä vaihtaa painikkeiden kokoja tai tyyppejä sen mukaan, miten verkkosivuston kehittäjä on luonut teemasi.

  • Koko: Määritä sivusi pienten, tavallisten ja suurten painikkeiden mitat.
  • Ensisijainen: Ensisijainen painike on tarkoitettu tärkeintä toimintoa varten, jonka kävijä tekee sivullasi. Tämän värin tulisi erottua ja kiinnittää kävijän huomio.
  • Toissijainen: Toissijaista painiketta käytetään suhteellisen vähemmän tärkeisiin toimiin, kun sivulla on jo yksi ensisijainen painike. Toissijaisia painikkeita käytetään yleensä sivuilla vähemmän tärkeisiin toimiin.
  • Yksinkertainen: Nämä ovat oletusfontit ja -tyylit, joita sovelletaan sivusi yksinkertaisiin painikemoduuleihin.

Lomakkeet

Mukauta lomakkeiden oletusvärit, fontit ja tekstityylit sekä painikkeiden tyylit.

  • Otsikko: Nämä ovat tyylejä, joita sovelletaan tekstikenttään, joka näkyy koko lomakkeen yläpuolella. Tämä sisältää yleensä tervehdyksen ja ohjeet lomakkeen täyttämiseen. Näitä lomakkeesi tyylejä voi hallita vain täällä teemasi asetuksissa.
  • Tarrat: tyylejä, joita sovelletaan lomakekentän yläpuolella näkyviin tarroihin.
  • Kentät: Lomakekenttien nimiin sovellettavat tyylit.
  • Ohjeteksti: tämä on kunkin lomakekentän sisällä näkyvä esimerkkisisältö, joka osoittaa, minkä tyyppisiä tietoja kävijän tulisi lähettää.
  • Lähetä: valitse, mitä painikkeen tyyliä ja kokoa lomakkeisiin sovelletaan.
  • Taustaväri: lomakkeeseen sovellettava taustaväri.
  • Reunus: Lomakekenttien ympärillä olevan reunuksen väri.
  • Padding: lomakkeen ympärillä olevan välyksen määrä sivulla.

Taulukot

Määritä sivulle lisättyjen taulukoiden oletusvärit, fontit, välit ja kehykset.

  • Taulukkootsikko: taulukkootsikon fontteihin käytetyt värit ja oletusarvoinen taustaväri taulukon ensimmäisen rivin koko leveydelle. Voit myös määrittää alimman reunuksen korostusvärin taulukkootsikon alareunan reunaa pitkin.
  • Fontin väri: taulukon fonttien oletusväri.
  • Taustan väri: taulukon solujen taustan oletustaustan väri.
  • Reunus: taulukon oletusreunuksen väri, leveys ja tyyli.
  • Pehmuste: Taulukon ylä- ja alapuolella olevan tilan määrä sivulla.

Lisätietoja taulukon lisäämisestä sivun rikkaan tekstin moduuliin.

Verkkosivuston otsikko

Näillä asetuksilla ohjataan sivusi otsikossa, myös navigointivalikossa, näkyviä värejä ja fontteja. Lue, miten voit määrittää navigointivalikon tilisi asetuksista .Jos haluat asettaa yrityksesi logon teemamalleihin, lisää logokuvasi tilisi oletusasetuksiin Branding-osiossa.

  • Valikko: Valitse navigointivalikon fontin väri ja tyyli, kun kävijät katsovat valikkokohdetta, vievät sen päälle tai napsauttavat sitä. Näitä tyylejä voi hallita vain täällä teema-asetuksissa.
  • Taustan väri: Valitse verkkosivustosi otsikon taustan väri.
  • Alareunus: Voit halutessasi lisätä vaakasuoran viivan reunukseksi verkkosivustosi otsikon alle. Valitse tyyli aktivoidaksesi alareunan ja valitse sitten väri ja leveys reunukselle.

Alatunniste

Näillä asetuksilla ohjataan sivusi alatunnisteessa näkyviä värejä ja fontteja, mukaan lukien navigointivalikot. Tutustu navigointivalikon määrittämiseen tilisi asetuksista .

  • Valikko: Valitse teemasi alatunnisteessa olevan navigointivalikon fontin väri ja tyyli. Voit mukauttaa värejä, kun kävijät katsovat valikkokohdetta, vievät sen yli tai napsauttavat sitä. Näitä tyylejä voi hallita vain täällä teemasi asetuksissa.
  • Taustan väri: Valitse väri verkkosivustosi alatunnisteen taustalle.
  • Alareunus: Voit halutessasi lisätä vaakasuoran viivan reunukseksi verkkosivustosi alalaidan alle. Valitse tyyli aktivoidaksesi alareunan ja valitse sitten väri ja leveys reunukselle.

Blogi

Näillä asetuksilla ohjataan listaussivun mallin ja blogikirjoituksen mallin tyyliä.

Bannerikuvat: Lataa kuvia, joita voit käyttää blogimallisi otsikon taustalla. Voit valita yhden kuvan blogisi etusivulle ja yhden kuvan käytettäväksi kaikissa blogiviesteissäsi.

Tunnisteet: Määritä oletusvärit, fontit ja tyylit blogitunnisteille, jotka näkyvät blogiviestien yläosassa.

Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.