Tilpas et tema til en vidensbase

Du kan tilpasse udseendet af din vidensbase ved at vælge dit layout og konfigurere dit tema i temaeditoren. Du kan også se, hvordan dit vidensbasetema 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 på forhånd, samt funktionens begrænsninger og potentielle konsekvenser af at bruge den.

Forstå kravene

• Superadministrator-rettigheder.
• Tilladelse tilvidensbaseindstillinger, tilladelse til globale indholds- og temaindstillinger og et tildelt Service Hub-sæde. Få mere at vide om HubSpots pladsbaserede priser.

Forstå begrænsninger og overvejelser

• Disse værktøjer er kun tilgængelige for migrerede vidensbaser. Læs mere 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 Design Manager eller bruge brugerdefinerede temaer.

Se et tema for en vidensbase

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.

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Hvis du vil se en skabelon med eksempelindhold, skal du klikke på rullemenuen View on øverst til venstre og vælge en skabelon. Ændringer i temaet vil blive anvendt på alle vidensbaseskabeloner.

4. Hvis du vil se en skabelon på forskellige sprog, skal du klikke på den anden rullemenu øverst til venstre og vælge et sprog.

5. Hvis du vil se, hvordan en skabelon vises på forskellige enheder, skal du klikke på enhedsikonerne øverst i editoren eller indtaste en skærmbredde i pixels.

Rediger et vidensbasetemas farver, typografi og layout

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. For at ændre et temas farver skal du klikke for at udvide afsnittet Farver. Indtast derefter en hex-værdi, eller vælg en farve fra farvevælgeren forfelterne Primary, Secondary, Accent og Body background . Dine brandfarver vises for hver indstilling.
4. Klik på Typografi for at ændre et temas typografi:
   • I sektionerne Primary og Secondaryskal duklikkepå dropdown-menuen Font og vælge en skrifttype. Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve. De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store bogstaver) afhænger af den valgte skrifttype.
   • For at redigere overskrifts-, brødtekst- eller linktypografi skal du klikke for at udvide sektionerne Overskrift (H1-H6), Brødtekst eller Link:
     • Klik på dropdown-menuen Font, og vælg en font. De yderligere muligheder for skrifttypestyling (f.eks. skriftvægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
     • Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
5. Hvis du vil ændre et temas layout, skal du klikke for at udvide sektionen Layout og vælge en mulighed (f.eks. Tiles eller Minimal). Forskellige layoutmuligheder understøtter forskellige stylingmuligheder.
6. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Rediger et vidensbasetemas header-stilarter

Du kan redigere dit vidensbasetemas header-stilarter, herunder header-bredden, topbjælken, sprogomskifteren, menuen, knappen og søgefeltet. Du kan også redigere farver, skrifttyper og hover-stilarter inden for disse elementer.

Bredde på headeren

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Header i venstre sidepanel.
4. I sektionen Header skal du vælge Fuld bredde eller Indholdsbredde.

Øverste bjælke i headeren

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Header i venstre sidepanel.
4. I sektionen Header skal du klikke for at udvide sektionen Top bar.
5. For at redigere baggrundsfarven skal du indtaste en hex-kodeværdi eller vælge en baggrundsfarve i farvevælgeren for feltet Baggrundsfarve.
6. Klik på dropdown-menuen Font, og vælg en font. De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store bogstaver) afhænger af den valgte skrifttype.
7. Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
8. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Skift mellem sprog i headeren

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Header i venstre sidepanel.
4. Klik på Language switcher i afsnittet Header.
5. Klik på Drop downs i afsnittet Language Switcher.
6. Klik for at udvide sektionen Baggrund.
7. Indtast en hex-kodeværdi, eller vælg en farve i farvevælgeren for felterne Farve og Hover.
8. For at redigere gennemsigtigheden skal du indtaste en procentværdi i det andet felt. For eksempel vil en gennemsigtighed på 100 % være uigennemsigtig, mens en gennemsigtighed på 0 % ikke vil være synlig.
9. Når du er færdig, skal du klikke på Publish theme øverst til højre.

