- Tietämyskanta
- Sisältö
- Verkkosivuston sivut ja aloitussivut
- Käytä teemoja
Käytä teemoja
Päivitetty viimeksi: 18 syyskuuta 2025
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
Teema on joukko malleja, moduuleja, yleistä sisältöä ja tyyliasetuksia, joita voidaan käyttää verkkosivuston luomiseen. Voit muokata sivuja ja viestejä käyttämällä teemaa sisältöeditorissa ja asettaa blogimallit käyttämään teemaa blogiasetuksissa.
Kaikilla tileillä on pääsy vähintään yhteen HubSpotin oletusteemaan. Teemoja voi myös ladata Template Marketplace -palvelusta .
Teemojen ymmärtäminen
Teema on joukko verkkosivustosi tiedostoja, mukaan lukien:
- Koodatut mallit: Joukko malleja verkkosivustoa varten, mukaan lukien etusivu, about page, landing page ja blogimallit. Nämä mallit ovat kehittäjän koodaamia, mutta sisältöä ja ulkoasua voi muokata sisältöeditorissa.
- Moduulit: joukko ainutlaatuisia teemamoduuleja, joita voit lisätä kyseistä teemaa käyttävään sisältöön.
- Globaali sisältö: sisältö, joka toistuu useilla sivuilla, kuten verkkosivuston otsikko tai alatunniste. Voit muokata globaalia sisältöä suoraan vedä ja pudota -sivueditorista.
- Teema-asetukset: teemaa käyttävien mallien tyyliasetukset, kuten fontit, välit ja värit.
Käytä aktiivista teemaa
Voit asettaa aktiivisen teeman näyttämään kyseisen teeman sivut uusien sivujen oletusasetuksina. Aktiivisen teeman asettaminen tai muuttaminen ei muuta olemassa olevassa sisällössä käytettävää teemaa, mikä edellyttää sisällön nykyisen mallin vaihtamista. Lisää teemoja voi ostaa HubSpot Template Marketplace-palvelusta.
- Siirry sisältöön:
- Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Napsauta Luo tai Aloita.
- Valitse teeman valintasivulla haluamasi teemakortin kohdalla Aseta aktiiviseksi teemaksi. Voit esikatsella teemaa valitsemalla Esikatsele teemaa.
- Napsauta Mallin valintasivulla Valitse malli -kortissa haluamasi malli. Jatka sitten sivun rakentamista HubSpotin vedä ja pudota -editorilla
Vaihda aktiivinen teema
-
Siirry sisältöön:
- Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Napsauta oikeassa yläkulmassa Luo tai Aloita.
- Jos haluat vaihtaa teemaa verkkosivuston sivuilta, napsauta pudotusvalikkoa Teema ja valitse Vaihda teema. Napsauta sitten Aseta aktiiviseksi teemaksi haluamassasi teemakortissa.

- Jos haluat vaihtaa teemaa aloitussivuilta, napsauta teeman nimeä vasemmanpuoleisessa valikossa. Napsauta sitten Aseta aktiiviseksi teemaksi haluamassasi teemakortissa.

