Tilpas et tema til en vidensbase
Sidst opdateret: 12 juni 2025
Gælder for:
|
Du kan tilpasse udseendet af din Vidensbase ved at vælge dit layout og konfigurere dit tema i temaeditoren. Du kan også se, hvordan temaet for din vidensbase vil se ud på skabeloner, på forskellige sprog og i forskellige skærmstørrelser.
Før du går i gang
Før du begynder at arbejde med denne funktion, skal du sørge for fuldt ud at forstå, hvilke skridt der skal tages i forvejen, samt funktionens begrænsninger og potentielle konsekvenser af at bruge den.
Forstå kravene
Kontrollér, at du har en af følgende brugertilladelser:
- Tilladelser somSuperadmin.
- Tilladelser tilindstillinger iVidensbase, tilladelser til globale indholds- og temaindstillinger og en Service Hub-licens. Få mere at vide om HubSpots licensbaserede priser.
Forstå begrænsninger og overvejelser
- Disse værktøjer er kun tilgængelige for migrerede vidensbaser. Få mere at vide om at migrere din vidensbase.
- For vidensbaser, der ikke er blevet migreret, kan du læse mere om, hvordan du opretter og tilpasser en ældre vidensbase.
- Du kan ikke tilpasse din vidensbase i Designmanager eller bruge brugerdefinerede temaer.
Se et tema i vidensbasen
Når du har oprettet din Vidensbase, kan du se, hvordan dit tema ser ud i temaeditoren. Du kan se, hvordan temaet ser ud på tværs af forskellige skabeloner, sprog og skærmstørrelser.
- For at se en skabelon til en Vidensbase med eksempler på indhold:
-
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på rullemenuen Vis på øverst til venstre, og vælg en skabelon. Ændringer i temaet vil blive anvendt på alle vidensbasens skabeloner.
- For at se en skabelon til en vidensbase på forskellige sprog med eksempler på indhold:
-
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på rullemenuen Vis på øverst til venstre, og vælg en skabelon. Ændringer i temaet vil blive anvendt på alle vidensbasens skabeloner.
- Klik på den anden rullemenu øverst til venstre, og vælg et sprog.
- For at se en skabelon til en Vidensbase i forskellige skærmstørrelser med eksempler på indhold:
-
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på enhedsikonerne øverst i editoren, eller indtast en skærmbredde i pixels.
Rediger et Vidensbase-tema's stilarter
Du kan tilpasse dit temas stilarter, herunder farver, typografi, layout, sidehoved og sidefod.
Rediger et vidensbase-tema's farver
- Sådan redigerer du de farver, der bruges i temaet for Vidensbasen:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- I temaeditoren skal du klikke på rullemenuen Colors i venstre sidepanel.
- Indtast en hex-værdi, eller vælg en farve fra farvevælgeren for Primær, Sekundær, Accent og Kropsbaggrund .Dine branding-farver vises for hver indstilling.
- Når du er færdig med at redigere Vidensbasens temafarver, skal du klikke på Udgiv tema øverst til højre.
Rediger et vidensbase-tema's typografi
- Sådan redigerer du typografien i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- I temaeditoren skal du klikke på rullemenuen Typografi i venstre sidepanel.
- I sektionerne Primary og Secondary i venstre sidepanel skal du vælge skrifttype, skriftfarve og skriftstil (f.eks. Light, Bold, Regular). Dit brands skrifttyper og branding-farver vises for hver mulighed.
- I sektionerne Overskrift (H1-H6) i venstre sidepanel skal du vælge skrifttype, skriftstørrelse, skriftfarve, skrifttype (f.eks. Light, Bold, Regular) og transformere store og små bogstaver (f.eks. Capitalize, Uppercase, Lowercase).
- I sektionerne Body og Links i venstre sidepanel skal du vælge basisskrifttype, skriftstørrelse, skriftfarve og skrifttype (f.eks. Light, Bold, Regular) .
- Når du er færdig med at redigere typografien til temaet for Vidensbasen, skal du klikke på Udgiv tema øverst til højre.
Rediger et vidensbase-tema's layout
- Sådan tilpasser du layoutstilen for temaet for Vidensbasen:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- I temaeditoren skal du klikke på sektionen Layout i venstre sidepanel.
- Klik på indstillingen Layout. Forskellige layoutmuligheder understøtter forskellige stylingmuligheder.
- Når du er færdig med at redigere Vidensbasens temalayout, skal du klikke på Udgiv tema øverst til højre.
Rediger et Vidensbase-tema's header-stilarter
Du kan redigere dit Vidensbase-tema's header-stilarter, herunder header-bredde, topbar, sprogomskifter, menu-, knap- og søgefelt-stilarter. Du kan også redigere farver, skrifttyper og hover-stilarter inden for disse elementer.
- Sådan redigerer du overskriftsbredden i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Header i venstre sidepanel.
- I feltet Header width skal du vælge Full width eller Indhold width.
- Sådan redigerer du topbjælkens stil i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Header i venstre sidepanel.
-
- Klik på Top bar i sektionen Header.
- I afsnittet Top bar skal du vælge baggrundsfarven i farvevælgeren eller indtaste en hex-kodeværdi i feltet Background color. For at redigere skrifttypen skal du klikke på skrifttypen, skriftfarven og skriftstilen i felterne Base font og Hover font.
- Sådan redigerer du sprogskiftestilen i overskriften i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Header i venstre sidepanel.
-
- Klik på Language Switcher i sektionen Header.
-
- Klik på Drop downs i sektionen Language Switcher.
- Klik på Baggrund i afsnittet Drop downs.
- I afsnittet Baggrund skal du vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi i felterne Farve og Hover.
- Sådan redigerer du stilen for headermenuen i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Header i venstre sidepanel.
-
- Klik på Menu i sektionen Overskrift.
- Klik på Drop downs i menuafsnittet, og klik derefter på Baggrund eller Tekst.
- I afsnittet Baggrund skal du vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi i felterne Farve og Hover.
- I afsnittet Tekst skal du vælge skrifttype, skriftfarve og skriftstil.
- Klik på Tekst eller Baggrund i sektionen Menu:
- I afsnittet Tekst skal du vælge skrifttype, skriftfarve ogskrifttype for felterne Basisskrifttype og Hover-skrifttype.
- I sektionen Baggrund skal du vælge farve i farvevælgeren eller indtaste en hex-kodeværdi i feltet Farve.
- Sådan redigerer du overskriftsknappens stil i temaet for Vidensbasen:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Header i venstre sidepanel.
- Klik på Button i afsnittet Header.
- I sektionen Button skal du klikke på Text, Background, Border, Corner eller Hover.
- I afsnittet Tekst skal du vælge skrifttype, skriftstørrelse, skriftfarve, skriftstil (f.eks. Light, Bold, Regular) og transformere store og små bogstaver (f.eks. Capitalize, Uppercase, Lowercase).
- I sektionen Background skal du vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi i feltet Color.
- I afsnittet Border skal du vælge en border-stil i feltet Style.
- For at redigere hover-stilen skal du klikke på Hover og derefter klikke på Text, Background eller Border.
- I afsnittet Tekst skal du vælge skrifttype, skriftstørrelse, skriftfarve, skriftstil (f.eks. Light, Bold, Regular) og transformere store og små bogstaver (f.eks. Capitalize, Uppercase, Lowercase).
- I sektionen Background skal du vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi i feltet Color.
- I afsnittet Border skal du vælge en kantstil i feltet Style.
- Sådan redigerer du søgefeltets stil i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Header i venstre sidepanel.
- Klik på Search bar i afsnittet Header.
- Klik på Baggrund, Label-tekst eller Input i afsnittet Søgefelt.
- I afsnittet Baggrund skal du vælge baggrundstype og vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi.
- I sektionen Label text skal du vælge skrifttype, skriftstørrelse, skriftfarve og skrifttype (f.eks. Light, Bold, Regular).
- I afsnittet Input skal du vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi i felterne Tekstfarve, Knapfarve og Ikonfarve .
- Når du er færdig med at redigere Vidensbasens temaoverskrifter, skal du klikke på Udgiv tema øverst til højre.
Rediger et Vidensbase-tema's footer styles
Du kan redigere dit Vidensbase-tema's footer-stilarter, herunder footer-bredde, baggrund, menu, tekst og sociale ikoner. Du kan også redigere farver, skrifttyper og hover-stilarter inden for disse elementer.
- Sådan redigerer du sidefodsbredden i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Footer i venstre sidepanel.
- I sektionen Sidefod skal du klikke på Fuld bredde eller Bredde på indhold.
- Sådan redigerer du baggrunden for sidefoden i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Footer i venstre sidepanel.
- I sektionen Footer skal du vælge en farve i farvevælgeren eller indtaste en hex-kodeværdi i feltet Background.
- Sådan redigerer du stilen på sidefodsmenuen i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Footer i venstre sidepanel.
- Klik på Menu i sektionen Footer.
- Vælg skrifttype, skriftfarve og skriftstil (f.eks. Light, Bold, Regular) i felterne Base font og Hover font.
- Sådan redigerer du stilen på sidefoden i temaet for Vidensbasen:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Footer i venstre sidepanel.
- Klik på Tekst i sektionen Sidefod.
- Vælg skrifttype, skriftstørrelse, skriftfarve og skriftstil (f.eks. Light, Bold, Regular) i feltet Font.
- Sådan redigerer du stilen for det sociale ikon i sidefoden i temaet for Vidensbase:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Theme.
- Klik på Footer i venstre sidepanel.
- Klik på Social icons i sektionen Footer.
- Hvis du vil ændre størrelsen på de sociale ikoner, skal du klikke på rullemenuen Ikonstørrelse og vælge Lille, Almindelig eller Stor.
- Hvis du vil ændre formen på de sociale ikoner, skal du klikke på rullemenuen Ikonform og vælge Cirkel eller Firkant.
- For at ændre de sociale ikoners farve skal du vælge farven i farvevælgeren eller indtaste en hex-kodeværdi i feltet Ikonfarve.
- Hvis du vil ændre de sociale ikoners baggrundsfarve, skal du vælge farven i farvevælgeren eller indtaste en hex-kodeværdi i feltet Baggrund.
- For at ændre justeringen af de sociale ikoner skal du klikke på blockAlignmentLeftIcon Left align, blockAlignmentCenterIcon Center align eller blockAlignmentRightIcon Right align ikoner i feltet Alignment.
- Når du er færdig med at redigere Vidensbase-temaets footer styles, skal du klikke på Publish theme øverst til højre.
Rediger en vidensbase's indhold i overskriften
Du kan redigere indholdet af din Vidensbase header, herunder logo, menu, knap, sprogomskifter og yderligere supportmuligheder. Ændringer vil være synlige på alle sider i Vidensbasen.
- Sådan redigerer du indholdet af en vidensbase's header-logo:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Header.
- I den globale indholdseditor skal du klikke på ikonet siteTree indhold i venstre sidepanel.
- Klik på modulet Webstedets over skrift i venstre sidepanel.
- Klik på Logo i modulet Webstedets overskrift.
- Hvis du vil tilsidesætte standardlogoet, skal du slå kontakten Tilsidesæt standardlogo til eller klikke på Rediger standardlogo på dette domæne for at opdatere standardlogoet.
- Hvis du har valgt at tilsidesætte standardlogoet, kan du klikke på Upload eller Gennemse billeder for at tilføje et nyt logo.
- Klik på Anvend indstillinger nederst til venstre i sidebar-editoren for at se dine ændringer.
- Sådan redigerer du indholdet i en Vidensbase's topmenu:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Header.
- I den globale indholdseditor skal du klikke på ikonet for siteTree indhold i venstre sidepanel.
- Klik på Webstedets header-modul i venstre sidebjælke.
- Klik på Menu i Webstedets header-modul.
- Klik på rullemenuen Menu og vælg en menu for at få vist en sidehovedmenu.
- Klik på Rediger i feltet Menu for at redigere en eksisterende sidehovedmenu.
- For at oprette en ny topmenu skal du klikke på Opret ny i feltet Menu.
- Brug ikonerne upIcon increase og downIcon decrease i feltet Max levels for at redigere antallet af menutræets børn, der kan vises i topmenuen.
- Klik på Anvend indstillinger nederst til venstre i sidebjælkeeditoren for at se dine ændringer.
- Sådan redigerer du indholdet af en vidensbase's header-knap:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Header.
- I den globale indholdseditor skal du klikke på ikonet siteTree indhold i venstre sidepanel.
- Klik på modulet Webstedets over skrift i venstre sidepanel.
- Klik på Knap i Webstedets header-modul.
- Hvis du vil tilføje en knap til din header, skal du markere afkrydsningsfeltet Tilføj knap.
- Hvis du vil redigere knapteksten i sidehovedet, skal du indtaste teksten i feltet Knaptekst.
- For at redigere URL-linket, som knappen leder besøgende til, skal du klikke på rullemenuen Link til og vælge linkmuligheden.
- For at få URL-linket til at åbne i et nyt vindue skal du slå Åbn link i nyt vindue til.
- Hvis du vil redigere linktypen, skal du markere afkrydsningsfeltet ud for Ingen følger eller Tilføj ikon.
- Klik på Anvend indstillinger nederst til venstre i sidebar-editoren for at se dine ændringer.
- Sådan redigerer du en overskrift i vidensbasen for indholdet i sprogomskifteren:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Header.
- I den globale indholdseditor skal du klikke på ikonet siteTree contents i venstre sidepanel.
- Klik på modulet Webstedets over skrift i venstre sidepanel.
- Klik på Language Switcher i Webstedets header-modul.
- For at tilføje sprogomskifteren til sidehovedet skal du markere afkrydsningsfeltet ved siden af feltet Tilføj sprogomskifter.
- For at redigere visningstilstanden for sprogomskifteren skal du klikke på rullemenuen Visningstilstand og vælge Lokaliseret, PageLang eller Hybrid.
- Klik på Anvend indstillinger nederst til venstre i sidebar-editoren for at se dine ændringer.
- Sådan redigerer du en overskrift i vidensbasen for indholdet af ekstra supportmuligheder:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Header.
- I den globale indholdseditor skal du klikke på ikonet siteTree contents i venstre sidepanel.
- Klik på modulet Webstedets over skrift i venstre sidepanel.
- Klik på Yderligere supportmuligheder i modulet Webstedets overskrift.
- Hvis du vil vise et link til kundeportalen, skal du slå Vis link til kundeportal til.
- Indtast den tekst, du vil have vist, i feltet Tekst til link til kundeportal.
- Hvis du vil vise et log-in til begrænset indhold, skal du slå Vis log-in til begrænset indhold til.
- I felterne Sign-in link text og Sign-out link text skal du indtaste den tekst, du vil have vist.
- Klik på Anvend indstillinger nederst til venstre i sidebar-editoren for at se dine ændringer.
- Når du er færdig med at redigere indholdet i Vidensbasens overskrift, skal du klikke på Udgiv til [#] aktiver øverst til højre.
Rediger en Vidensbase's indhold i sidefoden
Du kan redigere indholdet af din Vidensbase-sidefod, herunder menuen, logoet, sidefodens adresse, social follow og copyright i sidefoden. Ændringer vil være synlige på alle sider i Vidensbasen.
- Sådan redigerer du indholdet af en vidensbases sidefodsmenu:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Footer.
- I den globale indholdseditor skal du klikke på ikonet for siteTree indhold i venstre sidepanel.
- Klik på menumodulet Footer i venstre sidebjælke.
- For at vise en sidefodsmenu skal du klikke på rullemenuen Menu og vælge en menu.
- For at redigere en eksisterende sidefodsmenu skal du klikke på Rediger i feltet Menu.
- For at oprette en ny sidefodsmenu skal du klikke på Opret ny i feltet Menu.
- Brug ikonerne upIcon increase og downIcon decrease i feltet Max levels for at redigere antallet af menutræer, der kan vises i sidefodsmenuen.
- Hvis du vil vise en sidefodsmenu, skal du markere afkrydsningsfeltet i feltet Vis menu.
- Klik på Anvend indstillinger nederst til venstre i sidebjælkeeditoren for at se dine ændringer.
- Sådan redigerer du indholdet af en vidensbase's footer-logo:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Footer.
- I den globale indholdseditor skal du klikke på ikonet siteTree contents i venstre sidepanel.
- Klik på Logo-modulet i venstre sidepanel.
- Hvis du vil tilsidesætte standardlogoet i sidefoden, skal du slå kontakten Tilsidesæt standardlogo til eller klikke på Rediger standardlogo i dette domæne for at opdatere standardlogoet.
- Hvis du har valgt at tilsidesætte standardlogoet i sidefoden, kan du klikke på Upload eller Gennemse billeder for at tilføje et nyt logo.
- Hvis du vil tilpasse, hvordan sidefodslogoet indlæses, skal du klikke på rullemenuen Billedindlæsning og vælge Browserstandard, Lazy eller Eager.
- Hvis du vil tilføje en link-URL til sidefodslogoet, skal du indtaste URL-teksten i feltet Link-URL.
- Klik på Anvend indstillinger nederst til venstre i sidebjælkeeditoren for at se dine ændringer.
- Sådan redigerer du indholdet af en vidensbase's footer-adresse:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Footer.
- I den globale indholdseditor skal du klikke på ikonet for siteTree indhold i venstre sidepanel.
- Klik på adressemodulet Footer i venstre sidebjælke, og klik derefter på Edit i udvidet visning.
- I editoren for globalt indhold skal du indtaste teksten til sidefodsadressen.
- For at redigere en Vidensbase's footer social follow indhold:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Footer.
- I den globale indholdseditor skal du klikke på ikonet siteTree contents i venstre sidebjælke.
- Klik på modulet Social follow i venstre sidebjælke.
- I afsnittet Social links skal du klikke på ikonet editIcon edit eller deleteIcon delete for at redigere eller slette et eksisterende socialt link. Klik på knappen + Tilføj for at tilføje et socialt link.
- Hvis du vil vise ikoner for social follow, skal du markere afkrydsningsfeltet ved siden af feltet Vis ikoner.
- Sådan redigerer du en vidensbase's indhold af copyright i sidefoden:
- På din HubSpot-konto skal du navigere til Service > Vidensbase.
- Klik på rullemenuen Configure øverst til højre, og vælg Footer.
- I den globale indholdseditor skal du klikke på ikonet siteTree contents i venstre sidepanel.
- Klik på copyright-modulet Footer i venstre sidebjælke, og klik derefter på Edit i udvidet visning.
- I editoren for globalt indhold skal du indtaste teksten til sidefodens copyright.
- Når du er færdig med at redigere indholdet i vidensbasens sidefod, skal du klikke på Udgiv til [#] aktiver øverst til højre.