Tietokannan teeman mukauttaminen

Mukauta tietokannan ulkoasua ja sisältöä brändisi mukaiseksi ja luo kävijöille yhtenäinen selauskokemus. Teemaeditorin avulla voit päivittää värejä, typografiaa, etusivun ja artikkeleiden asettelua sekä otsikko- ja alatunnisteiden tyylejä. Yleisen sisällön editorin avulla voit päivittää otsikko- ja alatunnisteiden sisältöä, kuten logoa, valikoita, tukivaihtoehtoja ja sosiaalisen median linkkejä.

Ennen kuin aloitat

Ennen kuin alat mukauttaa tietopankkisi teemaa, tutustu näihin vaatimuksiin ja huomioitaviin seikkoihin.

Tutustu rajoituksiin ja huomioitaviin seikkoihin

• Nämä työkalut ovat käytettävissä vain siirretyissä tietokannoissa. Lue lisää tietokannan siirtämisestä.
• Jos tietopankkiasi ei ole vielä siirretty, lue lisää vanhan tietopankin luomisesta ja mukauttamisesta.
• Tietokannan mukauttamista ei tueta Design Managerissa eikä mukautetuissa teemoissa. Jos haluat tehdä syvällisempiä mukautuksia, voit lisätä koodinpätkiä tietokannan asetuksiin, mukaan lukien sivuston otsikkoon ja alatunnisteeseen.

Tietokannan teematyylien mukauttaminen

Käytä tietokannan teemamuokkaajaa luodaksesi tietokannallesi yhtenäisen visuaalisen tyylin ja asettelun. Päivitä värit ja typografia, valitse asettelut etusivulle ja artikkelisivuille sekä määritä ylä- ja alatunnisteiden tyylit.

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta oikeassa yläkulmassa olevaa Määritä -pudotusvalikkoa ja valitse Teema.

Värien mukauttaminen

Tietokannan teeman väriasetukset määrittävät päävärin, toissijaisen värin, korostusvärin ja tekstivärin kaikille teeman mallipohjaan sisältyville elementeille. Nämä tyylit sovelletaan kaikkiin tietokannan elementteihin.

1. Napsauta teemaeditorissa vasemmassa sivupalkissa olevaa Värit-osiota.
2. Napsauta kunkin värityypin (esim. Ensisijainen) kohdalla värivalitsinta ja valitse väri Ensisijainen-, Toissijainen-, Korostus- ja Taustaväri-kenttiin. Oletusarvoisesti näkyvät brändisi värit.

Mukauta typografiaa

Valitse ensisijainen ja toissijainen fontti, joita käytetään tietokannan otsikoissa, tekstissä ja URL-linkeissä.

1. Napsauta teemamuokkaimessa vasemmassa sivupalkissa kohtaa Typografia.
2. Napsauta Ensisijainen- ja Toissijainen-kentissä fontin pudotusvalikkoa ja valitse fontti. Voit muuttaa fontin väriä napsauttamalla värivalitsinta ja valitsemalla fontin värin. Valitusta fontista riippuen saatavilla voi olla muita fonttityylivaihtoehtoja (esim. fontin paksuus).
3. Voit muokata otsikoiden, tekstin tai linkkien fontteja napsauttamalla Otsikko (H1–H6)-, Teksti- tai Linkki-osioita. Napsauta sitten fontin pudotusvalikkoa ja valitse fontti. Voit muuttaa fontin väriä napsauttamalla värivalitsinta ja valitsemalla fontin värin.

Sivun asettelun mukauttaminen

Valitse asettelut tietopankin etusivulle ja artikkeleiden sivuille. Käytettävissä olevat asetteluvaihtoehdot ja tyyliasetukset vaihtelevat sivutyypin mukaan.

Mukauta etusivun asettelua

1. Napsauta teemamuokkaimessa vasemmassa yläkulmassa olevaa Näytä -pudotusvalikkoa ja valitse Tietokannan etusivu.
2. Napsauta vasemmassa sivupalkissa Etusivu-osiota ja valitse asetteluvaihtoehto, kuten Ruudut tai Minimal.

Mukauta artikkelisivun asettelua

1. Napsauta teemamuokkaimessa vasemmassa yläkulmassa olevaa Näytä -pudotusvalikkoa ja valitse Tietokannan artikkeli.
2. Napsauta vasemmassa sivupalkissa Artikkeli-osiota ja valitse asetteluvaihtoehto, kuten Vasen sivupalkki tai Oikea sivupalkki

Mukauta otsikon ja alatunnisteen tyylejä

Mukauta tietokannan teeman ylä- ja alatunnisteiden tyylejä, kuten niiden leveyttä, värejä, fontteja, valikoita ja muita elementtejä. Käytettävissä olevat vaihtoehdot vaihtelevat osion mukaan.

Mukauta yläosan tyylejä

• Yläosan leveys: valitse Koko leveys tai Sisällön leveys.
• Yläpalkki: valitse taustaväri, perusfontti ja hiiren osoittimen fontti.
• Kielivalitsin: napsauta värivalitsinta ja valitse väri.
• Valikko: valitse perusfontti, hiiren osoittaessa näkyvä fontti, taustaväri, välistys ja pudotusvalikkomallit.
• Painike: valitse fontti, tekstin muunnos, taustaväri, reunustyyli, kulmien pyöristys ja hiiren osoittaessa näkyvä fontti.
• Hakupalkki: valitse taustatyyppi, kuten väri tai kuva, ja määritä välistys, tekstin otsikko ja syöttötekstin tyylit.

