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 blogginställningarna.

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, inklusive:

• 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änd 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.

Om du ännu inte har aktiverat ett tema för ditt konto måste du göra det innan du kan börja bygga din webbplats.

• 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.
• Om du ännu inte har skapat några webbsidor:
• Klicka på Starta från början.
• På skärmen för temaval håller du muspekaren över ett tema och klickar sedan på Preview theme för att öppna en förhandsgranskning av temat eller Set as active theme för att använda detta tema som standard för dina sidor.
  
  
• Du kan sedan välja en mall från temat för att fortsätta bygga en sida med hjälp av HubSpots dra-och-släpp-redigerare.

När temat är inställt som aktivt visas dessa mallar varje gång du skapar en ny sida. Du kan när som helst ändra det aktiva temat för ditt konto genom att klicka på rullgardinsmenyn Tema på skärmen för mallval, enligt stegen nedan.

Så här ändrar du ditt kontos aktiva tema:

• 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.
• Klicka på Skapa längst upp till höger. Om du har flera anslutna domäner klickar du på rullgardinsmenyn Website och väljer en domän i dialogrutan. Ange sedan ett sidnamn och klicka på Skapa sida .
• Klicka på rullgardinsmenyn Tema och välj Ändra tema.

• Håll muspekaren över ett tema på skärmen för val av tema och klicka sedan på Förhandsgranska tema för att öppna en förhandsgranskning av temat eller Ange som aktivt tema.
  
  
  
  • 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

• 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.
• Klicka på Skapa längst upp till höger.
• Om du har flera anslutna domäner klickar du på rullgardinsmenyn Website och väljer en domän i dialogrutan. Ange sedan ett sidnamn och klicka på Skapa sida .
• 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.
• Håll muspekaren över en mall och klicka sedan på Förhandsgranska mall för att förhandsgranska mallen eller Välj mall för att fortsätta till innehållsredigeraren.

• I innehållsredigeraren redigerar du sidinnehållet med hjälp av dra-och-släpp-redigeraren.

• Om du vill ta dina ändringar i bruk klickar du på Publicera eller Uppdatera längst upp till höger och sedan på Publicera nu eller Uppdatera nu i dialogrutan.

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ägget och listningssidan väljs separat.

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

• På skärmen för val av tema väljer du ditt tema och sedan en mall som använder det temat. Klicka på Klar längst ned till höger.
• När du har ställt in mallarna för blogginlägget och listningssidan för bloggen klickar du på Spara längst ned till vänster.

Observera: för listningssidor för bloggar som kan redigeras i innehållsredigeraren kommer dessa steg att potentiellt kunda leda till innehållsredigeraren istället för temavalsskärmen.

Redigera temainställningar

Du kan anpassa utformningen av ditt tema - inklusive teckensnitt, färger och mellanrum - 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 standardteman för HubSpot, klonade teman och anpassade teman samt skapa underordnade teman.

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

Klona ett tema

För att redigera de kodade filerna för standardteman i designhanteraren måste de först klonas.

• I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
• 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.
  
• Högerklicka på en temamapp och välj sedan Clone theme.

• Ange ett namn för temat i dialogrutan och klicka sedan på Skapa.

Temat kommer att kopieras till rotmappen och listas i sökaren tillsammans med dina andra mappar.

Skapa ett barntema

I designhanteraren kan du skapa ett underordnat tema - en kopia av ett köpt tema - baserat på ett köpt Template Marketplace-tema eller ett standardtema för HubSpot. Du kan redigera temainställningarna för ett underordnat tema utan att påverka det överordnade temat.

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

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:

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

Ladda upp ett tema

Användare med konton i Content Hub kan köpa HubSpot-teman från Envatos ThemeForest Marketplace och sedan ladda upp dem i HubSpot från temavalsskärmen:

• Navigera till HubSpot CMS Hub-avsnittet på Envatos ThemeForest Marketplace.
• Köp ett tema från marknadsplatsen.
• Du kommer att få ett e-postmeddelande med en inköpskod för ditt köpta tema. Kopiera inköpskoden.

• 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.
• Klicka på Skapa längst upp till höger.
• Om du har flera anslutna domäner klickar du på rullgardinsmenyn Website och väljer en domän i dialogrutan. Ange sedan ett sidnamn och klicka på Skapa sida .
• På skärmen för val av mall klickar du på rullgardinsmenyn Tema och väljer Ändra tema .

• Klicka på Delbetalning av ett tema från ThemeForest längst upp till höger.

• I dialogrutan klistrar du in inköpskoden från e-postmeddelandet och klickar sedan på Delbetalning av tema.
• I den nya fliken loggar du in på Envatos ThemeForest Marketplace för att slutföra delbetalningen.

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

Standard HubSpot-teman, klonade teman och uppladdade teman kan tas bort från designhanteraren:

• I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
• I sökaren klickar du på mappen med temats tillgångar.
• Klicka på rullgardinsmenyn Fil och välj Ta bort [mappnamn].
• I dialogrutan markerar du kryssrutan Jag är säker på att jag vill ta bort den här mappen och klickar sedan på Ta bort den här mappen.

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

• I ditt HubSpot-konto klickar du på Marknadsplatsikonen marketplace i det övre navigeringsfältet och välj sedan Template Marketplace.
• Klicka på fliken Purchased.
• Håll muspekaren över temat, klicka sedan på rullgardinsmenyn Åtgärder och välj Avinstallera.
• Klicka på Avinstallera i dialogrutan.