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: joulukuuta 21, 2021

Tämä koskee seuraavia:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Teema on joukko malleja, moduuleja, globaalia sisältöä ja tyyliasetuksia, joita voidaan käyttää verkkosivuston luomiseen. Teemoja voi ladata Asset Marketplace -markkinapaikalta, ja 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

.

Teemojen ymmärtäminen

Teema on joukko verkkosivustosi 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 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 Asset Marketplace-palvelusta.

  • Siirry sisältöön:

    • Verkkosivuston sivut:Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut:Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Napsauta oikeassa yläkulmassaCreate (Luo) -pudotusvalikkoa ja valitseWebsite page (Verkkosivuston sivu) taiLanding page (Laskeutumissivu).
  • Kirjoita valintaikkunaan sivun nimi ja valitse sittenLuo sivu.
  • Valitse teema valintanäytössäteema. Napsauta oikeassa yläkulmassaPreview (Esikatselu), jos haluat esikatsella teemaa, taiSelect and continue (Valitse ja jatka ), jos haluat asettaa teeman aktiiviseksi.
select-a-new-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.
  • Valitse teeman valintanäytössä teema. Napsauta oikeassa yläkulmassa Preview (Esikatselu ) esikatsellaksesi teemaa tai Select and continue (Valitse ja jatka ) asettaaksesi teeman aktiiviseksi.

switch-active-themes

Sivun luominen teemaa käyttäen

  • Siirry sisältöön:

    • Verkkosivuston sivut:Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut:Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Napsauta oikeassa yläkulmassaCreate (Luo) -pudotusvalikkoa ja valitseWebsite page (Verkkosivuston sivu) taiLanding page (Laskeutumissivu).
  • Kirjoita valintaikkunaan sivun nimi ja valitse sittenLuo sivu.
  • Napsauta mallinvalintanäytössä mallia. Aktiivisen teemasi mallit näkyvätTeemamallit-osiossa. Jos haluat valita mallin, joka ei kuulu aktiiviseen teemaan, valitse Muut mallitja napsauta sittenmallia.
  • Napsauta oikeassa yläkulmassaPreview (Esikatselu) esikatsellaksesi valittua mallia taiSelect template (Valitse malli ) jatkaaksesi sisältöeditoriin.

select-template-from-active-theme

Soveltaa teemamallia blogiisi

Voit asettaa blogin käyttämään samaa teemaa kuin sivusi 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 Valitsemuokattava blogi-pudotusvalikkoa ja valitseblogi.
  • Napsauta Mallit-välilehteä .
  • NapsautaBlogipostaus-jaBlogiluettelo-osioissaToiminnot-pudotusvalikkoaja valitse Muuta mallia.

select-blog-template

  • Valitse teeman valintanäytössä teemasi ja valitse sittenmalli, jossa käytetään kyseistä teemaa. Napsauta oikeassa alakulmassaValmis.

select-a-theme-blog-template

  • Kun olet määrittänyt blogipostauksen ja blogiluettelosivun mallit, napsauta vasemmassa alareunassa Tallenna.

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.

Teeman kloonaaminen

Jos haluat muokata oletusteemojen koodattuja tiedostoja suunnittelunhallinnassa, ne on ensin kloonattava. Mukautetut teemat ja Asset Marketplace -markkinapaikalta ostetut teemat voidaan myös kloonata, mutta niitä voi 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 lapsiteemoja, jotka perustuvat mukautettuihin teemoihin, ja luoda lapsiteemoja CLI:n avulla käyttämällä kehittäjien dokumentaatiota. Lue lisää lapsiteemojen kanssa työskentelystä.

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Napsauta hakemistossa@marketplace-kansiota Asset Marketplace -teemojen osalta tai@hubspot-kansiotaoletusteemojen osalta.
  • Napsautateemakansiota hiiren kakkospainikkeella ja valitse sittenLuo lapsiteema.
  • Kirjoita valintaikkunassanimilapsiteemalle.
  • Jos haluat muuttaa, mihin lapsiteema tallennetaan, valitse MuutakohdassaTiedoston sijainti. Napsautakansiota ja valitse sitten Valitse.
  • Jos haluat mukauttaa teeman CSS- ja JS-tiedostojen nimiä, valitseLisäasetukset ja kirjoita sitten uudettiedostonimetCSS-jaJS-kenttiin.
  • Päätä prosessi valitsemallaLuo 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 Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Vie hiiren kursori hakulaitteessa sen teemakansio päälle, jonka haluat kopioida, napsauta kansiota hiiren kakkospainikkeella ja valitseKopioi eri tilille.

    copy-theme-folder-to-different-account
  • Valitse valintaikkunassa tili ja valitse sittenKopioi omaisuuserä. Kansio näkyy määritetyllä tilillä heti, kun kopiointiprosessi on valmis.

Lataa teema

CMS Hub - tileillä olevat käyttäjät voivat ladata HubSpot-teemoja Envaton ThemeForest Marketplace -palvelusta ja ladata ne sitten HubSpotiin:

  • Siirry Envaton ThemeForest Marketplacen HubSpot CMS Hub -osioon.
  • Osta ja lataa teema markkinapaikalta.
  • Laajenna pakattu tiedosto kaksoisnapsauttamalla lataamaasi teemaa. Tämä luo kansion, joka sisältää uuden teemasi ja sen dokumentaation.
  • Napsauta HubSpot-tilisi Asetukset-kuvaketta settings päänavigointipalkissa.
  • Siirry vasemman sivupalkin valikossa kohtaanVerkkosivusto>Teemat.
  • Napsauta oikeassa yläkulmassaUpload Theme (Lataa teema).
  • Avaa tietokoneen tiedostoissa uusi kansio ja valitse teemasi.

select-theme-file

Kun teema on ladattu, sivun yläosaan ilmestyy banneri. Saattaa kestää muutaman minuutin, ennen kuin teemasi on käytettävissä HubSpotissa.

upload-theme

Teeman poistaminen

HubSpotin oletusteemoja, kloonattuja teemoja ja ladattuja teemoja voi poistaa suunnittelunhallinnasta:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Napsauta etsimessä kansiota, jossa on teeman varat.
  • NapsautaTiedosto-pudotusvalikkoaja valitsePoista [kansion nimi].
  • Valitse valintaikkunassaOlen varma, että haluan poistaa tämän kansion -valintaruutu ja valitse sittenPoista 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 Actions (Toiminnot) -pudotusvalikkoa ja valitseUninstall (Poista asennus).
  • Napsauta valintaikkunassaPoista asennus.