Använd teman

Ett tema är en uppsättning mallar, moduler, globalt innehåll och stilinställningar som kan användas för att skapa en webbplats. Du kan redigera sidor och inlägg med hjälp av ett tema i innehållsredigeraren och ställa in bloggmallar så att de använder ett tema i dina blogginställningar.

Alla konton har tillgång till minst ett standardtema från HubSpot. Teman kan också laddas ner från Template Marketplace.

Förstå teman

Ett tema är en uppsättning filer för din webbplats, bland annat:

• Kodade mallar: en uppsättning mallar för din webbplats, inklusive en hemsida, en sida om dig, en landningssida och bloggmallar. Dessa mallar är specialkodade av en utvecklare, men innehållet och layouten kan anpassas i innehållsredigeraren.
• Moduler: en uppsättning unika temamoduler som du kan lägga till i innehåll som använder det temat.
• Globalt innehåll: innehåll som upprepas på flera sidor, t.ex. webbplatsens sidhuvud eller sidfot. Du kan redigera globalt innehåll direkt från sidredigeraren med dra-och-släpp-funktionen.
• Temainställningar: stilinställningar för mallar som använder ett tema, inklusive teckensnitt, avstånd och färger.

Använda ett aktivt tema

Du kan ställa in ett aktivt tema så att temats sidor visas som standardalternativ för nyskapade sidor. Om du ställer in eller ändrar ett aktivt tema ändras inte det tema som används för befintligt innehåll, vilket kräver att innehållets aktuella mall byts ut. Ytterligare teman kan köpas i HubSpot Template Marketplace.

1. Navigera till ditt innehåll:
   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på Skapa eller Kom igång.
3. På sidan för temaval klickar du på Ange som aktivt tema på det önskade temakortet. Om du vill förhandsgranska temat klickar du på Förhandsgranska tema.
4. På sidan för val av mall klickar du på Välj mall på önskat mallkort. Fortsätt sedan att bygga en sida med HubSpots dra-och-släpp-redigerare

Ändra aktivt tema

1. Navigera till ditt innehåll:

   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på Skapa eller Kom igång längst upp till höger.
3. Om du vill ändra temat på webbsidorna klickar du på rullgardinsmenyn Tema och väljer Ändra tema. Klicka sedan på Ange som aktivt tema på det önskade temakortet.

4. Om du vill ändra temat från målsidor klickar du på temats namn i menyn till vänster. Klicka sedan på Ange som aktivt tema på det önskade temakortet.

5. På skärmen för val av tema håller du muspekaren över ett tema och klickar sedan på Förhandsgranska tema för att öppna en förhandsgranskning av temat eller Ange som aktivt tema.
6. Du kan sedan välja en mall från temat för att fortsätta bygga en sida med HubSpots dra-och-släpp-redigerare.

Skapa en sida med hjälp av ett tema

1. Navigera till ditt innehåll:

   • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
2. Klicka på Skapa eller Kom igång längst upp till höger.
3. Om du inte har valt ett tema tidigare kommer du till skärmen för temaval. På önskat temakort klickar du på Ange som aktivt tema. Om du vill förhandsgranska temat klickar du på Förhandsgranska tema.
4. På skärmen för mallval visas mallar från ditt aktiva tema i avsnittet Temamallar. Om du vill visa mallar som inte ingår i ditt aktiva tema klickar du på Andra mallar.
5. Om du vill välja en mall från temat klickar du på Välj mall eller Använd.
6. I innehållsredigeraren redigerar du sidinnehållet med hjälp av dra-och-släpp-redigeraren.

7. Klicka på Publicera eller Uppdatera längst upp till höger för att ta dina ändringar i bruk.

Tillämpa en temamall på din blogg

Du kan ställa in en blogg så att den använder samma tema som dina sidor i dina blogginställningar. Mallarna för blogginlägg och blogglistningssidor väljs separat.

1. I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
2. Navigera till Innehåll > Blogg i menyn till vänster i sidofältet.
3. Om du har flera bloggar klickar du på rullgardinsmenyn Välj en blogg att ändra och väljer en blogg.
4. Klicka på fliken Mallar .
5. Klicka på rullgardinsmenyn Åtgärder i avsnitten Mall för blogginlägg och Listningssida för blogg och välj Ändra mall.

6. På skärmen för val av tema klickar du på önskat temakort och sedan på mallkortet. Klicka på Klar längst ned till höger.

Observera: för blogglistningssidor som kan redigeras i innehållsredigeraren kommer dessa steg att leda till innehållsredigeraren i stället för till skärmen för temaval.

Redigera temainställningar

Du kan anpassa utformningen av ditt tema, inklusive teckensnitt, färger och avstånd, i dina temainställningar. Stilar som redigeras här gäller för alla sidor och temamoduler som ingår i det här temat. Läs mer om hur du hanterar temainställningar.

Hantera teman

I designhanteraren kan du redigera, klona eller kopiera ett tema till ett annat HubSpot-konto. Du kan också ta bort klonade teman, anpassade teman samt skapa underordnade teman.

