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: syyskuuta 13, 2022

Tämä koskee seuraavia:

Kaikki tuotteet ja HubSpot-tilaukset

Teema on joukko malleja, moduuleja, yleistä sisältöä ja tyyliasetuksia, joita voidaan käyttää verkkosivuston luomiseen. Teemoja voi ladata Asset Marketplace -markkinapaikalta, kun taas CMS Hub tileillä on myös pääsy HubSpotin oletusteemoihin. Voit muokata teemaa käyttäviä sivuja raahaa ja pudota -sisältöeditorilla ja asettaa blogimallit käyttämään teemaa blogiasetuksissa .

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 vedä ja pudota -sisältöeditorilla.
  • 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 olevassa sisällössä käytettävää teemaa, mikä edellyttää sisällön nykyisen mallin vaihtamista. Lisää teemoja voi ostaa Asset Marketplace-palvelusta.

  • Siirry sisältöön:

    • Verkkosivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Napsauta oikeassa yläkulmassa Create (Luo ) -pudotusvalikkoa ja valitse Website page (Verkkosivu ) tai Landing page (Laskeutumissivu).
  • Kirjoita valintaikkunaan 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 määrittänyt 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 Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > 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.
  • Napsauta oikeassa yläkulmassa Päivitä tai Julkaise , jos haluat tehdä muutokset.

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 Asetukset-kuvaketta settings päänavigointipalkissa.
  • Siirry vasemman sivupalkin valikossa kohtaan Verkkosivusto > 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 teeman valintanä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 design managerissa, ne on ensin kloonattava. Mukautetut teemat ja Asset Marketplace -markkinapaikalta ostetut teemat voidaan myös kloonata, mutta niitä voidaan muokata suoraan.

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • 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 Asset 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 Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Napsauta etsimessä @marketplace-kansiota Asset 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 Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • 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

Käyttäjät CMS Hub tilit 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 markkinoilta.
  • Saat sähköpostitse ostokoodin ostamallesi teemalle. Kopioi ostokoodi.

copy-your-envato-purchase-code

  • Siirry sisältöön:

    • Verkkosivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > 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 Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • 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 Asset Marketplace -palvelusta:

  • Napsauta HubSpot-tilisi Marketplace-kuvaketta marketplace päänavigointipalkissa.
  • Napsauta Ostetut-välilehteä .
  • Vie hiiren kursori teeman päälle, napsauta sitten pudotusvalikkoa Toiminnot ja valitse Poista asennus.
  • Valitse valintaikkunassa Poista asennus.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.