Overskriftsmenu

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Header i venstre sidepanel.
4. Klik på Menu i sektionen Header.
5. Klik på Drop downs for at redigere stilarter for drop downs:
   • Klik for at udvide afsnittet Baggrund, og indtast en hex-kodeværdi, eller vælg en farve i farvevælgeren for felterne Farve og Hover. For at redigere gennemsigtigheden skal du indtaste en procentværdi i det andet felt.
     
   • Klik for at udvide sektionen Tekst. Klik derefter på dropdown-menuen Font, og vælg en font. De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
   • Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
6. For at redigere skrifttypens tekststil skal du klikke for at udvide sektionen Tekst:
   • Klik på rullemenuen med skrifttyper, og vælg en skrifttype. De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
   • Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
7. Hvis du vil redigere baggrundsfarven, skal du klikke for at udvide sektionen Baggrund og derefter indtaste en hex-kodeværdi eller vælge en farve i farvevælgeren.
8. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Overskriftsknapper

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Header i venstre sidepanel.
4. Klik på Button i sektionen Header.
5. Klik på for at udvide sektionen Tekst for at redigere skrifttypen:
   • Klik på dropdown-menuen Font, og vælg en skrifttype. De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
   • Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
6. For at redigere baggrunden skal du klikke for at udvide sektionen Baggrund og indtaste en hex-kodeværdi eller vælge en farve i farvevælgeren. For at redigere gennemsigtigheden skal du indtaste en procentværdi.
7. For at redigere grænsestilen skal du klikke for at udvide afsnittet Grænse, klikke på rullemenuen Stil og vælge en grænsestil (f.eks. Stiplet).
8. For at redigere hjørnestilen skal du klikke for at udvide sektionen Hjørne. Indtast derefter en pixelværdi (f.eks. 30 px) i feltet Radius.
9. Klik på Hover for at redigere hover-stilen:
   • Klik for at udvide sektionen Tekst.
     • For at ændre skriftfarven skal du klikke på farvevælgeren og vælge en skriftfarve.
     • Vælg ikonet italicizeIcon kursiv eller ikonet underlineIcon understregning for at anvende skrifttypestilarter.
   • Klik for at udvide sektionen Baggrund, og indtast en hex-kodeværdi, eller vælg en farve i farvevælgeren. For at redigere gennemsigtigheden skal du indtaste en procentværdi.
   • Klik for at udvide sektionen Border, og klik derefter på rullemenuen Style for at vælge en border-stil (f.eks. Dotted).
10. Når du er færdig, skal du klikke på Publish theme øverst til højre.

Søgefelt i overskriften

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Header i venstre sidepanel.
4. Klik på Search bar i afsnittet Header.
5. For at redigere baggrunden skal du klikke for at udvide sektionen Background: og derefter klikke på rullemenuen Background type for at vælge en mulighed (f.eks. Color, Image eller Gradient). Der vises yderligere stylingmuligheder afhængigt af den valgte baggrundstype.
6. Klik på for at udvide sektionen Etikettekst for at redigere etiketternes tekststile:
   • Klik på dropdown-menuen Font, og vælg en font. De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
   • Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
7. For at redigere input-skrifttypestilen skal du klikke for at udvide Input-sektionen og derefter indtaste en hex-kodeværdi eller klikke på farvevælgeren for at vælge en farve. For at redigere gennemsigtigheden skal du indtaste en procentværdi.
8. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Rediger et vidensbasetemas footer-stilarter

Du kan redigere dit vidensbasetemas footer-stilarter, herunder footer-bredde, baggrund, menu, tekst og sociale ikoner. Du kan også redigere farver, skrifttyper og hover-stilarter inden for disse elementer.

Footer-bredde og -baggrund

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Sidefod i venstre sidepanel.
4. For at ændre bredden på sidefoden skal du vælge Fuld bredde eller Indholdsbredde i feltet Sidefodsbredde.
5. For at ændre sidefodens baggrundsfarve skal du indtaste en hex-kodeværdi eller klikke på farvevælgeren for at vælge en farve.

