Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Käytä teemoja

Päivitetty viimeksi: huhtikuuta 12, 2024

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Kaikki tuotteet ja HubSpot-tilaukset

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 otsikossa tai alatunnisteessa. Voit muokata globaalia sisältöä suoraan vedä ja pudota -sivueditorista.
  • Teema-asetukset: teemaa käyttävien mallien tyyliasetukset, mukaan lukien 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 olevan sisällön teemaa, mikä edellyttää sisällön nykyisen mallin vaihtamista. Lisää teemoja voi ostaa HubSpot Template Marketplace-palvelusta.

  • 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 Create (Luo ) -pudotusvalikkoa ja valitse Website page (Verkkosivu ) tai Landing page (Laskeutumissivu).
  • Kirjoita valintaikkunassa sivun nimi ja valitse sitten Luo sivu.
  • Vie hiiren kursori teeman päälle teeman valintanäytössä ja avaa teeman esikatselu valitsemalla sitten Esikatsele teemaa tai Aseta aktiiviseksi teemaksi, jos haluat käyttää tätä teemaa sivujesi oletusasetuksena.

set-an-active-theme
Kun olet asettanut teeman, pääset mallinvalintanäyttöön aina, kun luot uuden sivun. Tästä näytöstä voit vaihtaa toiseen aktiiviseen teemaan:

  • Napsauta avattavaa Teema-valikkoa ja valitse Vaihda teema.

change-theme-in-hubspot

  • Vie hiiren kursori teeman päälle teeman valintanäytössä ja avaa teeman esikatselu valitsemalla sitten Esikatsele teemaa tai Aseta aktiiviseksi teemaksi, jos haluat käyttää tätä teemaa sivujesi oletusasetuksena.

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 Create (Luo ) -pudotusvalikkoa ja valitse Website page (Verkkosivu ) tai Landing page (Laskeutumissivu).
  • Kirjoita valintaikkunassa sivun nimi ja valitse sitten Luo sivu.
  • Mallinvalintanäytössä aktiivisen teeman mallit näkyvät Teemamallit-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 mallia tai valitse malli jatkaaksesi sisältöeditoriin.

preview-or-select-template

  • Muokkaa sivun sisältöä sisältöeditorissa raahaa ja pudota -editorilla.
  • Jos haluat ottaa muutokset käyttöön, napsauta oikeassa yläkulmassa Julkaise tai Päivitä ja napsauta 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 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 muutettava blogi -pudotusvalikkoa ja valitse blogi.
  • Napsauta Mallit-välilehteä .
  • Napsauta Blogipostauksen malli- ja Blogiluettelosivu -osioissa Toiminnot-pudotusvalikkoa ja valitse Muuta mallia.

change-blog-template

  • Valitse teemanvalintanäytössä teema ja valitse sitten malli , jossa käytetään kyseistä teemaa. Napsauta oikeassa alakulmassa Valmis.

select-a-theme-blog-template

  • Kun olet määrittänyt blogipostauksen ja blogiluettelosivun mallit, napsauta Tallenna vasemmalla alhaalla.

Huomaa: Jos blogin listasivuja voidaan muokata sisältöeditorissa, nämä vaiheet johtavat 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.

edit-global-theme-fonts

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.

Kloonaa teema

Jos haluat muokata oletusteemojen koodattuja tiedostoja suunnittelunhallinnassa, ne on ensin kloonattava. Template Marketplace -markkinapaikalta ostettuja teemoja ei voi kloonata; sen sijaan on suositeltavaa luoda lapsiteema .

  • 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.
    design-manager-hubspot-folder
  • Napsauta teemakansiota hiiren kakkospainikkeella ja valitse sitten Kloonaa teema.
design-manager-theme-folder-clone
  • 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.

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 sitten Luo lapsiteema.
  • Kirjoita valintaikkunassa lapsiteemalle nimi .
  • Jos haluat muuttaa lapsiteeman tallennuspaikkaa, napsauta Tiedoston sijainti -osiossa kohtaa Muuta . Napsauta kansiota ja valitse sitten Valitse.
  • Jos haluat muokata teeman CSS- ja JS-tiedostojen nimiä, valitse Lisäasetukset ja kirjoita sitten uudet tiedostonimet CSS- ja JS-kenttiin .
  • Päätä 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.

    copy-theme-folder-to-different-account
  • 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östä:

copy-your-envato-purchase-code

  • 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 Create (Luo ) -pudotusvalikkoa ja valitse Website page (Verkkosivu ) tai Landing page (Laskeutumissivu).
  • Kirjoita valintaikkunaan sivun nimi ja valitse Luo sivu.
  • Napsauta mallinvalintanäytössä avattavaa Teema-valikkoa ja valitse Vaihda teema.

change-theme-in-hubspot

  • Klikkaa oikeassa yläkulmassa Install a theme from ThemeForest.

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ä.

upload-theme

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 pudotusvalikkoa Tiedosto ja valitse Poista [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 pudotusvalikkoa Toiminnot ja valitse Poista asennus.
  • Valitse valintaikkunassa Poista asennus.
Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.