- Vie hiiren kursori teeman valintanäytössä teeman päälle ja avaa teeman esikatselu tai Aseta aktiiviseksi teemaksi valitsemalla sitten Esikatsele teemaa.
- Voit sitten valita teemasta mallin ja jatkaa sivun rakentamista HubSpotin vedä ja pudota -editorilla.
Luo sivu teemaa käyttäen
-
Siirry sisältöön:
- Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Napsauta oikeassa yläkulmassa Luo tai Aloita.
- Jos et ole aiemmin valinnut teemaa, sinut ohjataan teeman valintanäyttöön. Valitse haluamasi teemakortin kohdalla Aseta aktiiviseksi teemaksi. Voit esikatsella teemaa valitsemalla Esikatsele teemaa.
- Mallinvalintanäytössä aktiivisen teeman mallit näkyvät Teemamallit-osiossa. Jos haluat tarkastella malleja, jotka eivät kuulu aktiiviseen teemaan, valitse Muut mallit.
- Voit valita mallin teemasta valitsemalla Valitse malli tai Käytä.
- Muokkaa sivun sisältöä sisältöeditorissa vetämällä ja pudottamalla editoria.
-
Voit ottaa muutokset käyttöön napsauttamalla oikeassa yläkulmassa Julkaise tai Päivitä.
Soveltaa teemamallia blogiin
Voit asettaa blogin käyttämään samaa teemaa kuin sivut blogiasetuksissa. Blogipostauksen ja blogin listaussivun mallit valitaan erikseen.
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Siirry vasemman sivupalkin valikossa kohtaan Sisältö > Blogi.
- Jos sinulla on useita blogeja, napsauta Valitse muokattava blogi -pudotusvalikkoa ja valitse blogi.
- Napsauta Mallit-välilehteä .
- Napsauta Blogipostauksen malli- ja Blogin luettelosivu -osioissa Toiminnot-pudotusvalikkoa ja valitse Muuta mallia.
- Napsauta teeman valintanäytössä haluamaasi teemakorttia ja napsauta sitten mallinekorttia. Napsauta oikeassa alakulmassa Valmis.
Huomaa: blogin listaussivujen osalta, joita voidaan muokata sisältöeditorissa, nämä vaiheet johtavat sisältöeditoriin teeman valintanäytön sijaan.
Muokkaa teema-asetuksia
Voit muokata teeman muotoilua, mukaan lukien fontti, värit ja välit, teema-asetuksissa. Tässä muokatut tyylit koskevat kaikkia tähän teemaan sisältyviä sivuja ja teemamoduuleja. Lisätietoja teema-asetusten hallinnasta.
Hallitse teemoja
Muotoilunhallinnassa voit muokata, kloonata tai kopioida teeman toiselle HubSpot-tilille. Voit myös poistaa kloonattuja teemoja, mukautettuja teemoja sekä luoda lapsiteemoja.
Voit muokata lapsiteeman teema-asetuksia vaikuttamatta vanhemman teeman asetuksiin, mutta se ei luo uusia kopioita teeman varoista. Jos haluat kopioida vanhemman teeman varat, on suositeltavaa kloonata teema.
Teeman kloonaaminen
Jos haluat muokata oletusteemojen koodattuja tiedostoja suunnittelunhallinnassa, ne on ensin kloonattava.
- Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
- Napsauta hakemistossa @hubspot-kansiota. Tässä kansiossa on kaikki teemat ja oletusmoduulit, mukaan lukien vedä ja pudota -sähköpostimoduulit.
- Napsauta teemakansiota.
- Napsauta pudotusvalikkoa File (Tiedosto ) ja valitse Clone theme (Kloonaa teema).
- Kirjoita valintaikkunaan nimi teemalle.
- Jos haluat muuttaa kloonatun teeman tiedostosijaintia, napsauta Muuta Tiedoston sijainti -kentässä. Valitse sitten sijainti. Oletusarvoisesti valitaan juurikansio.
- Kun olet valmis, napsauta Luo.
Luo lapsiteema
Suunnittelunhallinnassa voit luoda lapsiteeman, joka perustuu ostettuun Template Marketplace -teemaan tai HubSpotin oletusteemaan. Voit muokata lapsiteeman teema-asetuksia vaikuttamatta vanhempateemaan.
Kehittäjät voivat myös luoda mukautettuihin teemoihin perustuvia lapsiteemoja ja luoda lapsiteemoja CLI:n avulla käyttämällä kehittäjien dokumentaatiota. Lisätietoja työskentelystä lapsiteemojen kanssa.
- Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
- Napsauta hakemistossa @marketplace-kansiota Template Marketplace -teemojen osalta tai @hubspot-kansiota oletusteemojen osalta.
- Napsauta teemakansiota hiiren kakkospainikkeella ja valitse Luo lapsiteema.
- Kirjoita valintaikkunassa nimi lapsiteemalle.
- Jos haluat muuttaa, mihin lapsiteema tallennetaan, valitse Muuta kohdassa Tiedoston sijainti. Napsauta kansiota ja valitse sitten Valitse.
- Jos haluat mukauttaa teeman CSS- ja JS-tiedostojen nimiä, valitse Lisäasetukset ja kirjoita sitten uudet tiedostonimet CSS- ja JS-kenttiin.
- Viimeistele prosessi valitsemalla Luo lapsiteema. Voit muokata lapsiteeman muotoilua sisältöeditorissa.
Teeman kopioiminen toiselle tilille
Voit kopioida teemakansiota tililtä toiselle. Sinun on oltava käyttäjä, jolla on Design tools -oikeudet molemmilla tileillä.
Huomaa: @hubspot- tai @marketplace-hakemistoissa olevia teemakansioita ei voi kopioida tilien välillä.
Teeman kopioiminen tilille:
- Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
- Vie hiiren kursori hakulaitteessa sen teemakansio päälle, jonka haluat kopioida, napsauta kansiota hiiren kakkospainikkeella ja valitse Kopioi eri tilille.
- Napsauta valintaikkunassa kohdetili-pudotusvalikkoa ja valitse tili. Napsauta sitten Kopioi omaisuuserä. Kansio ilmestyy kohdetilille heti, kun kopiointiprosessi on valmis.
Lataa teema
Content Hub -tileillä olevat käyttäjät voivat ostaa HubSpot-teemoja Envaton ThemeForest Marketplace -markkinapaikalta ja ladata ne sitten HubSpotiin teemanvalintanäytöstä:
- Siirry Envaton ThemeForest Marketplacen HubSpot CMS Hub -osioon .
- Osta teema markkinapaikalta.
- Saat sähköpostiviestin, jossa on ostamasi teeman ostokoodi. Kopioi ostokoodi.
- Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Napsauta oikeassa yläkulmassa Luo.
- Valitse Choose a template -sivulla Theme (Teema ) -pudotusvalikko ja valitse sitten Change theme (Vaihda teema).