Footer-menu

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Footer i venstre sidepanel.
4. I sektionen Footer skal du klikke for at udvide sektionen Menu .
5. For at redigere menuens skrifttyper skal du klikke på dropdown-menuen Font og vælge en skrifttype . De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
6. Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
7. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Tekst i sidefod

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Footer i venstre sidepanel.
4. I sektionen Footer skal du klikke for at udvide sektionen Text .
5. For at redigere menuens skrifttyper skal du klikke på dropdown-menuen Font og vælge en skrifttype . De yderligere muligheder for skrifttypestyling (f.eks. skrifttypevægt, skriftstørrelse eller transformering af store og små bogstaver) afhænger af den valgte skrifttype.
6. Hvis du vil ændre skriftfarven, skal du klikke på farvevælgeren og vælge en skriftfarve.
7. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Sociale ikoner i sidefoden

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Theme.
3. Klik på Footer i venstre sidepanel.
4. I sektionen Sidefod skal du klikke for at udvide sektionen Sociale ikoner .
5. Hvis du vil ændre størrelsen på de sociale ikoner, skal du klikke på rullemenuen Ikonstørrelse og vælge en mulighed (f.eks. Lille, Almindelig eller Stor).
6. Hvis du vil ændre formen på de sociale ikoner, skal du klikke på rullemenuen Ikonform og vælge en mulighed (f.eks. Cirkel eller Firkant).
7. Hvis du vil ændre de sociale ikoners farve, skal du indtaste en hex-kodeværdi eller klikke på farvevælgeren for at vælge en farve i feltet Ikonfarve.
8. For at ændre de sociale ikoners baggrundsfarve skal du indtaste en hex-kodeværdi eller klikke på farvevælgeren for at vælge en farve i feltet Baggrund. For at redigere gennemsigtigheden skal du indtaste en procentværdi.
9. Klik på blockAlignmentLeftIcon Left align, blockAlignmentCenterIcon Center align eller blockAlignmentRightIcon Right align i feltet Alignment for at ændre justeringen af de sociale ikoner.
10. Når du er færdig, skal du klikke på Udgiv tema øverst til højre.

Rediger indholdet af et vidensbasetema

Du kan redigere indholdet af din vidensbanks sidehoved og sidefod. Publicerede ændringer vil være synlige på alle vidensbasens sider.

Indhold i sidehoved

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Header.
3. I den globale indholdseditor skal du klikke på indholdsikonet siteTree i venstre sidebjælke.
4. Klik på modulet Website header i venstre sidebjælke.
5. Klik på for at udvide afsnittet Logo for at redigere indholdet i headerens logo:
   • Hvis du vil tilsidesætte standardlogoet, 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, kan du klikke på Upload eller Gennemse billeder for at tilføje et nyt logo.
   • Hvis du vil vise dit firmanavn, når der ikke er indstillet et logo, skal du slå Vis firmanavn, når logo ikke er indstillet til.
   • Hvis du vil tilføje et URL-link til dit logo, skal du indtaste en URL i feltet Link.
   • Klik på Anvend indstillinger for at se dine ændringer.
6. For at redigere indholdet i headermenuen skal du klikke for at udvide sektionen Menu:
   
   • For at få vist en topmenu skal du klikke på rullemenuen Menu og vælge en menu.
   • Klik på Rediger for at redigere en eksisterende topmenu.
   • Klik på Opret ny for at oprette en ny topmenu.
   • Brug ikonerne upIcon increase og downIcon decrease i feltet Max levels for at redigere antallet af menutræer, der kan vises i topmenuen.
   • Klik på Anvend indstillinger for at se dine ændringer.
