Muokkaa teema-asetuksia

Teema on joukko tyylejä ja malleja, joita voit soveltaa HubSpotin sivuihin ja blogikirjoituksiin. Jotta verkkosisältösi näyttäisi yhtenäiseltä, kaikkien samaa teemaa käyttävien sivujen ja viestien tyyliasetuksia hallitaan teema-asetuksissa.

Ennen kuin aloitat

Ennen kuin aloitat työskentelyn tämän ominaisuuden kanssa, varmista, että ymmärrät täysin, mitä vaiheita on toteutettava etukäteen, sekä ominaisuuden rajoitukset ja sen käytön mahdolliset seuraukset.

Rajoitusten ja näkökohtien ymmärtäminen

• Teema-asetuksissa käytettävissä olevat muotoiluvaihtoehdot riippuvat teeman luoneen web-kehittäjän sisällyttämistä teemakenttäasetuksista.
• Tietopohjat käyttävät muunneltua versiota teemoista. Lue lisää tietopohjien teema-asetusten muokkaamisesta.
• Joitakin verkkosisällön elementtejä hallitaan tiliasetusten muissa osissa, mm:
  • Yrityksen logo: päivitä yrityksen logo Brand Kitissä.
  • Navigointivalikko: Valikon värit voidaan määrittää teema-asetuksissa, mutta navigointivalikon sisältöä ja linkkejä hallitaan navigointiasetuksissa. Opi luomaan navigointivalikko, jonka voit lisätä globaalin otsikon tai globaalin alatunnisteen sisältöön sivueditorissa.

Muokkaa teema-asetuksia

Voit muokata teeman asetuksia koko teemaeditorista minkä tahansa kyseistä teemaa käyttävän sivun tai viestin osalta. Voit myös muokata verkkosivujen ja aloitussivujen teema-asetuksia sisältöeditorissa yleisen teemaeditorin avulla.

1. Siirry sisältöön:

   • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
   • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
   • Blogi: Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
2. Napsauta sisällön nimeä.
3. Voit käyttää koko teeman editoria sivuja ja viestejä varten:
   • Napsauta sisältöeditorissa Muokkaa-valikkoa ja valitse editorin työkaluriviltä Teema . Jos käytät esimerkiksi Elevate-teemaa, napsauta Muokkaa-valikkoa ja valitse Teema: Elevate.

• • Muokkaa teema-asetuksia teemaeditorissa napsauttamalla laajentaaksesi asiaankuuluvia osioita (esim. Värit tai Painikkeet).
  • Kun olet valmis, valitse Julkaise teema. Sinut ohjataan takaisin sisältöeditoriin.

4. Yleisen teemaeditorin käyttäminen sivuja varten:
   • Napsauta sivujen sisältöeditorissa vasemmanpuoleisessa sivupalkissa olevaa Yleiset teematyylit -kuvaketta.
   • Laajenna vasemmanpuoleisessa sivupalkissa asiaankuuluvat osiot (esim. Värit tai Painikkeet) napsauttamalla niitä, jotta voit muokata teema-asetuksia. Muutokset koskevat kaikkia teemaa käyttäviä sivuja ja malleja.

Teematyylien ymmärtäminen

Teema-asetuksissa voi olla tyylivaihtoehtoja fontteja, värejä, painikkeita ja linkkejä varten. Sinulla voi olla myös yksityiskohtaisia lisäasetuksia, joilla voit määrittää tarkempia tyylejä sivullesi. Teemasi tyyliasetukset perustuvat teeman koodattuun malliin sisältyviin teemakenttiin. Jos et löydä etsimääsi asetusta, ota yhteyttä mallinesuunnittelijaan ja kysy, mitä vaihtoehtoja mallisi sisältää.

Alla olevat esimerkit ovat yleinen ohje siitä, minkä tyyppisiä tyyliasetuksia teemassasi voi olla. Täydellisen viitteen teemakentistä, jotka voivat sisältyä malleihisi, saat suunnittelijoiden dokumentaatiosta.

Huomaa: 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.

Värit

Teemasi väriasetukset soveltavat ensisijaista, toissijaista ja taustaväriä kaikkiin teemamalleihin sisältyviin elementteihin. Näitä tyylejä sovelletaan kaikkiin sivustosi elementteihin.

Fontit

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

Väli

Teemasi väliasetukset ohjaavat sivun tai viestin sisällön enimmäisleveyttä ja eri elementtien välistä pystysuoraa väliä.

Typografia

Typografia-asetuksissa voit hallita malleissasi tiettyihin elementteihin käytettäviä 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ä sivulla olevien 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. Lisätietoja taulukon lisäämisestä sivun rikkaan tekstin moduuliin.

• Taulukkootsikko: Taulukkootsikon fontteihin sovellettavat värit ja oletusarvoinen taustaväri taulukon ensimmäisen rivin koko leveydeltä. Voit myös määrittää aksenttivärin alareunan reunan aksenttiväriksi taulukkootsikon alareunaan.
• 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.

Verkkosivuston otsikko

Näillä asetuksilla ohjataan sivusi otsikossa näkyviä värejä ja fontteja, mukaan lukien navigointivalikko. Tutustu navigointivalikon määrittämiseen 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 mahdolliset 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.