Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Använd teman

Senast uppdaterad: april 3, 2024

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

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 ett tema i innehållsredigeraren och ange att bloggmallar ska använda ett tema i dina blogginställningar.

Alla konton har tillgång till minst ett HubSpot-standardtema. 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 startsida, om-sida, målsida 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. sidhuvudet eller sidfoten på en webbplats. Du kan redigera globalt innehåll direkt från dra och släpp-sidredigeraren.
  • 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 ange att ett aktivt tema ska visa temats sidor 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.

  • Navigera till ditt innehåll:

    • Sidor på webbplatsen: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
    • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Klicka på Skapa i rullgardinsmenyn längst upp till höger och välj Webbplatssida eller Landningssida.
  • I dialogrutan anger du ett sidnamn och klickar sedan på Skapa sida.
  • 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 för att använda detta tema som standard för dina sidor.

set-an-active-theme
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 denna skärm kan du växla till ett annat aktivt tema:

  • Klicka på rullgardinsmenyn Tema och välj Ändra tema.

change-theme-in-hubspot

  • 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 för att använda detta tema som standard för dina sidor.

Skapa en sida med hjälp av ett tema

  • Navigera till ditt innehåll:

    • Sidor på webbplatsen: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
    • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Klicka på Skapa i rullgardinsmenyn längst upp till höger och välj Webbplatssida eller Landningssida.
  • I dialogrutan anger du ett sidnamn och klickar sedan på Skapa sida.
  • På skärmen för val av mallar visas mallar från ditt aktiva tema i avsnittet Temamallar . Om du vill visa mallar som inte är en del av 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.

preview-or-select-template

  • I innehållsredigeraren redigerar du sidinnehållet med hjälp av dra och släpp-redigeraren.
  • Om du vill aktivera ändringarna klickar du på Publicera eller Uppdatera längst upp till höger och sedan på Publicera nu eller Uppdatera nu i dialogrutan.

Använd en temamall för din blogg

Du kan ange att en blogg ska använda samma tema som dina sidor i dina blogginställningar. Sidmallarna för blogginlägg och blogglistor väljs separat.

  • I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
  • I menyn på vänster sida navigerar du till Webbplats > Blogg.
  • 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.

change-blog-template

  • Välj tema på skärmen för val av tema och välj sedan en mall som använder temat. Klicka på Klar längst ned till höger.

select-a-theme-blog-template

  • När du har ställt in sidmallarna för blogginlägg och bloggannonser klickar du på Spara längst ner till vänster.

Observera: för blogglistsidor som kan redigeras i innehållsredigeraren leder dessa steg till innehållsredigeraren istället för skärmen för val av tema.

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 att hantera temainställningar.

edit-global-theme-fonts

Hantera teman

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

Klona ett tema

För att redigera de kodade filerna för standardteman i designhanteraren måste de först klonas. Teman som köpts från Template Marketplace kan inte klonas; vi rekommenderar att du skapar ett barntema istället.

  • I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
  • Klicka på mappen @hubspot i sökaren. Den här mappen innehåller alla teman och standardmoduler, inklusive e-postmoduler som du kan dra och släppa.
    design-manager-hubspot-folder
  • Högerklicka på en temamapp och välj sedan Clone theme.
design-manager-theme-folder-clone
  • I dialogrutan anger du ett namn för temat och klickar sedan på Skapa.

Temat kopieras till rotmappen och visas i sökaren tillsammans med dina andra mappar.

Skapa ett barntema

I designhanteraren kan du skapa ett barntema - en kopia av ett köpt tema - baserat på ett köpt Template Marketplace-tema eller ett standard HubSpot-tema.

Utvecklare kan även skapa barnteman baserat på anpassade tem an och skapa barnteman med hjälp av CLI i vår dokumentation för utvecklare. Läs mer om hur du arbetar med barnteman.

  • I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
  • I sökaren klickar du på mappen @marketplace för teman från Template Marketplace eller mappen @hubspot för standardteman.
  • Högerklicka på en temamapp och välj sedan Skapa barntema.
  • I dialogrutan anger du ett namn för barntemat.
  • 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 barntema för att avsluta processen. Du kan redigera utformningen 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.

Kopiera 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 sedan på mappen och välj Kopiera till annat konto.

    copy-theme-folder-to-different-account
  • Välj ett konto i dialogrutan och klicka sedan på Kopiera tillgång. Mappen visas på det angivna kontot så snart kopieringen har slutförts.

Ladda upp ett tema

Användare med 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 val av tema:

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

copy-your-envato-purchase-code

  • Navigera till ditt innehåll:

    • Sidor på webbplatsen: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
    • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Klicka på Skapa i rullgardinsmenyn längst upp till höger och välj Webbplatssida eller Landningssida.
  • I dialogrutan anger du ett sidnamn och klickar på Skapa sida.
  • På skärmen för val av mall klickar du på rullgardinsmenyn Tema och väljer Ändra tema.

change-theme-in-hubspot

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

install-a-theme-from-themeforest

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

När du har loggat in visas en banner i HubSpot. Det kan ta några minuter innan ditt tema är tillgängligt.

upload-theme

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.
  • Klicka på mappen med temats tillgångar i Sökaren.
  • 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 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 Köpt .
  • Håll muspekaren över temat, klicka sedan på rullgardinsmenyn Åtgärder och välj Avinstallera.
  • Klicka på Avinstallera i dialogrutan.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.