Mukauta alatunnisteen tyylejä

• Alatunnisteen leveys: valitse Koko leveys tai Sisällön leveys.
• Tausta: napsauta värivalitsinta ja valitse väri.
• Valikko: valitse perusfontti ja hiiren osoittimen fontti. Voit muuttaa fontin väriä napsauttamalla värivalitsinta ja valitsemalla fontin värin.
• Teksti: valitse fontti.
• Sosiaalisen median kuvakkeet: valitse kuvakkeen koko, muoto, väri, taustaväri ja kohdistus.

Esikatsele ja julkaise teeman muutokset

Esikatsele teemaa eri malleissa, kielillä ja laitteilla ennen muutosten julkaisemista.

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta oikeassa yläkulmassa olevaa Määritä -pudotusvalikkoa ja valitse Teema.
3. Napsauta teemamuokkaimessa vasemmassa yläkulmassa olevaa Esikatselu-painiketta.
4. Voit tarkastella mallia, jossa on esimerkkisisältöä, napsauttamalla vasemmassa yläkulmassa olevaa View on -pudotusvalikkoa ja valitsemalla mallin.

4. Jos haluat tarkastella mallia eri kielillä, napsauta vasemmassa yläkulmassa olevaa kielen avattavaa valikkoa ja valitse kieli.

5. Voit tarkastella, miltä malli näyttää eri laitteilla, napsauttamalla oikeassa yläkulmassa olevia laitteikoneita.

6. Kun olet valmis, napsauta Takaisin-painiketta vasemmassa yläkulmassa.

7. Voit julkaista muutokset napsauttamalla oikeassa yläkulmassa olevaa Julkaise teema -painiketta.

Muokkaa yleistä otsikko- ja alatunnisteen sisältöä

Käytä yleistä sisällönmuokkausvälinettä muokataksesi tietopankin otsikossa ja alatunnisteessa näkyvää sisältöä.

Muokkaa yläosan sisältöä

Mukauta tietopankin sivuilla näkyvää otsikkosisältöä, mukaan lukien logo, navigointivalikko, tukivaihtoehdot, painike ja kielivalitsin.

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta oikeassa yläkulmassa olevaa Määritä -pudotusvalikkoa ja valitse Otsikko.
3. Napsauta yleisen sisällön editorissa vasemmassa sivupalkissa olevaa ” siteTree in sisältö ” -kuvaketta.
4. Napsauta vasemmassa sivupalkissa Website header -moduulia ja valitse jokin seuraavista:
   • Logo: kytke ”Ohita oletuslogo” -kytkin päälle tai napsauta ”Muokkaa tämän verkkotunnuksen oletuslogoa”. Jos haluat näyttää yrityksesi nimen, kytke ”Näytä yrityksen nimi, kun logoa ei ole määritetty ” -kytkin päälle.
   • Lisätukivaihtoehdot: kytke päälle Näytä asiakasportaalin linkki, Näytä kirjautuminen rajoitettuun sisältöön tai Tukilomake -kytkimet.
   • Valikko: valitse valikko ja enimmäistasot.
   • Painike: valitse Lisää-painikkeen valintaruutu, Linkki kohteeseen ja Linkkityyppi.
   • Kielivalitsin: valitse Lisää kielivalitsin -valintaruutu ja Näyttötila.
5. Kun olet valmis, napsauta oikeassa yläkulmassa olevaa Julkaise [#] resurssiin -painiketta.

Muokkaa alatunnisteen sisältöä

Mukauta tietokannan sivuilla näkyvää alatunnisteen sisältöä, mukaan lukien logo, valikko, osoite, linkit sosiaaliseen mediaan ja tekijänoikeusteksti.

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta oikeassa yläkulmassa olevaa Määritä -pudotusvalikkoa ja valitse Alatunniste.
3. Napsauta yleisen sisällön editorissa vasemmassa sivupalkissa olevaa ” siteTree -sisältö” -kuvaketta .
4. Napsauta vasemmassa sivupalkissa moduulia, jonka sisältöä haluat muokata:
   • Alatunnistevalikko: napsauta Menu- pudotusvalikkoa ja valitse valikko. Jos haluat näyttää alatunnistevalikon kaikilla tietokannan sivuilla, valitse Show menu -valintaruutu.
   • Logo: kytke ”Ohita oletuslogo” -kytkin päälle tai napsauta ”Muokkaa tämän verkkotunnuksen oletuslogoa”.
   • Alatunnisteen osoite: napsauta Muokkaa laajennetussa näkymässä ja kirjoita alatunnisteen osoite.
   • Seuraa sosiaalisessa mediassa: vie hiiri sosiaalisen median linkin päälle ja napsauta Muokkaa-kuvaketta ( editIcon ). Napsauta Linkki-pudotus valikkoa ja valitse vaihtoehto.
   • Alatunnisteen tekijänoikeustiedot: napsauta Muokkaa laajennetussa näkymässä ja kirjoita alatunnisteen tekijänoikeustiedot.
5. Kun olet valmis, napsauta oikeassa yläkulmassa olevaa Julkaise [#] resurssia -painiketta.