Du kan redigera temainställningarna för ett underordnat tema utan att påverka det överordnade temat, men det kommer inte att skapa ytterligare kopior av tematillgångar. Om du vill kopiera ett föräldratemas tillgångar rekommenderar vi att du klonar temat.

Klona ett tema

Om du vill redigera de kodade filerna för standardteman i designhanteraren måste de först klonas.

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. I sökaren klickar du på mappen @hubspot. Den här mappen innehåller alla teman och standardmoduler, inklusive dra och släpp e-postmoduler.
3. Klicka på en temamapp.
4. Klicka på rullgardinsmenyn Fil och välj Klona tema.
5. I dialogrutan anger du ett namn för temat.
6. Om du vill ändra filplatsen för det klonade temat klickar du på Ändra i fältet Filplats. Välj sedan en plats. Som standard kommer rotmappen att väljas.
7. När du är klar klickar du på Skapa.

Skapa ett underordnat tema

I designhanteraren kan du skapa ett underordnat tema baserat på ett inköpt Template Marketplace-tema eller ett standardtema från HubSpot. Du kan redigera temainställningarna för ett barntema utan att påverka föräldratemat.

Utvecklare kan också skapa underordnade teman baserat på anpassade teman och skapa underordnade teman med CLI med hjälp av utvecklardokumentationen. Läs mer om hur du arbetar med underordnade teman.

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. I sökaren klickar du på mappen @marketplace för Template Marketplace-teman eller mappen @hubspot för standardteman.
3. Högerklicka på en temamapp och välj sedan Skapa underordnat tema.
4. I dialogrutan anger du ett namn för barntemat.
5. Om du vill ändra var det underordnade temat ska sparas klickar du på Ändra i avsnittet Filplats. Klicka på en mapp och klicka sedan på Välj.
6. Om du vill anpassa namnen på temats CSS- och JS-filer klickar du på Avancerade alternativ och anger sedan nya filnamn i fälten CSS och JS.
7. Avsluta processen genom att klicka på Skapa barntema. Du kan redigera stylingen för barntemat i innehållsredigeraren.

Kopiera ett tema till ett annat konto

Du kan kopiera en temamapp från ett konto till ett annat. Du måste vara en användare med behörighetenDesignverktyg på båda kontona.

Observera: temamappar i katalogerna @hubspot eller @marketplace kan inte kopieras mellan konton.

Så här kopierar du ett tema till ett konto:

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. Håll muspekaren över den temamapp som du vill kopiera i sökaren, högerklicka sedan på mappen och välj Kopiera till annat konto.
3. I dialogrutan klickar du på rullgardinsmenyn Destinationskonto och väljer ett konto. Klicka sedan på Kopiera tillgång. Mappen kommer att visas i målkontot så snart kopieringsprocessen är klar.
   
   

Ladda upp ett tema

Användare av Content Hub-konton kan köpa HubSpot-teman från Envatos ThemeForest Marketplace och sedan ladda upp dem till HubSpot från skärmen för temaval:

1. Navigera till HubSpot CMS Hub -avsnittet på Envatos ThemeForest Marketplace.
2. Köp ett tema från marknadsplatsen.
3. Du kommer att få ett e-postmeddelande med en inköpskod för ditt köpta tema. Kopiera inköpskoden.
4. I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
5. Klicka på Skapa längst upp till höger.
6. På sidan Välj en mall klickar du på rullgardinsmenyn Tema och sedan på Ändra tema.

7. På sidan Välj ett tema klickar du på Installera ett tema från ThemeForest längst ner på sidan.
8. I dialogrutan klistrar du in inköpskoden från e-postmeddelandet och klickar sedan på Installera tema.
9. I den nya fliken loggar du in på Envatos ThemeForest Marketplace för att slutföra installationsprocessen.
10. När du har loggat in kommer en banner att visas i HubSpot. Det kan ta några minuter innan ditt tema är tillgängligt.

Ta bort ett tema

Klonade teman och uppladdade teman kan tas bort från designhanteraren:

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. I sökaren klickar du på mappen med temats tillgångar.
3. Klicka på rullgardinsmenyn Fil och välj Ta bort [mappnamn].
4. I dialogrutan markerar du kryssrutan för att bekräfta att du har granskat underordnade filer och klickar sedan på Ta bort den här mappen.

Köpta teman måste avinstalleras från Template Marketplace:

1. I ditt HubSpot-konto klickar du på Marketplace-ikonen marketplace i det övre navigeringsfältet och väljer sedan Nedladdningar från marknadsplatsen.
2. På fliken Teman klickar du på rullgardinsmenyn Åtgärder och väljer Avinstallera för det aktuella temat.
3. Innan du avinstallerar kan du behöva ändra mallen för ett blogginlägg eller en sida. Läs mer om hur du ändrar en sid- eller inläggsmall.
4. Klicka på Avinstallera i dialogrutan.