Spring til indhold
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Brug temaer

Sidst opdateret: februar 7, 2025

Gælder for:

Alle produkter og abonnementer

Et tema er et sæt skabeloner, moduler, globalt indhold og stilindstillinger, der kan bruges til at oprette et website. Du kan redigere sider og indlæg ved hjælp af et tema i indholdseditoren og indstille blogskabeloner til at bruge et tema i dine blogindstillinger.

Alle konti har adgang til mindst ét standard HubSpot-tema. Temaer kan også downloades fra Template Marketplace.

Forstå temaer

Et tema er et sæt filer til din hjemmeside, herunder:

  • Kodede skabeloner: et sæt skabeloner til din hjemmeside, herunder en hjemmeside, en om-side, en landingsside og blogskabeloner. Disse skabeloner er specialkodet af en udvikler, men indholdet og layoutet kan tilpasses i indholdseditoren.
  • Moduler: et sæt unikke temamoduler, som du kan tilføje til indhold, der bruger det pågældende tema.
  • Globalt indhold: indhold, der gentages på flere sider, f.eks. en sidehoved eller sidefod. Du kan redigere globalt indhold direkte fra træk og slip-sideeditoren.
  • Temaindstillinger: Stilindstillinger for skabeloner, der bruger et tema, herunder skrifttyper, mellemrum og farver.

Brug et aktivt tema

Du kan indstille et aktivt tema til at vise dette temas sider som standardindstillinger for nyoprettede sider. Indstilling eller ændring af et aktivt tema ændrer ikke det tema, der bruges til eksisterende indhold, hvilket kræver, at indholdets nuværende skabelon udskiftes. Yderligere temaer kan købes i HubSpot Template Marketplace.

Hvis du endnu ikke har aktiveret et tema til din konto, skal du gøre det, før du kan begynde at bygge din hjemmeside.

  • Naviger til dit indhold:

    • Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
  • Hvis du endnu ikke har oprettet nogen websider:
  • Klik på Start fra bunden.
  • Hold musen over et tema på skærmen til valg af tema, og klik derefter på Forhåndsvisning af tema for at åbne en forhåndsvisning af temaet eller Indstil som aktivt tema for at bruge dette tema som standard for dine sider.

  • Du kan derefter vælge en skabelon fra temaet for at fortsætte med at opbygge en side ved hjælp af HubSpots træk-og-slip-editor.

Når temaet er indstillet som aktivt, vil du blive præsenteret for disse skabeloner, hver gang du opretter en ny side. Du kan til enhver tid ændre din kontos aktive tema ved at klikke på rullemenuen Tema på skærmen til valg af skabelon, som vist i nedenstående trin.

Sådan ændrer du din kontos aktive tema:

  • Naviger til dit indhold:

    • Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
  • Klik på Opret øverst til højre. Hvis du har flere forbundne domæner, skal du klikke på rullemenuen Website og vælge et domæne i dialogboksen. Indtast derefter et sidenavn, og klik på Opret side .
  • Klik på rullemenuen Tema, og vælg Skift tema.

  • Hold musen over et tema på skærmen til valg af tema, og klik derefter på Forhåndsvisning af tema for at åbne en forhåndsvisning af temaet eller Indstil som aktivt tema.


Opret en side ved hjælp af et tema

  • Naviger til dit indhold:

    • Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
  • Klik på Opret øverst til højre.
  • Hvis du har flere forbundne domæner, skal du klikke på rullemenuen Website og vælge et domæne i dialogboksen. Indtast derefter et sidenavn , og klik på Opret side .
  • På skærmen til valg af skabelon vises skabeloner fra dit aktive tema i afsnittet Temaskabeloner. Klik på Andre skabeloner for at se skabeloner, der ikke er en del af dit aktive tema.
  • Hold musen over en skabelon, og klik derefter på Forhåndsvisning af skabelon for at få vist skabelonen eller Vælg skabelon for at fortsætte til indholdseditoren.

  • I indholdseditoren kan du redigere sidens indhold ved hjælp af træk og slip-editoren.
  • Klik på Udgiv eller Opdater øverst til højre for at gøre dine ændringer live, og klik derefter på Udgiv nu eller Opdater nu i dialogboksen.

Anvend en temaskabelon på din blog

Du kan indstille en blog til at bruge det samme tema som dine sider i dine blogindstillinger. Skabelonerne til blogindlæg og blog-listesider vælges separat.

  • På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
  • Gå til Indhold > Blog i menuen i venstre sidepanel.
  • Hvis du har flere blogs, skal du klikke på rullemenuen Vælg en blog, der skal ændres, og vælge en blog.
  • Klik på fanen Skabeloner .
  • I afsnittene Blog Post Template og Blog Listing Page skal du klikke på rullemenuen Actions og vælge Change template.

  • På skærmen til valg af tema skal du vælge dit tema og derefter vælge en skabelon, der bruger dette tema. Klik på Udført nederst til højre.
  • Når du har indstillet skabelonerne til blogindlæg og Listeside, skal du klikke på Gem nederst til venstre.

Bemærk: For blog-listesider, der kan redigeres i indholdseditoren, vil disse trin føre til indholdseditoren i stedet for skærmen til valg af tema.

Rediger temaindstillinger

