Använd teman
Senast uppdaterad: januari 20, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
Ett tema är en uppsättning mallar, moduler, globalt innehåll och stilinställningar som kan användas för att skapa en webbplats. Teman kan laddas ner från Asset Marketplace, medan CMS Hub-konton också har tillgång till standardteman för HubSpot. Du kan redigera sidor som använder ett tema med hjälp av innehållsredigeraren för drag och släpp och ställa in bloggmallar för att använda ett tema i dina blogginställningar.
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 om-sida, en landningssida och bloggmallar. Dessa mallar är specialkodade av en utvecklare, men innehållet och layouten kan anpassas i innehållsredigeraren med drag och släpp-teknik.
- 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. en webbplatsrubrik eller sidfot. Du kan redigera globalt innehåll direkt från sidredigeraren med drag och släpp.
- Temainställningar: stilinställningar för mallar som använder ett tema, inklusive typsnitt, avstånd och färger.
Använd ett aktivt tema
Du kan ställa in ett aktivt tema så att det 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 du byter ut innehållets aktuella mall . Ytterligare teman kan köpas på Asset Marketplace.
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Klicka på rullgardinsmenyn Skapa uppe till höger och välj Webbplatssida eller Landningssida.
- Ange ett sidnamn i dialogrutan och klicka sedan på Skapa sida.
- 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 för att använda det här temat som standard för dina sidor.
När du har ställt in ett tema kommer du till skärmen för val av mall varje gång du skapar en ny sida. Från den här skärmen kan du byta till ett annat aktivt tema:
- Klicka på rullgardinsmenyn Tema och välj Ändra tema.
- 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 för att använda det här temat som standard för dina sidor.
Skapa en sida med ett tema
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Klicka på rullgardinsmenyn Skapa uppe till höger och välj Webbplatssida eller Landningssida.
- Ange ett sidnamn i dialogrutan och klicka sedan på Skapa sida.
- På skärmen för val av mall visas mallar från ditt aktiva tema i avsnittet Temamallar . Om du vill visa mallar som inte ingår i det aktiva temat 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 sidans innehåll med hjälp av drag-och-släpp-redigeraren.
- Klicka på Uppdatera eller Publicera i det övre högra hörnet för att aktivera ändringarna.
Använd en temamall för din blogg
Du kan ställa in att en blogg ska använda samma tema som dina sidor i dina blogginställningar. Sidmallarna för blogginlägg och blogglista väljs separat.
- I ditt HubSpot-konto, klicka på inställningsikonen inställningar i huvudnavigeringsfältet.
- Navigera till Webbplats > 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 ochSidor för blogglista 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 väljer sedan en mall som använder det temat. Klicka på Klar längst ner till höger.
- När du har ställt in mallarna för blogginlägg och blogglistningssidor klickar du på Spara längst ner till vänster.
Observera: För blogglistningssidor som kan redigeras i innehållsredigeraren leder dessa steg till innehållsredigeraren i stället för till skärmen för val av tema.
Redigera inställningar för tematDu kan anpassa stilen på ditt tema - inklusive typsnitt, 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å radera standardteman för HubSpot, klonade teman och anpassade teman samt skapa underordnade teman.
Klona ett tema
För att redigera kodade filer för standardteman i designhanteraren måste de först klonas. Teman som köpts från Asset Marketplace kan inte klonas, utan det rekommenderas att skapa ett undertema istället.
- I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
- Klicka på mappen @hubspot i sökaren. Den här mappen innehåller alla teman och standardmoduler, inklusive e-postmoduler som kan dras och släppas.
- Högerklicka på en temamapp och välj sedan Klona tema.

- Ange ett namn för temat i dialogrutan och klicka sedan på Skapa.
Temat kopieras till rotmappen och visas i sökaren tillsammans med dina andra mappar.
Skapa ett undertema
I designhanteraren kan du skapa ett undertema - en kopia av ett köpt tema - baserat på ett köpt tema från Asset Marketplace eller ett standardtema från HubSpot.
Utvecklare kan också skapa underordnade teman baserade på anpassade teman och skapa underordnade teman med hjälp av CLI i vår dokumentation för utvecklare. Läs mer om hur du arbetar med underordnade teman.
- I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
- I sökaren klickar du på mappen @marketplace för teman från Asset Marketplace eller på mappen @hubspot för standardteman.
- Högerklicka på en temamapp och välj sedan Skapa ett underbarnstema.
- I dialogrutan anger du ett namn för undertemat.
- Om du vill ändra var barntemat ska sparas klickar du på Ändra i avsnittet Filplats. Klicka på en mapp och klicka sedan på Välj.
- 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 .
- Klicka på Skapa underbarnstema för att avsluta processen. Du kan redigera stilen för underbarnstemat 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örighet förDesignverktyg på båda kontona.
Observera: Temamappar i katalogerna @hubspot eller @marketplace kan inte kopieras mellan konton.
Kopiera ett tema till ett konto:
- I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
- I sökaren håller du muspekaren över den temamapp som du vill kopiera, högerklickar sedan på mappen och väljer Kopiera till ett annat konto.
- Välj ett konto i dialogrutan och klicka sedan på Kopiera tillgång. Mappen visas på det angivna kontot så snart kopieringsprocessen är klar.
Ladda upp ett tema
Användare med CMS 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 val av tema :
- Navigera till HubSpot CMS Hub-sektionen på Envatos ThemeForest Marketplace.
- Köp ett tema från marknaden.
- Du kommer att få ett e-postmeddelande med en köpkod för ditt köpta tema. Kopiera koden.
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Klicka på rullgardinsmenyn Skapa uppe till höger och välj Webbplatssida eller Landningssida.
- Ange ett sidnamn i dialogrutan 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å Installera ett tema från ThemeForest längst upp till höger.
- I dialogrutan klistrar du in köpkoden från e-postmeddelandet och klickar sedan på Installera tema.
- I den nya fliken loggar du in på Envatos ThemeForest Marketplace för att avsluta installationen .
När du har loggat in visas en banner i HubSpot. Det kan ta några minuter innan ditt tema är tillgängligt.
Ta bort ett tema
HubSpot-standardteman, klonade teman och uppladdade teman kan tas bort från designhanteraren:
- I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
- I sökaren klickar du på mappen med temats tillgångar.
- Klicka på rullgardinsmenyn Fil och välj Ta bort [mappnamn].
- Markera kryssrutan Jag är säker på att jag vill ta bort den här mappen i dialogrutan och klicka sedan på Ta bort den här mappen.
Köpta teman måste avinstalleras från Asset Marketplace:
- I ditt HubSpot-konto, klicka på Marknadsplatsikonen marknadsplats i huvudnavigeringsfältet.
- Klicka på fliken Köpt .
- Håll muspekaren över temat, klicka sedan på rullgardinsmenyn Åtgärder och välj Avinstallera.
- Klicka på Avinstallera i dialogrutan.
Relaterat innehåll
-
Exportera ditt innehåll och dina data
Lär dig hur du exporterar HubSpot-innehåll och data från ditt konto, t.ex. sidor, kontakter och filer. ...
Kunskapsbas -
Skapa en klick-till-ringning- eller mailto-länk
När du klickar på knapparna för att ringa upp kopplar du besökare på mobila enheter till ett specifikt...
Kunskapsbas -
Använd teckensnitt i HubSpot
Vilka typsnitt som är tillgängliga för innehåll i HubSpot beror på innehållstyp och typsnittstyp. Vissa...
Kunskapsbas