Anpassa ett tema för en kunskapsdatabas

Du kan anpassa utseendet på din kunskapsdatabas genom att välja layout och konfigurera ditt tema i temaredigeraren. Du kan också se hur temat för din kunskapsdatabas kommer att se ut på mallar, på olika språk och i olika skärmstorlekar.

Innan du sätter igång

Innan du börjar arbeta med den här funktionen bör du se till att du förstår vilka steg som bör tas, vilka begränsningar funktionen har och vilka konsekvenser det kan få att använda den.

Förstå kraven

• Superadministratörsbehörighet.
• Inställningsbehörighet för kunskapsbas, inställningsbehörighet för globalt innehåll och tema och en tilldelad Service Hub-plats. Läs mer om HubSpots platsbaserade prissättning.

Förstå begränsningar och överväganden

• Dessa verktyg är endast tillgängliga för migrerade kunskapsdatabaser. Läs mer om hur du migrerar din kunskapsbas.
• För kunskapsbaser som inte har migrerats kan du läsa mer om hur du skapar och anpassar en äldre kunskapsbas.
• Du kan inte anpassa din kunskapsdatabas i Design Manager eller använda anpassade teman.

Visa ett tema för en kunskapsbas

När du har skapat din kunskapsbas kan du visa hur ditt tema ser ut i temaredigeraren. Du kan visa hur temat ser ut i olika mallar, språk och skärmstorlekar.

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Längst upp till höger klickar du på rullgardinsmenyn Konfigurera och väljer Tema.
3. Om du vill visa en mall med exempelinnehåll klickar du på rullgardinsmenyn Visa på längst upp till vänster och väljer en mall. Ändringar i temat kommer att tillämpas på alla mallar för kunskapsbaser.

4. Om du vill visa en mall på olika språk klickar du på den andra rullgardinsmenyn längst upp till vänster och väljer ett språk.

5. Om du vill se hur en mall visas på olika enheter klickar du på enhetssymbolerna högst upp i redigeraren eller anger en skärmbredd i pixlar.

