Käytä teemoja
Päivitetty viimeksi: helmikuuta 7, 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 .
Ymmärtää teemoja
Teema on joukko verkkosivuston tiedostoja, mukaan lukien:
- Koodatut mallit: joukko malleja verkkosivustollesi, mukaan lukien etusivu, tietosivu, aloitussivu ja blogimallit. Kehittäjä on koodannut nämä mallit, 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 oletusasetuksina äskettäin luoduilla sivuilla. 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.
Jos et ole vielä aktivoinut teemaa tilillesi, sinun on aktivoitava se ennen kuin voit aloittaa verkkosivustosi rakentamisen.
-
Siirry sisältöön:
- Verkkosivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Jos et ole vielä luonut verkkosivuja:
- Valitse Aloita alusta.
- Vie hiiren kursori teeman valintanäytössä teeman päälle ja avaa teeman esikatselu valitsemalla Preview theme (Esikatsele teemaa ) tai Set as active theme (Aseta aktiiviseksi teemaksi ), jos haluat käyttää tätä teemaa sivujesi oletusasetuksena.
- Voit sitten valita teemasta mallin ja jatkaa sivun rakentamista HubSpotin raahaa ja pudota -editorin avulla.
Kun teema on asetettu aktiiviseksi, saat nämä mallit näkyviin aina, kun luot uuden sivun. Voit vaihtaa tilisi aktiivisen teeman milloin tahansa napsauttamalla mallinvalintanäytön Theme (Teema ) -pudotusvalikkoa, kuten alla olevissa ohjeissa näytetään.
Voit vaihtaa tilisi aktiivisen teeman:
-
Siirry sisältöön:
- Verkkosivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Napsauta oikeassa yläkulmassa Luo. Jos sinulla on useita yhdistettyjä verkkotunnuksia, napsauta Verkkosivusto-pudotusvalikkoa ja valitse verkkotunnus valintaikkunassa. Kirjoita sitten sivun nimi ja napsauta Luo sivu.
- Napsauta Theme (Teema ) -pudotusvalikkoa ja valitse Change theme (Muuta teemaa).
- Vie hiiren kursori teeman päälle teeman valintanäytössä ja avaa teeman esikatselu valitsemalla sitten Esikatsele teemaa tai Aseta aktiiviseksi teemaksi.
- Voit sitten valita teemasta mallin ja jatkaa sivun rakentamista HubSpotin vedä ja pudota -editorilla.
Luo sivu teeman avulla
-
Siirry sisältöön:
- Verkkosivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Napsauta oikeassa yläkulmassa Luo.
- Jos sinulla on useita yhdistettyjä verkkotunnuksia, napsauta Verkkosivusto-pudotusvalikkoa ja valitse verkkotunnus valintaikkunassa. Kirjoita sitten sivun nimi ja napsauta Luo sivu.
- Mallinvalintanäytössä aktiivisen teemasi mallit näkyvät Teema-mallit-osiossa. Jos haluat tarkastella malleja, jotka eivät kuulu aktiiviseen teemaan, valitse Muut mallit.
- Vie hiiren kursori mallin päälle ja valitse sitten esikatsele mallia valitsemalla Esikatsele malli tai valitse malli jatkaaksesi sisältöeditoriin.
- Muokkaa sivun sisältöä sisältöeditorissa raahaa ja pudota -editorilla.
-
Jos haluat ottaa muutokset käyttöön, valitse oikeassa yläkulmassa Julkaise tai Päivitä ja valitse sitten valintaikkunassa Julkaise nyt tai Päivitä nyt .
Soveltaa teemamallia blogiisi
Voit asettaa blogin käyttämään samaa teemaa kuin sivut blogiasetuksissa. Blogipostauksen ja blogin luettelosivu mallit valitaan erikseen.
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Siirry vasemmanpuoleisen sivupalkin valikossa kohtaan Sisältö > Blogi.
- Jos sinulla on useita blogeja, napsauta Valitse blogi muokattavaksi -pudotusvalikkoa ja valitse blogi.
- Napsauta Mallit-välilehteä .
- Napsauta Blogipostausmalli- ja Blogin luettelosivu -osioissa Toiminnot-pudotusvalikkoa ja valitse Muuta mallia.
- Valitse teeman valintanäytössä teema ja valitse sitten malli, jossa käytetään kyseistä teemaa. Napsauta oikeassa alakulmassa Valmis.
- Kun olet määrittänyt blogipostauksen ja luettelosivu mallit, napsauta vasemmassa alakulmassa Tallenna.
Huomaa: Jos blogin listasivuja voidaan muokata sisältöeditorissa, nämä vaiheet liidi sisältöeditoriin teeman valintanäytön sijasta.
Muokkaa teema-asetuksia
Voit mukauttaa 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 HubSpotin oletusteemoja, kloonattuja teemoja ja mukautettuja teemoja sekä luoda alateemoja.
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.
Kloonaa teema
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ämä kansio sisältää kaikki teemat ja oletusmoduulit, mukaan lukien vedä ja pudota -sähköpostimoduulit.
- Napsauta teemakansiota hiiren kakkospainikkeella ja valitse sitten Clone theme.
- Kirjoita valintaikkunassa teemalle nimi ja valitse sitten Luo.
Teema kopioidaan juurikansioon ja se näkyy hakemistossa muiden kansioiden kanssa.
Luo lapsiteema
Suunnittelunhallinnassa voit luoda lapsiteeman - kopion ostetusta teemasta - ostetun Template Marketplace -teeman tai HubSpotin oletusteeman pohjalta. 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 hakulaitteessa @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 nimet, valitse Lisäasetukset ja kirjoita sitten uudet tiedostonimet CSS- ja JS-kenttiin.
- Viimeistele prosessi valitsemalla Luo lapsiteema. Voit muokata lapsiteeman muotoilua sisältöeditorissa.
Kopioi teema 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 toiselle tilille.
- Valitse valintaikkunassa tili ja valitse sitten Kopioi omaisuuserä. Kansio näkyy määritetyllä tilillä heti, kun kopiointiprosessi on valmis.
Lataa teema
Content Hub -tilin käyttäjät voivat ostaa HubSpot-teemoja Envaton ThemeForest Marketplace -markkinapaikalta ja ladata ne sitten HubSpotiin teemanvalintanäytöltä:
- Siirry Envaton ThemeForest Marketplacen HubSpot CMS Hub -osioon .
- Osta teema markkinapaikalta.
- Saat sähköpostiviestin, jossa on ostamasi teeman ostokoodi. Kopioi ostokoodi.
-
Siirry sisältöön:
- Verkkosivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
- Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
- Napsauta oikeassa yläkulmassa Luo.
- Jos sinulla on useita yhdistettyjä verkkotunnuksia, napsauta Verkkosivusto-pudotusvalikkoa ja valitse verkkotunnus valintaikkunassa. Kirjoita sitten sivun nimi ja napsauta Luo sivu.
- Napsauta mallinvalintanäytössä Theme (Teema ) -pudotusvalikkoa ja valitse Change theme (Muuta teemaa).
- Klikkaa oikeassa yläkulmassa Install a theme from ThemeForest.
- Liitä valintaikkunaan sähköpostin ostokoodi ja napsauta sitten Asenna teema.
- Kirjaudu uudella välilehdellä Envaton ThemeForest Marketplaceen ja suorita asennus loppuun.
Kun olet onnistuneesti kirjautunut sisään, HubSpotissa näkyy banneri. Voi kestää muutaman minuutin, ennen kuin teemasi on käytettävissä.
Poista teema
HubSpotin oletusteemoja, kloonattuja teemoja ja ladattuja teemoja voi poistaa suunnittelunhallinnasta:
- Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
- Napsauta hakemistossa kansiota, jossa on teeman varat.
- Napsauta File (Tiedosto ) -pudotusvalikkoa ja valitse Delete [kansion nimi].
- Valitse valintaikkunassa Olen varma, että haluan poistaa tämän kansion -valintaruutu ja valitse sitten Poista tämä kansio.
Ostetut teemat on poistettava Template Marketplace -palvelusta:
- Napsauta HubSpot-tilisi ylänavigointipalkin Markkinapaikka-kuvaketta marketplace ja valitse Mallipohjien markkinapaikka.
- Napsauta Ostetut-välilehteä.
- Vie hiiren kursori teeman päälle, napsauta sitten Toiminnot-pudotusvalikkoa ja valitse Poista asennus.
- Napsauta valintaikkunassa Uninstall (Poista asennus).