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: april 12, 2024

Gælder for:

Alle produkter og abonnementer

Et tema er et sæt af skabeloner, moduler, globalt indhold og stilindstillinger, der kan bruges til at oprette en hjemmeside. 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 kodet af en udvikler, men indhold og layout 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. hjemmesidens 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 vil ikke ændre det tema, der bruges til eksisterende indhold, hvilket kræver udskiftning af indholdets aktuelle skabelon . Yderligere temaer kan købes i HubSpot Template Marketplace.

Naviger til dit indhold:
- Hjemmeside-sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
Klik på rullemenuen Create øverst til højre, og vælg Website page eller Landing page.
Indtast et sidenavn i dialogboksen, og klik derefter på Opret side.
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.

set-an-active-theme
Når du har indstillet et tema, kommer du til skærmen for valg af skabelon, hver gang du opretter en ny side. Fra dette skærmbillede kan du skifte til et andet aktivt tema:

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 for at bruge dette tema som standard for dine sider.

Opret en side ved hjælp af et tema

Naviger til dit indhold:
- Hjemmeside-sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
Klik på rullemenuen Create øverst til højre, og vælg Website page eller Landing page.
Indtast et sidenavn i dialogboksen, og klik derefter på Opret side.
På skærmen til valg af skabelon vises skabeloner fra dit aktive tema i afsnittet Temaskabeloner . For at se skabeloner, der ikke er en del af dit aktive tema, skal du klikke på Andre skabeloner.
Hold musen over en skabelon, og klik derefter på Preview template for at få vist skabelonen eller Select template for at fortsætte til indholdseditoren.

preview-or-select-template

I indholdseditoren kan du redigere sidens indhold ved hjælp af træk og slip-editoren.
Hvis du vil føre dine ændringer ud i livet, skal du klikke på Udgiv eller Opdater øverst til højre og derefter klikke 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 blogoversigter vælges separat.

På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
I menuen til venstre skal du navigere til Indhold > Blog.
Hvis du har flere blogs, skal du klikke på rullemenuen Select a blog to modify og vælge en blog.
Klik på fanen Skabeloner .
I sektionerne Blog Post Template og Blog Listing Page skal du klikke på rullemenuen Actions og vælge Change template.

change-blog-template

På skærmen til valg af tema skal du vælge dit tema og derefter vælge en skabelon , der bruger det tema. Klik på Udført nederst til højre.

select-a-theme-blog-template

Når du har indstillet skabelonerne for blogindlæg og blogoversigter, skal du klikke på Gem nederst til venstre.

Bemærk: For blogopslagssider, 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. Få mere at vide om at administrere temaindstillinger.

edit-global-theme-fonts

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 child themes.

Klon et tema

For at redigere de kodede filer for standardtemaer i designmanageren, skal de først klones. Temaer købt fra Template Marketplace kan ikke klones; det anbefales at oprette et child theme i stedet.

På din HubSpot-konto skal du navigere til Indhold > Design Manager.
Klik på mappen @hubspot i søgeren. Denne mappe indeholder alle temaer og standardmoduler, herunder drag and drop-e-mailmoduler.
Højreklik på en temamappe, og vælg derefter Clone theme.

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

Temaet kopieres til rodmappen og vises i søgeren 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.

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

På din HubSpot-konto skal du navigere til Indhold > Design Manager.
Klik i søgeren på mappen @marketplace for Template Marketplace-temaer eller på mappen @hubspot for standardtemaer.
Højreklik på en temamappe, og vælg derefter Create child theme.
I dialogboksen skal du indtaste et navn til child theme.
Hvis du vil ændre, hvor child theme skal gemmes, skal du klikke på Skift i afsnittet Filplacering. 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 child theme 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 venligst: Temamapper i @hubspot- eller @marketplace-mapperne kan ikke kopieres mellem konti.

Sådan kopieres et tema til en konto:

På din HubSpot-konto skal du navigere til Indhold > Design Manager.
Hold markøren over den temamappe, du vil kopiere, i søgeren, højreklik på mappen, og vælg Kopier til en anden konto.
Vælg en konto i dialogboksen, og klik derefter på Copy asset. Mappen vises på den angivne konto, så snart kopieringsprocessen er færdig.

Upload et tema

Brugere med Content Hub-konti kan købe HubSpot-temaer fra Envatos ThemeForest Marketplace og derefter uploade dem til HubSpot fra skærmen 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.

copy-your-envato-purchase-code

Naviger til dit indhold:
- Hjemmeside-sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
Klik på rullemenuen Create øverst til højre, og vælg Website page eller Landing page.
Indtast et sidenavn i dialogboksen, og klik på Opret side.
På skærmen til valg af skabelon skal du klikke på rullemenuen Tema og vælge Skift tema.

change-theme-in-hubspot

Øverst til højre klikker du på Installer et tema fra ThemeForest.

install-a-theme-from-themeforest

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

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

upload-theme

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 søgeren.
Klik på rullemenuen Filer , og vælg Slet [mappenavn].
I dialogboksen skal du markere afkrydsningsfeltet Jeg er sikker på, at jeg vil slette denne ma ppe, 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 på rullemenuen Handlinger , og vælg Afinstaller.
Klik på Afinstaller i dialogboksen.

Var denne artikel nyttig? Ja Nej

Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.