Redigera ett kunskapsbastemas färger, typografi och layout

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Om du vill ändra färgerna i ett tema klickar du på för att expandera avsnittet Färger. Ange sedan ett hexvärde eller välj en färg från färgväljaren förfälten Primary, Secondary, Accent och Body background .Dina varumärkesfärger kommer att visas för varje alternativ.
4. Om du vill ändra ett temas typografi klickar du på Typografi:
   • I avsnitten Primär och Sekundär klickar du på rullgardinsmenyn för teckensnitt och väljer ett teckensnitt. Om du vill ändra teckensnittsfärgen klickar du på färgväljaren och väljer en teckensnittsfärg. De ytterligare alternativen för typsnittsstyling (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
   • Om du vill redigera typografi för rubrik, brödtext eller länk klickar du på för att expandera avsnitten Rubrik (H1-H6), Brødtekst eller Länk:
     • Klicka på rullgardinsmenyn för typsnitt och välj ett typsnitt. De ytterligare alternativen för typsnittsstyling (t.ex. typsnittsvikt, typsnittsstorlek eller transformering av versaler) beror på vilket typsnitt som valts.
     • Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
5. Om du vill ändra ett temas layout klickar du på för att expandera avsnittet Layout och väljer ett alternativ (t.ex. Tiles eller Minimal). Olika layoutalternativ stöder olika stylingalternativ.
6. När du är klar klickar du på Publicera tema längst upp till höger.

Redigera rubrikstilarna för ett tema för en kunskapsbas

Du kan redigera kunskapsbastemats sidhuvudstilar, inklusive sidhuvudets bredd, toppfält, språkväxlare, meny, knapp och sökfält. Du kan också redigera färger, teckensnitt och svävarstilar inom dessa element.

Bredd på sidhuvudet

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Header i det vänstra sidofältet.
4. I avsnittet Header väljer du Full bredd eller Innehållsbredd.

Rubrikens övre fält

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Header i det vänstra sidofältet.
4. I avsnittet Rubrik klickar du på för att expandera avsnittet Toppfält.
5. Om du vill redigera bakgrundsfärgen anger du ett hex-kodvärde eller väljer en bakgrundsfärg i färgväljaren för fältet Bakgrundsfärg.
6. Klicka på rullgardinsmenyn för typsnitt och välj ett typsnitt. De ytterligare alternativen för typsnittsstyling (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
7. Om du vill ändra teckensnittsfärgen klickar du på färgväljaren och väljer en teckensnittsfärg.
8. När du är klar klickar du på Publicera tema längst upp till höger.

Språkväxlare för sidhuvudet

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Header i det vänstra sidofältet.
4. I avsnittet Rubrik klickar du på Språkväxlare.
5. I avsnittet Language Switcher klickar du på Drop downs.
6. Klicka på för att expandera avsnittet Bakgrund.
7. Ange ett hex-kodvärde eller välj en färg i färgväljaren för fälten Färg och Hover.
8. Om du vill redigera transparensen anger du ett procentvärde i det andra fältet. Till exempel kommer en transparens på 100% att vara ogenomskinlig, medan en transparens på 0% inte kommer att vara synlig.
9. När du är klar klickar du på Publicera tema längst upp till höger.

Meny för sidhuvud

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Header i det vänstra sidofältet.
4. Klicka på Meny i avsnittet Rubrik.
5. Om du vill redigera stilar för nedrullningslister klickar du på Nedrullningslister:
   • Klicka för att expandera avsnittet Bakgrund och ange ett hex-kodvärde eller välj en färg i färgväljaren för fälten Färg och Hover. Om du vill redigera transparensen anger du ett procentvärde i det andra fältet.
     
   • Klicka för att expandera avsnittet Text. Klicka sedan på rullgardinsmenyn för typsnitt och välj ett typsnitt. De ytterligare alternativen för typsnittsstyling (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
   • Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
6. Om du vill redigera typsnittets textstil klickar du på för att expandera avsnittet Text:
   • Klicka på rullgardinsmenyn för typsnitt och välj ett typsnitt. De ytterligare alternativen för typsnittsstyling (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
   • Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
7. Om du vill redigera bakgrundsfärgen klickar du på för att expandera avsnittet Bakgrund och anger sedan ett hex-kodvärde eller väljer en färg i färgväljaren.
8. När du är klar klickar du på Publicera tema längst upp till höger.

Knappar i sidhuvudet

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Header i det vänstra sidofältet.
4. Klicka på Button i avsnittet Header.
5. Om du vill redigera teckensnittet klickar du på för att expandera avsnittet Text:
   • Klicka på rullgardinsmenyn Font och välj ett typsnitt. De ytterligare alternativen för typsnittsstyling (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
   • Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
6. Om du vill redigera bakgrunden klickar du på för att expandera avsnittet Bakgrund och anger ett hex-kodvärde eller väljer en färg i färgväljaren. Om du vill redigera transparensen anger du ett procentvärde.
7. För att redigera kantstil klickar du på för att expandera avsnittet Kant, klickar på rullgardinsmenyn Stil och väljer en kantstil (t.ex. Streckad).
8. För att redigera hörnstilen klickar du på för att expandera hörnsektionen. Ange sedan ett pixelvärde (t.ex. 30px) i fältet Radius.
9. För att redigera svävstilen, klicka på Hover:
   • Klicka för att expandera avsnittet Text.
     • Om du vill ändra teckensnittsfärgen klickar du på färgväljaren och väljer en teckensnittsfärg.
     • Om du vill använda typsnittets textstilar väljer du ikonen italicizeIcon kursiv eller ikonen underlineIcon understrykning.
   • Klicka för att expandera avsnittet Bakgrund och ange ett hex-kodvärde eller välj en färg i färgväljaren. Om du vill redigera transparensen anger du ett procentvärde.
   • Klicka för att expandera avsnittet Border och klicka sedan på rullgardinsmenyn Style för att välja en borderstil (t.ex. Dotted).
10. När du är klar klickar du på Publicera tema längst upp till höger.

Sökfält i sidhuvudet

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Header i det vänstra sidofältet.
4. Klicka på Sökfält i avsnittet Rubrik.
5. Om du vill redigera bakgrunden klickar du på för att expandera avsnittet Bakgrund: och klickar sedan på rullgardinsmenyn Bakgrundstyp för att välja ett alternativ (t.ex. Färg, Bild eller Lutning). Ytterligare stylingalternativ visas beroende på vilken bakgrundstyp som har valts.
6. Om du vill redigera stilarna för etikettexten klickar du på för att expandera avsnittet Etikettext :
   • Klicka på rullgardinsmenyn för typsnitt och välj ett typsnitt. De ytterligare alternativen för typsnittsutformning (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
   • Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
7. Om du vill redigera teckensnittsstilen för inmatning klickar du på för att expandera avsnittet Input och anger sedan ett hex-kodvärde eller klickar på färgväljaren för att välja en färg. Om du vill redigera transparensen anger du ett procentvärde.
8. När du är klar klickar du på Publicera tema längst upp till höger.

Redigera sidfotsstilarna för ett tema för en kunskapsbas

Du kan redigera kunskapsbastemats sidfotsstilar, inklusive sidfotens bredd, bakgrund, meny, text och sociala ikoner. Du kan även redigera färger, teckensnitt och svävningsstilar inom dessa element.

Sidfotens bredd och bakgrund

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Sidfot i det vänstra sidofältet.
4. Om du vill ändra sidfotens bredd väljer du Full bredd eller Innehållsbredd i fältet Sidfotens bredd.
5. Om du vill ändra sidfotens bakgrundsfärg anger du ett hex-kodvärde eller klickar på färgväljaren för att välja en färg.

Meny för sidfot

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Sidfot i det vänstra sidofältet.
4. I avsnittet Sidfot klickar du på för att expandera avsnittet Meny .
5. Om du vill redigera typsnittet i menyn klickar du på rullgardinsmenyn för typsnitt och väljer ett typsnitt . De ytterligare alternativen för typsnittsstil (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
6. Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
7. När du är klar klickar du på Publicera tema längst upp till höger.

Text i sidfoten

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Sidfot i det vänstra sidofältet.
4. I avsnittet Sidfot klickar du på för att expandera avsnittet Text .
5. Om du vill redigera typsnittet i menyn klickar du på rullgardinsmenyn för typsnitt och väljer ett typsnitt . De ytterligare alternativen för typsnittsstil (t.ex. typsnittsvikt, typsnittsstorlek eller transformera versaler) beror på vilket typsnitt som valts.
6. Om du vill ändra teckensnittets färg klickar du på färgväljaren och väljer en teckensnittsfärg.
7. När du är klar klickar du på Publicera tema längst upp till höger.

Sociala ikoner i sidfoten

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
3. Klicka på Sidfot i det vänstra sidofältet.
4. I avsnittet Sidfot klickar du på för att expandera avsnittet Sociala ikoner .
5. Om du vill ändra storleken på de sociala ikonerna klickar du på rullgardinsmenyn Ikonstorlek och väljer ett alternativ (t.ex. Liten, Normal eller Stor).
6. Om du vill ändra formen på de sociala ikonerna klickar du på rullgardinsmenyn Ikonform och väljer ett alternativ (t.ex. Cirkel eller Fyrkant).
7. Om du vill ändra färgen på de sociala ikonerna anger du ett hex-kodvärde eller klickar på färgväljaren för att välja en färg i fältet Ikonfärg.
8. Om du vill ändra bakgrundsfärgen för de sociala ikonerna anger du en hex-kod eller klickar på färgväljaren för att välja en färg i fältet Bakgrund. För att redigera transparensen anger du ett procentvärde.
9. Om du vill ändra inriktningen på de sociala ikonerna klickar du på blockAlignmentLeftIcon Vänsterjustering, blockAlignmentCenterIcon Mittjustering eller blockAlignmentRightIcon Högerjustering i fältet Inriktning.
10. När du är klar klickar du på Publicera tema längst upp till höger.

Redigera innehållet i ett tema för en kunskapsbas

Du kan redigera innehållet i sidhuvudet och sidfoten i din kunskapsdatabas. Publicerade ändringar kommer att synas på alla sidor i kunskapsdatabasen.

Innehåll i sidhuvudet

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Rubrik.
3. I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
4. Klicka på modulen Webbplatshuvud i det vänstra sidofältet.
5. Om du vill redigera innehållet i rubrikens logotyp klickar du på för att expandera avsnittet Logo:
   • Om du vill åsidosätta standardlogotypen slår du på knappen Åsidosätt standardlogotyp eller klickar på Redigera standardlogotyp i den här domänen för att uppdatera standardlogotypen.
   • Om du har valt att åsidosätta standardlogotypen kan du klicka på Ladda upp eller Bläddra bland bilder för att lägga till en ny logotyp.
   • Om du vill visa ditt företagsnamn när en logotyp inte är inställd aktiverar du alternativet Visa företagsnamn när logotyp inte är inställd.
   • Om du vill lägga till en URL-länk till din logotyp anger du en URL i fältet Länk.
   • Klicka på Apply options för att se dina ändringar.
6. Om du vill redigera innehållet i rubrikmenyn klickar du på för att expandera avsnittet Meny:
   
   • Om du vill visa en rubrikmeny klickar du på rullgardinsmenyn Meny och väljer en meny.
   • Om du vill redigera en befintlig huvudmeny klickar du på Redigera.
   • Om du vill skapa en ny huvudmeny klickar du på Skapa ny.
   • Om du vill redigera antalet menyträd som kan visas i huvudmenyn använder du ikonerna upIcon öka och downIcon minska i fältet Maxnivåer.
   • Klicka på Tillämpa alternativ för att se dina ändringar.
7. Om du vill redigera innehållet i sidhuvudets knapp klickar du på Button:
   
   • Om du vill lägga till en knapp i sidhuvudet markerar du kryssrutan Lägg till knapp.
   • Om du vill redigera knapptexten i sidhuvudet anger du texten i fältet Knapptext.
   • Om du vill redigera knappens URL-länk klickar du på rullgardinsmenyn Länk till och väljer ett alternativ (t.ex. Extern). Ytterligare fält visas beroende på vilket alternativ som har valts.
   • Om du vill att knappens URL-länk ska öppnas i ett nytt fönster aktiverar du alternativet Öppna länken i nytt fönster.
   • Om du vill redigera typen av knapplänk markerar du kryssrutan bredvid No follow.
   • Om du vill lägga till en ikon på knappen markerar du kryssrutan Lägg till ikon:
     • Klicka på Replace för att ändra knappens ikon.
     • Klicka på rullgardinsmenyn Position och välj position för knappikonen.
   • Klicka på Apply options för att se dina ändringar.
8. Om du vill redigera innehållet i språkväxlaren klickar du på för att expandera avsnittet Språkväxlare:
   
   • Om du vill lägga till språkväxlaren i sidhuvudet markerar du kryssrutan Lägg till språkväxlare .
   • Om du vill redigera visningsläget för språkväxlaren klickar du på rullgardinsmenyn Visningsläge och väljer ett alternativ (t.ex. Lokaliserad, PageLang, Hybrid).
   • Klicka på Apply options för att se dina ändringar.
9. Om du vill redigera innehållet i ytterligare stödalternativ klickar du på för att expandera avsnittet Ytterligare stödalternativ:
   
   • Om du vill visa en länk till kundportalen aktiverar du knappen Visa länk till kundportal. I fältet Text för länk till kundportal anger du den text som ska visas för besökare.
   • För att visa en inloggning för begränsat innehåll, slå på knappen Visa inloggning för begränsat innehåll. I fälten Text för inloggningslänk och Text för utloggningslänk anger du den text som ska visas för besökarna.
   • Om du vill visa ett supportformulär slår du på knappen Supportformulär och väljer sedan ett formulär i rullgardinsmenyn Formulär. I fälten Textlänk till supportformulär och Titel på supportformulär anger du den text som ska visas för besökarna.
   • Klicka på Tillämpa för att se dina ändringar.
10. När du är klar klickar du på Publicera till [#] tillgångar längst upp till höger.

Innehåll i sidfot

1. I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
3. I redigeraren för globalt innehåll klickar du på innehållsikonen siteTree i det vänstra sidofältet.
4. Om du vill visa en sidfotsmeny klickar du på modulen Sidfotsmeny:
   
   • Klicka på rullgardinsmenyn Meny och välj en meny.
   • Om du vill redigera en befintlig sidfotsmeny klickar du på Redigera.
   • Om du vill skapa en ny sidfotmeny klickar du på Skapa ny.
   • Om du vill redigera antalet menyträd som kan visas i sidfotsmenyn använder du ikonerna upIcon öka och downIcon minska i fältet Menyvisningsdjup .
   • Om du vill visa sidfotsmenyn markerar du kryssrutan Visa meny.
   • Klicka på Apply options för att se dina ändringar.
5. Om du vill redigera innehållet i sidfotens logotyp klickar du på modulen Logo:
   
   • Om du vill åsidosätta standardlogotypen slår du på knappen Åsidosätt standardlogotyp eller klickar på Redigera standardlogotyp i den här domänen för att uppdatera standardlogotypen.
   • Om du har valt att åsidosätta standardlogotypen kan du klicka på Ladda upp eller Bläddra bland bilder för att lägga till en ny logotyp.
   • Om du vill anpassa hur sidfotslogotypen laddas klickar du på rullgardinsmenyn Bildladdning och väljer Webbläsarstandard, Lat eller Ivrig.
   • Om du vill lägga till en länk-URL i sidfotslogotypen anger du URL-texten i fältet Länk-URL.
   • Klicka på Tillämpa alternativ för att se dina ändringar.
6. Om du vill redigera innehållet i sidfotens adress klickar du på modulen Sidfotens adress:
   
   • Klicka på Redigera i den utökade vyn.
   • I den globala innehållsredigeraren skriver du in texten för sidfotens adress.
   • Klicka på Stäng den expanderade vyn i det vänstra sidofältet.
7. Om du vill redigera innehållet i sidfotens sociala följare klickar du på modulen Sociala följare:
   
   • I avsnittet Sociala länkar klickar du på ikonen editIcon redigera eller deleteIcon ta bort för att redigera eller ta bort en befintlig social länk. Om du vill lägga till en social länk klickar du på knappen + Lägg till.
   • Om du vill visa ikoner för sociala följare markerar du kryssrutan Visa ikoner.
8. Om du vill redigera sidfotens copyrightinnehåll klickar du på modulen Sidfotens copyright:
   • Klicka på Redigera i den utökade vyn.
   • I den globala innehållsredigeraren anger du texten för sidfotens copyright.
   • Klicka på Stäng den expanderade vyn i det vänstra sidofältet.
9. När du är klar klickar du på Publicera till [#] tillgångar längst upp till höger.