Muokkaa teema-asetuksia

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. Voit mukauttaa teema-asetuksia helposti napsauttamalla sivun muokkausohjelman vasemman paneelin Design-välilehteä. Teema-asetuksia voidaan säätää intuitiivisilla säätimillä, kuten kytkimillä, kytkimillä ja värivalitsimilla.

Ennen kuin aloitat

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

Huomaa: teema-asetuksissa käytettävissä olevat muotoiluvaihtoehdot riippuvat teeman luoneen web-kehittäjän sisällyttämistä teemakentän vaihtoehdoista.

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

• Yrityslogosi: päivitä yrityslogosi tilisi oletusasetuksissa Branding-välilehdellä.
• Navigointivalikkosi: Valikon värit asetetaan 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.
• Verkkotunnuksesi julkaisemista varten : Liitettävissä olevien aluetunnusten, tuotemerkkien verkkotunnusten ja ylätason verkkotunnusten määrä riippuu tilauksestasi. Lisätietoja verkkotunnusten tilausrajoituksista ja verkkotunnuksen liittämisestä HubSpotiin.

Muokkaa teema-asetuksia

Jos haluat muokata teema-asetuksiasi, sinun on ensin luotava sivu teemamallilla. Teema-asetuksiin pääset sisältöeditorissa napsauttamalla vasemmalla olevaa Teema-välilehteä. Valitse sitten Muokkaa teema-asetuksia.

Värien, fonttien ja välysten mukauttaminen asettaa oletustyylit kaikille sivusi elementeille. Jos haluat muokata tiettyjä yksityiskohtia, kuten linkkien värejä, painikkeiden värejä tai lomakkeiden oletusvärejä, napsauta Muokkaa-kohdan vieressä olevaa kohtaa Lisää asetuksia nähdäksesi malleissasi käytettävissä olevat teeman lisäasetukset.

Värit

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

Fontit

Valitse ensisijainen ja toissijainen fontti, jota sovelletaan verkkosivustosi otsikoihin, lomakkeisiin, painikkeisiin ja runkotekstiin. Kaikki Googlen 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 esimerkkisisältö, joka näkyy kunkin lomakekentän sisällä ja 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 , mitennavigointivalikko määritetään 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 alatunnisteen 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.