7. Klik på Button for at redigere indholdet af headerknappen:
   
   • Hvis du vil tilføje en knap til din header, skal du markere afkrydsningsfeltet Tilføj knap.
   • For at redigere knapteksten i headeren skal du indtaste teksten i feltet Knaptekst.
   • For at redigere knappens URL-link skal du klikke på rullemenuen Link til og vælge en mulighed (f.eks. Ekstern). Yderligere felter vises afhængigt af den valgte mulighed.
   • For at få knappens URL-link til at åbne i et nyt vindue skal du slå Åbn link i nyt vindue til.
   • Hvis du vil redigere knappens linktype, skal du markere afkrydsningsfeltet ved siden af No follow.
   • Hvis du vil tilføje et ikon til knappen, skal du markere afkrydsningsfeltet Tilføj ikon:
     • Klik på Replace for at ændre knappens ikon.
     • Klik på rullemenuen Position, og vælg placeringen af knapikonet.
   • Klik på Anvend indstillinger for at se dine ændringer.
8. For at redigere indholdet af sprogomskifteren skal du klikke for at udvide sektionen Sprogomskifter:
   
   • Hvis du vil føje sprogomskifteren til overskriften, skal du markere afkrydsningsfeltet Tilføj sprogomskifter .
   • For at redigere visningstilstanden for sprogomskifteren skal du klikke på rullemenuen Visningstilstand og vælge en indstilling (f.eks. Lokaliseret, PageLang, Hybrid).
   • Klik på Anvend indstillinger for at se dine ændringer.
9. For at redigere indholdet af yderligere supportmuligheder skal du klikke på for at udvide afsnittet Yderligere supportmuligheder:
   
   • Hvis du vil vise et kundeportallink, skal du slå Vis kundeportallink til. I feltet Tekst til kundeportallink skal du indtaste den tekst, der skal vises for besøgende.
   • For at 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, der skal vises for de besøgende.
   • Hvis du vil vise en supportformular, skal du slå kontakten Supportformular til og derefter vælge en formular i dropdown-menuen Form. I felterne Tekstlink til supportformular og Titel på supportformular skal du indtaste den tekst, der skal vises for de besøgende.
   • Klik på Anvend for at se dine ændringer.
10. Når du er færdig, skal du klikke på Publicer til [#] aktiver øverst til højre.

Indhold i sidefod

1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
2. Klik på rullemenuen Configure øverst til højre, og vælg Footer.
3. I den globale indholdseditor skal du klikke på indholdsikonet siteTree i venstre sidepanel.
4. For at vise en sidefodsmenu skal du klikke på modulet Sidefodsmenu:
   
   • Klik på rullemenuen Menu, og vælg en menu.
   • Klik på Rediger for at redigere en eksisterende sidefodsmenu.
   • For at oprette en ny sidefodsmenu skal du klikke på Opret ny.
   • Brug ikonerne upIcon increase og downIcon decrease i feltet Menu display depth for at redigere antallet af menubørn, der kan vises i sidefodsmenuen.
   • Hvis du vil vise sidefodsmenuen, skal du markere afkrydsningsfeltet Vis menu.
   • Klik på Anvend indstillinger for at se dine ændringer.
5. Klik på Logo-modulet for at redigere indholdet i sidefodens logo:
   
   • Hvis du vil tilsidesætte standardlogoet, 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, 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 for at se dine ændringer.
6. For at redigere indholdet i sidefodens adresse skal du klikke på modulet Sidefodsadresse:
   
   • Klik på Rediger i den udvidede visning.
   • Indtast teksten til sidefodsadressen i den globale indholdseditor.
   • Klik på Luk udvidet visning i venstre sidepanel.
7. Klik på modulet Social follow for at redigere indholdet af social follow i footeren:
   
   • I afsnittet Sociale 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.
   • Vælg afkrydsningsfeltet Vis ikoner for at vise ikoner for social follow.
8. Klik på modulet Copyright i sidefod for at redigere indholdet i sidefoden:
   • Klik på Rediger i den udvidede visning.
   • I den globale indholdseditor skal du indtaste teksten til footerens copyright.
   • Klik på Luk udvidet visning i venstre sidepanel.
9. Når du er færdig, skal du klikke på Udgiv til [#] aktiver øverst til højre.