Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Bruk temaer

Sist oppdatert: februar 18, 2025

Gjelder for:

Alle produkter og planer

Et tema er et sett med maler, moduler, globalt innhold og stilinnstillinger som kan brukes til å opprette et nettsted. Du kan redigere sider og innlegg ved hjelp av et tema i innholdsredigeringsprogrammet og angi bloggmaler for å bruke et tema i blogginnstillingene.

Alle kontoer har tilgang til minst ett standard HubSpot-tema. Temaer kan også lastes ned fra Template Marketplace.

Forstå temaer

Et tema er et sett med filer for nettstedet ditt, inkludert:

  • Kodede maler: et sett med maler for nettstedet ditt, inkludert en hjemmeside, om side, destinasjonsside og bloggmaler. Disse malene er egendefinert kodet av en utvikler, men innholdet og oppsettet kan tilpasses i innholdsredigeringsprogrammet.
  • Moduler: et sett med unike temamoduler du kan legge til i innholdet ved hjelp av det temaet.
  • Globalt innhold: innhold som gjentas på flere sider, for eksempel et nettsteds topptekst eller bunntekst. Du kan redigere globalt innhold direkte fra dra-og-slipp-sideredigeringsprogrammet.
  • Temainnstillinger: stilinnstillinger for maler som bruker et tema, inkludert skrifter, avstand og farger.

Bruk et aktivt tema

Du kan angi et aktivt tema for å vise temaets sider som standardalternativer for nyopprettede sider. Hvis du angir eller endrer et aktivt tema, endres ikke temaet som brukes for eksisterende innhold, noe som krever at du bytter innholdets gjeldende mal. Du kan kjøpe flere temaer i HubSpot Template Marketplace.

Hvis du ennå ikke har aktivert et tema for kontoen din, må du gjøre det før du kan begynne å bygge nettstedet ditt.

  • Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
  • Hvis du ennå ikke har opprettet noen nettsider:
  • Klikk på Start fra bunnen av.
  • På temavalgsskjermen holder du markøren over et tema, og deretter klikker du på Forhåndsvis tema for å åpne en forhåndsvisning av temaet eller Angi som aktivt tema for å bruke dette temaet som standard for sidene dine.
    set-as-active-theme
  • Du kan deretter velge en mal fra temaet for å fortsette å bygge en side ved hjelp av HubSpots dra og slipp-redigering.

Med temasettet som aktivt, vil du bli presentert med disse malene hver gang du oppretter en ny side. Du kan endre kontoens aktive tema når som helst ved å klikke på rullegardinmenyen Tema på malvalgskjermen, som vist i trinnene nedenfor.

For å endre kontoens aktive tema:

  • Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
  • Klikk på Opprett øverst til høyre. Hvis du har flere tilkoblede domener, klikker du på rullegardinmenyen Nettsted og velger et domene i dialogboksen. Skriv deretter inn et sidenavn og klikk på Opprett side.
  • Klikk på rullegardinmenyen Tema og velg Endre tema.

change-theme

  • På temavalgsskjermen holder du markøren over et tema, og deretter klikker du på Forhåndsvis tema for å åpne en forhåndsvisning av temaet eller Angi som aktivt tema.
    set-as-active-theme

Opprett en side med et tema

  • Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
  • Klikk på Opprett øverst til høyre.
  • Hvis du har flere tilkoblede domener, klikker du på rullegardinmenyen Nettsted og velger et domene i dialogboksen. Skriv deretter inn et sidenavn og klikk på Opprett side.
  • På malvalgskjermen vises maler fra det aktive temaet i Temamaler-delen. Hvis du vil vise maler som ikke er en del av det aktive temaet, klikker du på Andre maler.
  • Hold musepekeren over en mal, og klikk deretter på Forhåndsvis mal for å forhåndsvise malen eller Velg mal for å fortsette til innholdsredigeringsprogrammet.

select-website-template

  • I innholdsredigereren redigerer du sideinnhold ved hjelp av dra og slipp-redigereren.
  • Hvis du vil aktivere endringene, klikker du på Publiser eller Oppdater øverst til høyre, og deretter på Publiser nå eller Oppdater nå i dialogboksen.

Bruk en temamal på bloggen din

Du kan angi at en blogg skal bruke samme tema som sidene dine i blogginnstillingene. Malene for blogginnlegg og blogglistesider velges separat.

  • I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
  • Gå til Innhold > Blogg i menyen til venstre i sidepanelet.
  • Hvis du har flere blogger, klikker du Velg en blogg for å endre rullegardinmenyen og velger en blogg.
  • Klikk på fanen Maler .
  • Klikk på rullegardinmenyen Handlinger i delene Blogginnleggsmal og Bloggoppføringsside, og velg Endre mal.

change-blog-post-template

  • Velg temaet ditt på temavalgsskjermen, og velg deretter en mal som bruker det temaet. Klikk på Ferdig nederst til høyre.
  • Når du har angitt malene for blogginnlegg og bloggoppføringsside, klikker du på Lagre nederst til venstre.

Merk: For bloggoppføringssider som kan redigeres i innholdsredigereren, vil disse trinnene føre til innholdsredigereren i stedet for temavalgsskjermen.

Rediger temainnstillinger

Du kan tilpasse stylingen av temaet - inkludert skrift, farger og avstand - i temainnstillingene. Stiler som redigeres her, gjelder for alle sider og temamoduler som inngår i dette temaet. Finn ut mer om hvordan du administrerer temainnstillinger.