- Valitse Choose a theme (Valitse teema ) -sivulla sivun alareunassa Install a theme from ThemeForest ( Asenna teema ThemeForestista).
- Liitä valintaikkunaan sähköpostissa oleva ostokoodi ja napsauta sitten Asenna teema.
- Kirjaudu uudella välilehdellä sisään Envaton ThemeForest Marketplaceen, jotta voit viimeistellä asennusprosessin.
- Kun olet kirjautunut sisään, HubSpotissa näkyy banneri. Saattaa kestää muutaman minuutin, ennen kuin teemasi on käytettävissä.
Teeman poistaminen
Kloonatut teemat ja ladatut teemat voidaan poistaa suunnittelunhallinnasta:
- Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
- Napsauta etsimessä kansiota, jossa on teeman varat.
- Napsauta Tiedosto-pudotusvalikkoa ja valitse Poista [kansion nimi].
- Vahvista valintaikkunassa -valintaruudulla, että olet tarkistanut riippuvuudet, ja valitse sitten Poista tämä kansio.
Ostetut teemat on poistettava Template Marketplace -palvelusta:
- Napsauta HubSpot-tilisi ylänavigointipalkin kauppakuvaketta marketplace ja valitse Markkinapaikan lataukset.
- Napsauta Teemat-välilehdellä pudotusvalikkoa Toiminnot ja valitse sovellettavan teeman Poista asennus.
- Ennen asennuksen poistamista sinun on ehkä muutettava blogikirjoituksen tai sivun mallia. Lisätietoja sivun tai viestin mallin vaihtamisesta.
- Valitse valintaikkunassa Poista asennus.