Brug temaer

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.

1. 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.
2. Klik på Opret eller Kom i gang.
3. På siden for valg af tema skal du klikke på Indstil som aktivt tema på det ønskede temakort. Klik på Forhåndsvisning af tema for at få vist temaet.
4. På siden for valg af skabelon skal du klikke på Vælg skabelon på det ønskede skabelonkort. Fortsæt derefter med at opbygge en side ved hjælp af HubSpots træk-og-slip-editor

Skift aktivt tema

1. 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.
2. Klik på Opret eller Kom i gang øverst til højre.
3. Hvis du vil ændre temaet på websiderne, skal du klikke på rullemenuen Tema og vælge Skift tema. Klik derefter på Indstil som aktivt tema på det ønskede temakort.

4. Hvis du vil ændre temaet fra landingssider, skal du klikke på navnet på temaet i menuen i venstre side. Klik derefter på Indstil som aktivt tema på det ønskede temakort.

5. 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.
6. Du kan derefter vælge en skabelon fra temaet for at fortsætte med at opbygge en side med HubSpots træk og slip-editor.

Opret en side med et tema

1. Naviger til dit indhold:

   • Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
   • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
2. Klik på Opret eller Kom i gang øverst til højre.
3. Hvis du ikke har valgt et tema tidligere, kommer du til skærmen for valg af tema. Klik på Indstil som aktivt tema på det ønskede temakort. Klik på Forhåndsvisning af tema for at få vist temaet.
4. På skærmen til valg af skabeloner 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.
5. Klik på Vælg skabelon eller Brug for at vælge en skabelon fra temaet.
6. Rediger sideindhold i indholdseditoren ved hjælp af træk-og-slip-editoren.

7. Klik på Udgiv eller Opdater øverst til højre for at tage dine ændringer i brug.

Anvend en temaskabelon på din blog

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

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

6. Klik på det ønskede temakort på skærmen til valg af tema, og klik derefter på skabelonkortet. Klik på Udført nederst til højre.

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.

Administrer temaer

I designmanageren kan du redigere, klone eller kopiere et tema til en anden HubSpot-konto. Du kan også slette klonede temaer, 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 skabe yderligere kopier af temaaktiver. For at kopiere et overordnet temas aktiver anbefales det at klone temaet.

Klon et tema

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

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på @hubspot-mappen i søgeren. Denne mappe indeholder alle temaer og standardmoduler, inklusive træk og slip-e-mailmoduler.
3. Klik på en temamappe.
4. Klik på rullemenuen Filer, og vælg Klon tema.
5. Indtast et navn til temaet i dialogboksen.
6. Hvis du vil ændre filplaceringen for det klonede tema, skal du klikke på Skift i feltet Filplacering. Vælg derefter en placering. Som standard vælges rodmappen.
7. Når du er færdig, skal du klikke på Create.

Opret et underordnet tema

I designmanageren kan du oprette et child theme baseret på et købt Template Market place-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 underordnede temaer baseret på brugerdefinerede temaer og oprette underordnede temaer ved hjælp af CLI ved hjælp af udviklerdokumentationen. Få mere at vide om at arbejde med underordnede temaer.

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik i søgeren på @marketplace-mappen for Template Marketplace-temaer eller @hubspot-mappen for standardtemaer.
3. Højreklik på en temamappe, og vælg derefter Create child theme.
4. Indtast et navn til det underordnede tema i dialogboksen.
5. 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.
6. 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.
7. Klik på Opret underordnet tema 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:

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Hold musen over den temamappe, du vil kopiere, i søgeren, højreklik derefter på mappen, og vælg Kopier til en anden konto.
3. I dialogboksen skal du klikke på rullemenuen Destinationskonto og vælge en konto. Klik derefter på Kopier aktiv. Mappen vises på destinationskontoen, så snart kopieringsprocessen er afsluttet.
   
   

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:

1. Naviger til HubSpot CMS Hub -sektionen på Envatos ThemeForest Marketplace.
2. Køb et tema fra markedspladsen.
3. Du modtager en e-mail med en købskode til dit købte tema. Kopier købskoden.
4. På din HubSpot-konto skal du navigere til Indhold > Websider.
5. Klik på Opret øverst til højre.
6. Klik på rullemenuen Tema på siden Vælg en skabelon, og klik derefter på Skift tema.

7. På siden Vælg et tema skal du klikke på Installer et tema fra ThemeForest nederst på siden.
8. Indsæt købskoden fra e-mailen i dialogboksen, og klik derefter på Installer tema.
9. I den nye fane skal du logge ind på Envatos ThemeForest Marketplace for at afslutte installationsprocessen.
10. 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

Klonede temaer og uploadede temaer kan slettes fra designmanageren:

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på mappen med temaets aktiver i stifinderen.
3. Klik på rullemenuen Filer, og vælg Slet [mappenavn].
4. I dialogboksen skal du markere afkrydsningsfeltet for at bekræfte, at du har gennemgået de afhængige elementer, og derefter klikke på Slet denne mappe.

Købte temaer skal afinstalleres fra Template Marketplace:

1. På din HubSpot-konto skal du klikke på Marketplace-ikonet marketplace i den øverste navigationslinje og derefter vælge Marketplace downloads.
2. Klik på rullemenuen Handlinger på fanen Temaer, og vælg Afinstaller for det pågældende tema.
3. Før du afinstallerer, kan det være nødvendigt at ændre skabelonen for et blogindlæg eller en side. Læs mere om at ændre en side- eller indlægsskabelon.
4. Klik på Afinstaller i dialogboksen.