Du kan tilpasse stylingen af dit tema - herunder skrifttype, farver og mellemrum - i dine temaindstillinger. Stilarter, der redigeres her, gælder for alle sider og temamoduler, der er inkluderet i dette tema. Læs mere om administration af temaindstillinger.

Administrer temaer

I designmanageren kan du redigere, klone eller kopiere et tema til en anden HubSpot-konto. Du kan også slette standard HubSpot-temaer, klonede temaer og brugerdefinerede temaer samt oprette underordnede temaer.

Du kan redigere temaindstillingerne for et underordnet tema uden at påvirke det overordnede tema, men det vil ikke oprette yderligere kopier af temaaktiver. For at kopiere et overordnet temas aktiver anbefales det at klone temaet.

Klon et tema

For at redigere standardtemaernes kodede filer i designmanageren skal de først klones.

Bemærk venligst: temaer købt fra HubSpot Template Marketplace kan ikke klones. I stedet kan du oprette et child theme. I øjeblikket er Elevate
  • På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  • Klik på @hubspot-mappen i søgeren. Denne mappe indeholder alle temaer og standardmoduler, inklusive træk og slip-e-mailmoduler.
  • Højreklik på en temamappe, og vælg derefter Klon tema.

  • Indtast et navn til temaet i dialogboksen, og klik derefter på Opret.

Temaet kopieres til rodmappen og vises i stifinderen sammen med dine andre mapper.

Opret et child theme

I designmanageren kan du oprette et child theme - en kopi af et købt tema - baseret på et købt Template Marketplace-tema eller et standard HubSpot-tema. Du kan redigere temaindstillingerne for et underordnet tema uden at påvirke det overordnede tema.

Udviklere kan også oprette child themes baseret på brugerdefinerede temaer og oprette child themes ved hjælp af CLI ved hjælp af vores udviklerdokumentation. Få mere at vide om at arbejde med underordnede temaer.

  • På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  • Klik i søgeren på @marketplace-mappen for Template Marketplace-temaer eller @hubspot-mappen for standardtemaer.
  • Højreklik på en temamappe, og vælg derefter Create child theme.
  • Indtast et navn til det underordnede tema i dialogboksen.
  • Hvis du vil ændre, hvor det underordnede tema skal gemmes, skal du klikke på Change i afsnittet File location. Klik på en mappe, og klik derefter på Vælg.
  • Hvis du vil tilpasse navnene på temaets CSS- og JS-filer, skal du klikke på Avancerede indstillinger og derefter indtaste nye filnavne i felterne CSS og JS.
  • Klik på Opret child theme for at afslutte processen. Du kan redigere stylingen for det underordnede tema i indholdseditoren.

Kopier et tema til en anden konto

Du kan kopiere en temamappe fra en konto til en anden. Du skal være en bruger med rettigheder til designværktøjer på begge konti.

Bemærk: Temamapper i @hubspot- eller @marketplace-bibliotekerne kan ikke kopieres mellem konti.

Sådan kopierer du et tema til en konto:

  • På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  • Hold musen over den temamappe, du vil kopiere, i søgeren, højreklik derefter på mappen, og vælg Kopier til en anden konto.

  • Vælg en konto i dialogboksen, og klik derefter på Copy asset. Mappen vises i den angivne konto, så snart kopieringsprocessen er færdig.

Upload et tema

Brugere af Content Hub-konti kan købe HubSpot-temaer fra Envatos ThemeForest Marketplace og derefter uploade dem til HubSpot fra skærmbilledet til valg af tema:

  • Naviger til HubSpot CMS Hub-sektionen på Envatos ThemeForest Marketplace.
  • Køb et tema fra markedspladsen.
  • Du vil modtage en e-mail med en købskode til dit købte tema. Kopier købskoden.

  • Naviger til dit indhold:

    • Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
    • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
  • Klik på Opret øverst til højre.
  • Hvis du har flere forbundne domæner, skal du klikke på rullemenuen Website og vælge et domæne i dialogboksen. Indtast derefter et sidenavn, og klik på Opret side .
  • På skærmen til valg af skabelon skal du klikke på rullemenuen Tema og vælge Skift tema.

  • Klik på Rate et tema fra ThemeForest øverst til højre.

  • Indsæt købskoden fra e-mailen i dialogboksen, og klik derefter på Rate theme.
  • I den nye fane skal du logge ind på Envatos ThemeForest Marketplace for at afslutte raten.

Når du er logget ind, vises et banner i HubSpot. Det kan tage et par minutter, før dit tema er tilgængeligt.

Slet et tema

Standard HubSpot-temaer, klonede temaer og uploadede temaer kan slettes fra designmanageren:

  • På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  • Klik på mappen med temaets aktiver i stifinderen.
  • Klik på rullemenuen File, og vælg Delete [folder name].
  • I dialogboksen skal du markere afkrydsningsfeltet Jeg er sikker på, at jeg vil slette denne mappe , og derefter klikke på Slet denne mappe.

Købte temaer skal afinstalleres fra Template Marketplace:

  • På din HubSpot-konto skal du klikke på Marketplace-ikonet marketplace på den øverste navigationslinje og derefter vælge Template Marketplace.
  • Klik på fanen Købt.
  • Hold musen over temaet, klik derefter på rullemenuen Handlinger, og vælg Afinstaller.
  • Klik på Afinstaller i dialogboksen.
Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.