edit-global-theme-fonts

Administrer temaer

I designbehandlingen kan du redigere, klone eller kopiere et tema til en annen HubSpot-konto. Du kan også slette standard HubSpot-temaer, klonede temaer og egendefinerte temaer, samt opprette underordnede temaer.

Du kan redigere temainnstillingene for et underordnet tema uten å påvirke det overordnede temaet, men det vil ikke opprette flere kopier av temaressurser. Hvis du vil kopiere ressursene til et overordnet tema, anbefales det å klone temaet.

Klone et tema

Hvis du vil redigere de kodede filene med standardtemaer i utformingsbehandlingen, må de først klones.

Merk: Temaer som er kjøpt fra HubSpot Template Marketplace, samt Elevate-temaet , kan ikke klones. Du kan i stedet opprette et underordnet tema
  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • Klikk på @ hubspot-mappen i søkeren. Denne mappen inneholder alle temaer og standardmoduler, inkludert dra-og-slipp-e-postmoduler.
    design-manager-hubspot-folder
  • Høyreklikk på en temamappe , og velg deretter Klon tema.
design-manager-theme-folder-clone
  • Skriv inn et navn på temaet i dialogboksen, og klikk deretter på Opprett.

Temaet kopieres til rotmappen og vises i søkeren sammen med de andre mappene.

Opprett et underordnet tema

I designbehandlingen kan du opprette et underordnet tema - en kopi av et kjøpt tema - basert på et kjøpt Template Marketplace-tema eller et standard HubSpot-tema. Du kan redigere temainnstillingene for et underordnet tema uten å påvirke det overordnede temaet.

Utviklere kan også opprette underordnede temaer basert på egendefinerte temaer og opprette underordnede temaer ved hjelp av CLI ved hjelp av utviklerdokumentasjonen vår Finn ut mer om arbeid med underordnede temaer.

  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • I søkeren klikker du på mappen @marketplace for Template Marketplace-temaer eller mappen @ hubspot for standardtemaer.
  • Høyreklikk på en temamappe, og velg deretter Opprett underordnet tema.
  • Skriv inn et navn for det underordnede temaet i dialogboksen.
  • Hvis du vil endre hvor det underordnede temaet skal lagres, klikker du på Endre i Filplassering-delen. Klikk på en mappe, og klikk deretter på Velg.
  • Hvis du vil tilpasse navnene på temaets CSS- og JS-filer, klikker du på Avanserte alternativer og skriver inn nye filnavn i CSS- og JS-feltene.
  • Klikk på Opprett underordnet tema for å fullføre prosessen. Du kan redigere stylingen for det underordnede temaet i innholdsredigeringsprogrammet.

Kopier et tema til en annen konto

Du kan kopiere en temamappe fra én konto til en annen. Du må være en bruker med Designverktøy-tillatelser i begge kontoene.

Merk: Temamapper i @ hubspot-eller @ marketplace-katalogene kan ikke kopieres mellom kontoer.

Slik kopierer du et tema til en konto:

  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • I søkeren holder du markøren over temamappen du vil kopiere, høyreklikker på mappen og velger Kopier til en annen konto.
    copy-theme-folder-to-different-account
  • Velg en konto i dialogboksen, og klikk deretter på Kopier ressurs. Mappen vises i den angitte kontoen så snart kopieringsprosessen er fullført.

Last opp et tema

Brukere i Content Hub-kontoer kan kjøpe HubSpot-temaer fra Envatos ThemeForest Marketplace, og deretter laste dem opp til HubSpot fra skjermbildet for valg av tema:

copy-your-envato-purchase-code

  • Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
  • Klikk på Opprett øverst til høyre.
  • Hvis du har flere tilkoblede domener, klikker du på rullegardinmenyen Nettsted og velger et domene i dialogboksen. Skriv deretter inn et sidenavn og klikk på Opprett side.
  • Klikk på rullegardinmenyen Tema på malvalg-skjermen, og velg Endre tema.

change-theme

  • Klikk på Installer et tema fra ThemeForest øverst til høyre.

install-a-theme-from-themeforest

  • Lim inn kjøpskoden fra e-posten i dialogboksen, og klikk deretter på Installer tema.
  • I den nye fanen logger du på Envatos ThemeForest Marketplace for å fullføre installasjonsprosessen.

Når du har logget på, vises et banner i HubSpot. Det kan ta noen minutter før temaet er tilgjengelig.

Slett et tema

Standard HubSpot-temaer, klonede temaer og opplastede temaer kan slettes fra designadministratoren:

  • Gå til Innhold > Design Manager i HubSpot-kontoen din.
  • Klikk på mappen med temaets ressurser i søkeren.
  • Klikk på rullegardinmenyen Fil, og velg Slett [mappenavn].
  • Merk av for Jeg er sikker på at jeg vil slette denne mappen i dialogboksen, og klikk deretter på Slett denne mappen.

Kjøpte temaer må avinstalleres fra malmarkedsplassen:

  • I HubSpot-kontoen din klikker du på ikonet Marketplace marketplace i den øverste navigasjonslinjen og velger deretter Template Marketplace.
  • Klikk på fanen Kjøpt.
  • Hold musepekeren over temaet, klikk deretter på rullegardinmenyen Handlinger og velg Avinstaller.
  • Klikk på Avinstaller i dialogboksen.
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.