Anpassa temat för en kunskapsbas
Senast uppdaterad: 12 juni 2025
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
Du kan anpassa utseendet på din kunskapsbas genom att välja layout och konfigurera ditt tema i temaredigeraren. Du kan också se hur temat för kunskapsbasen kommer att se ut i 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 är helt införstådd med vilka åtgärder som bör vidtas i förväg, liksom funktionens begränsningar och potentiella konsekvenser av att använda den.
Förstå kraven
Kontrollera att du har någon av följande användarrättigheter:
- Behörighet somSuperadmin.
- Inställningsbehörigheter för Kunskapsbas, inställningsbehörigheter för globalt innehåll och teman och en Service Hub-profil. Läs mer om HubSpots profilbaserade prissättning.
Förstå begränsningar och överväganden
- Dessa verktyg är endast tillgängliga för migrerade kunskapsbaser. 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 kunskapsbasen i Designhanteraren eller använda anpassade teman.
Visa ett tema för en kunskapsbas
När du har skapat din kunskapsbas kan du se hur ditt tema ser ut i temaredigeraren. Du kan se hur temat ser ut i olika mallar, språk och skärmstorlekar.
- Så här visar du en mall för en kunskapsbas med exempel på innehåll:
-
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på rullgardinsmenyn Visa på längst upp till vänster och välj en mall. Ändringar av temat kommer att tillämpas på alla mallar för kunskapsbaser.
- För att visa en mall för en kunskapsbas på olika språk med exempel på innehåll:
-
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på rullgardinsmenyn Visa på längst upp till vänster och välj en mall. Ändringar i temat kommer att tillämpas på alla mallar för kunskapsbaser.
- Klicka på den andra rullgardinsmenyn längst upp till vänster och välj ett språk.
- För att visa en mall för en kunskapsbas i olika skärmstorlekar med exempel på innehåll:
-
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på enhetssymbolerna längst upp i redigeraren eller ange en skärmbredd i pixlar.
Redigera stilarna för ett tema för Kunskapsbas
Du kan anpassa ditt temas stilar, inklusive färger, typografi, layout, sidhuvud och sidfot.
Redigera färgerna i ett tema för en kunskapsbas
- Så här redigerar du färgerna som används i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- I temaredigeraren klickar du på rullgardinsmenyn Colors i det vänstra sidofältet.
- Ange ett hexvärde eller välj en färg från färgväljaren för Primary, Secondary, Accent och Body background .Färgernaför din varumärkesprofilering visas för varje alternativ.
- När du är klar med redigeringen av Kunskapsbasens temafärger klickar du på Publicera tema längst upp till höger.
Redigera typografin för ett tema för en kunskapsbas
- Så här redigerar du typografin i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- I temaredigeraren klickar du på rullgardinsmenyn Typografi i det vänstra sidofältet.
- I avsnitten Primary och Secondary i den vänstra sidofältet väljer du teckensnitt, teckensnittsfärg och teckensnittsstil (t.ex. Light, Bold, Regular). Varumärkets teckensnitt och färger visas för varje alternativ.
- I avsnitten Rubriker (H1-H6) i den vänstra sidofältet väljer du teckensnitt, teckenstorlek, teckenfärg, teckensnittsstil (t.ex . Light, Bold, Regular) och versaler(t.ex. Capitalize, Uppercase, Lowercase).
- I avsnitten Body och Links i den vänstra sidofältet väljer du grundteckensnitt, teckenstorlek, teckenfärg och teckensnittsstil (t.ex. Light, Bold, Regular) .
- När du har redigerat typografin för kunskapsbasens tema klickar du på Publicera tema längst upp till höger.
Redigera ett Kunskapsbas-temas layout
- Så här anpassar du layoutstilen för temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
- I temaredigeraren klickar du på avsnittet Layout i det vänstra sidofältet.
- Klicka på alternativet Layout. Olika layoutalternativ stöder olika stylingalternativ.
- När du är klar med redigeringen av Kunskapsbasens temalayout klickar du på Publicera tema längst upp till höger.
Redigera ett Kunskapsbas-temas rubrikstilar
Du kan redigera temat Kunskapsbas rubrikstilar, inklusive rubrikbredd, toppfält, språkväxlare, meny, knapp och sökfältsstilar. Du kan också redigera färger, teckensnitt och svävarstilar inom dessa element.
- Så här redigerar du rubrikbredden i temat för Kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Header i det vänstra sidofältet.
- I fältet Header width (Huvudets bredd ) väljer du Full width (Full bredd ) eller Innehåll width (Innehållets bredd).
- Så här redigerar du stilen för rubrikens övre fält i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Header i det vänstra sidofältet.
-
- Klicka på Top bar i avsnittet Header.
- I avsnittet Top bar väljer du bakgrundsfärg i färgväljaren eller anger ett hex-kodvärde i fältet Bakgrundsfärg. Om du vill redigera teckensnittet klickar du på teckensnittet, teckensnittsfärgen och teckensnittsstilen i fälten Base font och Hover font.
- Så här redigerar du språkväxlarstilen i sidhuvudet i temat för Kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Header i det vänstra sidofältet.
-
- Klicka på Language Switcher i avsnittet Header.
-
- I avsnittet Language Switcher klickar du på Drop downs.
- Klicka på Bakgrund i avsnittet Rullgardinsmenyer.
- I avsnittet Bakgrund väljer du färg i färgväljaren eller anger ett hex-kodvärde för fälten Färg och Hover.
- Så här redigerar du stilen för rubrikmenyn i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Header i det vänstra sidofältet.
-
- Klicka på Meny i avsnittet Rubrik.
- I avsnittet Menu klickar du på Drop downs och sedan på Background eller Text.
- I avsnittet Bakgrund väljer du färg i färgväljaren eller anger ett hex-kodvärde för fälten Färg och Hover.
- I avsnittet Text väljer du teckensnitt, teckensnittsfärg och teckensnittsstil.
- Klicka på Text eller Bakgrund i avsnittet Meny:
- I avsnittet Text väljer du teckensnitt, teckensnittsfärg ochteckensnittsstil för fälten Base font och Hover font.
- I avsnittet Bakgrund väljer du färg i färgväljaren eller anger ett hex-kodvärde i fältet Färg.
- Så här redigerar du stilen för rubrikknappen i temat för kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Header i det vänstra sidofältet.
- Klicka på Button i avsnittet Header.
- I avsnittet Knapp klickar du på Text, Bakgrund, Kant, Hörn eller Hover.
- I avsnittet Text väljer du teckensnitt, teckensnittsstorlek, teckensnittsfärg, teckensnittsstil (t.ex. Light, Bold, Regular) och versaler (t.ex. Capitalize, Uppercase, Lowercase).
- I avsnittet Bakgrund väljer du färg i färgväljaren eller anger ett hex-kodvärde i fältet Färg.
- I avsnittet Border väljer du en borderstil i fältet Style.
- Om du vill redigera svävstilen klickar du på Sväv och sedan på Text, Bakgrund eller Kant.
- I avsnittet Text väljer du teckensnitt, teckenstorlek, teckenfärg, teckensnittsstil (t.ex. Light, Bold, Regular) och versaler (t.ex. Capitalize, Uppercase, Lowercase).
- I avsnittet Bakgrund väljer du färg i färgväljaren eller anger ett hex-kodvärde i fältet Färg.
- I avsnittet Border väljer du en borderstil i fältet Style.
- Så här redigerar du stilen för sökfältet i sidhuvudet i temat för kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Header i det vänstra sidofältet.
- I avsnittet Header klickar du på Sökfält.
- I avsnittet Sökfält klickar du på Bakgrund, Etikettext eller Inmatning.
- I avsnittet Bakgrund väljer du bakgrundstyp och väljer en färg i färgväljaren eller anger ett hex-kodvärde.
- I avsnittet Etikettext väljer du teckensnitt, teckenstorlek, teckenfärg och teckensnittsstil (t.ex. Light, Bold, Regular).
- I avsnittet Input väljer du en färg i färgväljaren eller anger ett hex-kodvärde för fälten Text color (Textfärg), Button color (Knappfärg) och Icon color (Ikonfärg ).
- När du är klar med redigeringen av rubrikstilarna för Kunskapsbasens tema klickar du på Publicera tema längst upp till höger.
Redigera stilarna för sidfoten i ett Kunskapsbas-tema
Du kan redigera ditt Kunskapsbas-temas sidfotsstilar, inklusive sidfotens bredd, bakgrund, meny, text och sociala ikoner. Du kan också redigera färger, teckensnitt och svävarstilar inom dessa element.
- Så här redigerar du sidfotsbredden i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Footer i det vänstra sidofältet.
- I avsnittet Sidfot klickar du på Full bredd eller Bredd på innehåll.
- Så här redigerar du sidfotens bakgrund i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
- Klicka på Footer i det vänstra sidofältet.
- I avsnittet Sidfot väljer du en färg i färgväljaren eller anger ett hex-kodvärde i fältet Bakgrund...
- Så här redigerar du stilen för sidfotens meny i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Footer i det vänstra sidofältet.
- Klicka på Menu i avsnittet Footer.
- Välj teckensnitt, teckensnittsfärg och teckensnittsstil (t.ex. Light, Bold, Regular) i fälten Base font och Hover font.
- Så här redigerar du stilen för sidfotens text i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Configure längst upp till höger och välj Theme.
- Klicka på Footer i det vänstra sidofältet.
- I avsnittet Sidfot klickar du på Text.
- Välj teckensnitt, teckenstorlek, teckenfärg och teckensnittsstil (t.ex. Light, Bold, Regular) i fältet Font.
- Så här redigerar du stilen för den sociala ikonen i sidfoten i temat för kunskapsbasen:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.
- Klicka på Footer i det vänstra sidofältet.
- I avsnittet Footer klickar du på Sociala ikoner .
- Om du vill ändra storleken på de sociala ikonerna klickar du på rullgardinsmenyn Ikonstorlek och väljer Liten, Normal eller Stor.
- Om du vill ändra formen på de sociala ikonerna klickar du på rullgardinsmenyn Ikonform och väljer Cirkel eller Fyrkant.
- Om du vill ändra färgen på de sociala ikonerna väljer du en färg i färgväljaren eller anger ett hexadecimalt värde i fältet Ikonfärg.
- Om du vill ändra bakgrundsfärgen för de sociala ikonerna väljer du färg i färgväljaren eller anger ett hexadecimalt värde i fältet Bakgrund.
- Om du vill ändra inriktningen på de sociala ikonerna klickar du på ikonerna blockAlignmentLeftIcon Vänsterinriktad, blockAlignmentCenterIcon Mittinriktad eller blockAlignmentRightIcon Högerinriktad i fältet Inriktning.
- När du är klar med redigeringen av sidfotsstilarna för Kunskapsbasens tema klickar du på Publicera tema längst upp till höger.
Redigera innehållet i rubriken för en kunskapsbas
Du kan redigera innehållet i Kunskapsbasens rubrik, inklusive logotyp, meny, knapp, språkväxlare och ytterligare supportalternativ. Ändringar kommer att synas på alla sidor i kunskapsbasen.
- Så här redigerar du innehållet i en kunskapsbas logotyphuvud:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Header.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I den vänstra sidofältet klickar du på Webbplatsens rubrikmodul.
- Klicka på Logotyp i Webbplatsens rubrikmodul.
- Om du vill åsidosätta standardlogotypen slår du på knappen Åsidosätt standard logotyp 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.
- Klicka på Tillämpa alternativ längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- Så här redigerar du innehållet i en kunskapsbas rubrikmeny:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Rubrik.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I det vänstra sidofältet klickar du på Webbplatsens rubrikmodul.
- Klicka på Meny i Webbplatsens rubrikmodul.
- Om du vill visa en rubrikmeny klickar du på rullgardinsmenyn Meny och väljer en meny.
- Om du vill redigera en befintlig rubrikmeny klickar du på Redigera i fältet Meny.
- Om du vill skapa en ny huvudmeny klickar du på Skapa ny i fältet Meny.
- 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 längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- Så här redigerar du innehållet i en kunskapsbas sidhuvudknapp:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Rubrik.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I det vänstra sidofältet klickar du på Webbplatsens rubrikmodul.
- Klicka på Knapp i modulen Webbplatsens sidhuvud.
- Om du vill lägga till en knapp i sidhuvudet markerar du kryssrutan Lägg till knapp.
- Om du vill redigera knapptexten i sidhuvudet skriver du in texten i fältet Knapptext.
- Om du vill redigera URL-länken som knappen leder besökare till klickar du på rullgardinsmenyn Länk till och väljer länkalternativet.
- Om du vill att URL-länken ska öppnas i ett nytt fönster aktiverar du alternativet Öppna länk i nytt fönster.
- Om du vill redigera länktypen markerar du kryssrutan bredvid fälten Ingen följare eller Lägg till ikon.
- Klicka på Tillämpa alternativ längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- Så här redigerar du en rubrik i kunskapsbasen för innehållet i språkväxlaren:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Rubrik.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I den vänstra sidofältet klickar du på Webbplatsens rubrikmodul.
- Klicka på Språkväxlare i Webbplatsens rubrikmodul.
- Om du vill lägga till språkomkopplaren i sidhuvudet markerar du kryssrutan bredvid fältet Lägg till språkomkopplare.
- Om du vill redigera visningsläget för språkväxlaren klickar du på rullgardinsmenyn Visningsläge och väljer Lokaliserad, PageLang eller Hybrid.
- Klicka på Tillämpa alternativ längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- Så här redigerar du en rubrik i kunskapsbasen för innehållet i ytterligare supportalternativ:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Rubrik.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I det vänstra sidofältet klickar du på Webbplatsens rubrikmodul.
- Klicka på Ytterligare supportalternativ i Webbplatsens rubrikmodul.
- För att visa en länk till kundportalen, slå på knappen Visa länk till kundportal.
- I textfältet Länk till kundportal anger du den text som du vill visa.
- Om du vill visa en inloggning för begränsat innehåll slår du 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.
- Klicka på Tillämpa alternativ längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- När du är klar med redigeringen av Kunskapsbasens innehåll klickar du på Publicera till [#] tillgångar längst upp till höger.
Redigera innehållet i sidfoten i en kunskapsbas
Du kan redigera innehållet i kunskapsbasens sidfot, inklusive meny, logotyp, sidfotsadress, sociala följare och alternativ för upphovsrätt i sidfoten. Ändringar kommer att synas på alla sidor i kunskapsbasen.
- Så här redigerar du innehållet i sidfotens meny i en kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- Klicka på menymodulen Sidfot i det vänstra sidofältet.
- Om du vill visa en sidfotsmeny klickar du på rullgardinsmenyn Meny och väljer en meny.
- Om du vill redigera en befintlig sidfotsmeny klickar du på Redigera i fältet Meny.
- Om du vill skapa en ny sidfotmeny klickar du på Skapa ny i fältet Meny.
- Om du vill redigera antalet menyträd som kan visas i sidfotsmenyn använder du ikonerna upIcon öka och downIcon minska i fältet Maxnivåer.
- Om du vill visa en sidfotsmeny markerar du kryssrutan i fältet Show menu.
- Klicka på Tillämpa alternativ längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- Så här redigerar du innehållet i logotypen i sidfoten på en kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- Klicka på modulen Logo i det vänstra sidofältet.
- Om du vill åsidosätta standardlogotypen för sidfoten slår du på knappen Åsidosätt standard logotyp eller klickar på Redigera standardlogotyp i den här domänen för att uppdatera standardlogotypen.
- Om du har valt att åsidosätta standardlogotypen för sidfoten 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 längst ned till vänster i sidofältsredigeraren för att se dina ändringar.
- Så här redigerar du innehållet i sidfoten för en kunskapsbas:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I den vänstra sidofältet klickar du på adressmodulen Footer och sedan på Redigera i utökad vy.
- Skriv in texten för sidfotsadressen i redigeraren för globalt innehåll.
- Så här redigerar du innehåll i en Kunskapsbas som följer socialt i sidfoten:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- Klicka på modulen Sociala följare i den vänstra sidofältet.
- 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 bredvid fältet Visa ikoner.
- Så här redigerar du innehållet i en kunskapsbas sidfot för upphovsrätt:
- I ditt HubSpot-konto navigerar du till Service > Kunskapsbas.
- Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
- I den globala innehållsredigeraren klickar du på innehållsikonen siteTree i det vänstra sidofältet.
- I den vänstra sidofältet klickar du på upphovsrättsmodulen Footer och sedan på Redigera i utökad vy.
- Ange texten för sidfotens copyright i redigeraren för globalt innehåll.
- När du har redigerat innehållet i Kunskapsbasens sidfot klickar du på Publicera till [#] tillgångar längst upp till höger.