Het thema van een kennisbank aanpassen

U kunt het uiterlijk van uw kennisbank aanpassen door uw lay-out te selecteren en uw thema te configureren in de thema-editor. U kunt ook bekijken hoe het thema van uw kennisbank eruit zal zien op sjablonen, in verschillende talen en in verschillende schermformaten.

Voordat u begint

Voordat u met deze functie begint te werken, moet u goed begrijpen welke stappen u van tevoren moet nemen, wat de beperkingen van de functie zijn en wat de mogelijke gevolgen van het gebruik ervan zijn.

Vereisten begrijpen

• Super Admin rechten.
• Kennisbankinstellingen machtiging, Globale inhoud en thema instellingen machtiging, en een toegewezen Service Hub seat. Meer informatie over HubSpot's seat-gebaseerde prijzen.

Begrijp beperkingen & overwegingen

• Deze tools zijn alleen beschikbaar voor gemigreerde kennisbanken. Meer informatie over het migreren van uw kennisbank.
• Voor kennisbanken die niet zijn gemigreerd, lees meer over het maken en aanpassen van een bestaande kennisbank.
• U kunt uw kennisbank niet aanpassen in de Design Manager of aangepaste thema's gebruiken.

Bekijk een kennisbank thema

Nadat u uw kennisbank hebt gemaakt, kunt u bekijken hoe uw thema eruitziet in de thema-editor. U kunt bekijken hoe het thema eruit ziet in verschillende sjablonen, talen en schermformaten.

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Als u een sjabloon met voorbeeldinhoud wilt bekijken, klikt u op het vervolgkeuzemenu Bekijken in linksboven en selecteert u een sjabloon. Wijzigingen in het thema worden toegepast op alle kennisbasissjablonen.

4. Om een sjabloon in verschillende talen te bekijken, klikt u op het tweede dropdown menu linksboven en selecteert u een taal.

5. Als u wilt zien hoe een sjabloon op verschillende apparaten wordt weergegeven, klikt u op de apparaatpictogrammen boven in de editor of voert u een schermbreedte in pixels in.

De kleuren, typografie en lay-out van een kennisbasisthema bewerken

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Om de kleuren van een thema te wijzigen, klikt u op om de sectie Kleuren uit te vouwen. Voer vervolgens een hexadecimale waarde in of selecteer een kleur uit de kleurenkiezer voorde velden Primair, Secundair, Accent en Achtergrond . Je merkkleuren worden voor elke optie weergegeven.
4. Klik op Typografie om de typografie van een thema te wijzigen:
   • Klik in de secties Primair en Secundair ophet vervolgkeuzemenu voor lettertypen en selecteer een lettertype. Om de kleur van het lettertype te wijzigen, klik je op de kleurenkiezer en selecteer je een kleur. De extra stylingopties voor de lettertypes (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
   • Om de typografie van de koptekst, body of link te bewerken, klik je om de secties Koptekst (H1-H6), Body of Link uit te vouwen:
     • Klik op het vervolgkeuzemenu voor lettertypen en selecteer een lettertype. De extra opties voor het stylen van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
     • Om de kleur van het lettertype te wijzigen, klik je op de kleurenkiezer en selecteer je een kleur.
5. Om de lay-out van een thema te wijzigen, klik je op de lay-outsectie en selecteer je een optie (bijvoorbeeld Tegels of Minimaal). Verschillende lay-outopties ondersteunen verschillende stylingopties.
6. Als u klaar bent, klikt u op Thema publiceren in de rechterbovenhoek.

De headerstijlen van een knowledge base-thema bewerken

U kunt de headerstijlen van uw kennisbank-thema bewerken, inclusief de headerbreedte, bovenbalk, taalswitcher, menu, knop en zoekbalk. U kunt ook kleuren, lettertypen en hover-stijlen binnen deze elementen bewerken.

Koptekst breedte

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Header in de linker zijbalk.
4. Selecteer in het gedeelte Koptekst de optie Volledige breedte of Inhoudsbreedte.

Koptekst bovenbalk

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Header in de linker zijbalk.
4. Klik in de sectie Koptekst om de sectie Bovenbalk uit te vouwen.
5. Om de achtergrondkleur te bewerken, voert u een hexadecimale waarde in of selecteert u een achtergrondkleur in de kleurenkiezer voor het veld Achtergrondkleur.
6. Klik op het vervolgkeuzemenu voor lettertypen en selecteer een lettertype. De extra opties voor de vormgeving van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
7. Om de kleur van het lettertype te wijzigen, klik je op de kleurenkiezer en selecteer je een kleur voor het lettertype.
8. Als je klaar bent, klik je rechtsboven op Thema publiceren.

Taalswitcher voor koptekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Header in de linker zijbalk.
4. Klik in de sectie Header op Language switcher.
5. Klik in de sectie Language Switcher op Dropdowns.
6. Klik op om de sectie Achtergrond uit te vouwen.
7. Voer een hexadecimale waarde in of selecteer een kleur in de kleurenkiezer voor de velden Kleur en Hover.
8. Voer in het tweede veld een percentage in om de transparantie te bewerken. Een transparantie van 100% zal bijvoorbeeld ondoorzichtig zijn, terwijl een transparantie van 0% niet zichtbaar zal zijn.
9. Als je klaar bent, klik je rechtsboven op Thema publiceren.

Menu koptekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Header in de linker zijbalk.
4. Klik in de sectie Header op Menu.
5. Klik op Dropdowns om de stijlen voor dropdowns te bewerken:
   • Klik om het gedeelte Achtergrond uit te vouwen en voer een hexcodewaarde in of selecteer een kleur in de kleurenkiezer voor de velden Kleur en Hover. Voer in het tweede veld een percentage in om de transparantie te bewerken.
     
   • Klik om de Tekst-sectie uit te vouwen. Klik vervolgens op het vervolgkeuzemenu voor lettertypen en selecteer een lettertype. De extra opties voor het stylen van het lettertype (zoals lettertypegewicht, lettergrootte of omzetting van hoofdletters en kleine letters) zijn afhankelijk van het geselecteerde lettertype.
   • Om de kleur van het lettertype te veranderen, klik je op de kleurenkiezer en selecteer je een kleur.
6. Om de tekststijl van het lettertype te bewerken, klik je op om de sectie Tekst uit te vouwen:
   • Klik op het vervolgkeuzemenu voor lettertypes en selecteer een lettertype. De extra opties voor de vormgeving van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
   • Om de kleur van het lettertype te veranderen, klik je op de kleurenkiezer en selecteer je een kleur.
7. Om de achtergrondkleur te bewerken, klik je op om de sectie Achtergrond uit te vouwen en voer je een hexcodewaarde in of selecteer je een kleur in de kleurenkiezer.
8. Als je klaar bent, klik je rechtsboven op Thema publiceren.

Kopteksten

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Header in de linker zijbalk.
4. Klik in de sectie Koptekst op Knop.
5. Om het lettertype te bewerken, klikt u op om de sectie Tekst uit te vouwen:
   • Klik op het vervolgkeuzemenu Lettertype en selecteer een lettertype. De extra opties voor het stylen van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
   • Om de kleur van het lettertype te veranderen, klik je op de kleurenkiezer en selecteer je een kleur.
6. Om de achtergrond te bewerken, klik je om het gedeelte Achtergrond uit te vouwen en voer je een hexcodewaarde in of selecteer je een kleur in de kleurenkiezer. Om de transparantie te bewerken, voert u een percentage in.
7. Om de randstijl te bewerken, klikt u op om de sectie Rand uit te vouwen, klikt u op het vervolgkeuzemenu Stijl en selecteert u een randstijl (bijv. Gestippeld).
8. Om de hoekstijl te bewerken, klikt u op om de sectie Hoek uit te vouwen. Voer vervolgens een pixelwaarde in (bijv. 30px) in het veld Straal.
9. Klik op Hover om de hoverstijl te bewerken:
   • Klik op om de sectie Tekst uit te vouwen.
     • Om de kleur van het lettertype te wijzigen, klik je op de kleurenkiezer en selecteer je een letterkleur.
     • Om lettertype-tekststijlen toe te passen, selecteert u het pictogram italicizeIcon cursief of het pictogram underlineIcon onderstrepen.
   • Klik om de sectie Achtergrond uit te vouwen en voer een hexadecimale waarde in of selecteer een kleur in de kleurenkiezer. Voer een percentage in om de transparantie te bewerken.
   • Klik om de randsectie uit te vouwen en klik vervolgens op het vervolgkeuzemenu Stijl om een randstijl te selecteren (bijvoorbeeld Gestippeld).
10. Klik op Publiceer thema in de rechterbovenhoek wanneer u klaar bent.

Zoekbalk koptekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Header in de linker zijbalk.
4. Klik in de sectie Koptekst op Zoekbalk.
5. Klik om de achtergrond te bewerken op om de sectie Achtergrond uit te vouwen en klik vervolgens op het vervolgkeuzemenu Achtergrondtype om een optie te selecteren (bijvoorbeeld Kleur, Afbeelding of Kleurverloop). Afhankelijk van het geselecteerde achtergrondtype worden extra opmaakopties weergegeven.
6. Om de stijlen van de labeltekst te bewerken, klikt u op om de sectie Labeltekst uit te vouwen:
   • Klik op het vervolgkeuzemenu voor lettertypen en selecteer een lettertype. De extra opties voor de opmaak van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters en kleine letters) zijn afhankelijk van het geselecteerde lettertype.
   • Om de kleur van het lettertype te veranderen, klik je op de kleurenkiezer en selecteer je een kleur.
7. Om de stijl van het ingevoerde lettertype te bewerken, klik je om het gedeelte Invoer uit te vouwen en voer je een hexcodewaarde in of klik je op de kleurenkiezer om een kleur te selecteren . Voer een percentage in om de transparantie te bewerken.
8. Als u klaar bent, klikt u op Thema publiceren in de rechterbovenhoek.

De voettekststijlen van een kennisbasisthema bewerken

U kunt de stijlen van de voettekst van uw kennisbasisthema bewerken, inclusief de breedte van de voettekst, de achtergrond, het menu, de tekst en de sociale pictogrammen. U kunt ook kleuren, lettertypen en hover-stijlen binnen deze elementen bewerken.

Footer breedte en achtergrond

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Footer in de linker zijbalk.
4. Om de breedte van de voettekst te wijzigen, selecteert u Volledige breedte of Inhoudsbreedte in het veld Voettekstbreedte.
5. Om de achtergrondkleur van de voettekst te wijzigen, voert u een hexadecimale waarde in of klikt u op de kleurenkiezer om een kleur te selecteren.

Menu voettekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Footer in de linker zijbalk.
4. Klik in de Footer-sectie om de Menu-sectie uit te vouwen.
5. Om de lettertypestijlen van het menu te bewerken, klikt u op het vervolgkeuzemenu Lettertype en selecteert u een lettertype. De extra opties voor de vormgeving van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
6. Om de kleur van het lettertype te wijzigen, klik je op de kleurenkiezer en selecteer je een kleur voor het lettertype.
7. Als je klaar bent, klik je rechtsboven op Thema publiceren.

Tekst voettekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Footer in de linker zijbalk.
4. Klik in het gedeelte Voettekst om het gedeelte Tekst uit te vouwen.
5. Om de lettertypestijlen van het menu te bewerken, klikt u op het vervolgkeuzemenu Lettertype en selecteert u een lettertype. De extra opties voor het stylen van het lettertype (zoals lettertypegewicht, lettergrootte of hoofdletters) zijn afhankelijk van het geselecteerde lettertype.
6. Om de kleur van het lettertype te wijzigen, klik je op de kleurenkiezer en selecteer je een kleur voor het lettertype.
7. Als je klaar bent, klik je rechtsboven op Thema publiceren.

Sociale pictogrammen in voettekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Thema.
3. Klik op Footer in de linker zijbalk.
4. Klik in de Footer-sectie om de sectie Sociale pictogrammen uit te vouwen.
5. Als u de grootte van de sociale pictogrammen wilt wijzigen, klikt u op het vervolgkeuzemenu Pictogramgrootte en selecteert u een optie (bijvoorbeeld Klein, Normaal of Groot).
6. Als u de vorm van de sociale pictogrammen wilt wijzigen, klikt u op het vervolgkeuzemenu Pictogramvorm en selecteert u een optie (bijvoorbeeld Cirkel of Vierkant).
7. Om de kleur van het sociale pictogram te wijzigen, voer je een hexadecimale waarde in of klik je op de kleurenkiezer om een kleur te selecteren in het veld Kleur pictogram.
8. Om de achtergrondkleur van de sociale pictogrammen te wijzigen, voert u een hexadecimale waarde in of klikt u op de kleurenkiezer om een kleur te selecteren in het veld Achtergrond. Om de transparantie te bewerken, voert u een percentage in.
9. Om de uitlijning van de sociale pictogrammen te wijzigen, klikt u op blockAlignmentLeftIcon Pictogrammenlinks uitlijnen, blockAlignmentCenterIcon Pictogrammen gecentreerd uitlijnen of blockAlignmentRightIcon Pictogrammenrechts uitlijnen in het veld Uitlijning.
10. Als u klaar bent, klikt u op Thema publiceren in de rechterbovenhoek.

De inhoud van een kennisbasisthema bewerken

U kunt de inhoud van de kop- en voetteksten van uw kennisbank bewerken. Gepubliceerde wijzigingen zijn zichtbaar op alle pagina's van de kennisbank.

Inhoud koptekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Koptekst.
3. Klik in de globale inhoudseditor op het pictogram siteTree content in de linker zijbalk.
4. Klik in de linker zijbalk op de module Website header.
5. Om de inhoud van het headerlogo te bewerken, klikt u op om de sectie Logo uit te vouwen:
   • Als u het standaardlogo wilt overschrijven, schakelt u de schakelaar Standaardlogo overschrijven in of klikt u op Standaardlogo bewerken in dit domein om het standaardlogo bij te werken.
   • Als u het standaardlogo wilt overschrijven, kunt u op Afbeeldingen uploaden of Bladeren klikken om een nieuw logo toe te voegen.
   • Als u uw bedrijfsnaam wilt weergeven als er geen logo is ingesteld, schakelt u de schakelaar Bedrijfsnaam weergeven als logo niet is ingesteld in.
   • Als u een URL-link aan uw logo wilt toevoegen, voert u een URL in het veld Link in.
   • Klik op Opties toepassen om uw wijzigingen te bekijken.
6. Om de inhoud van het kopmenu te bewerken, klikt u op Menu om het menu uit te vouwen:
   
   • Om een kopmenu weer te geven, klikt u op het vervolgkeuzemenu Menu en selecteert u een menu.
   • Klik op Bewerken om een bestaand kopmenu te bewerken.
   • Klik op Nieuw maken om een nieuw kopmenu te maken.
   • Gebruik de pictogrammen upIcon verhogen en downIcon verlagen in het veld Max. niveaus om het aantal menustructuurkinderen te bewerken dat kan worden weergegeven in het kopmenu.
   • Klik op Opties toepassen om uw wijzigingen te bekijken.
7. Klik op Button om de inhoud van de headerbutton te bewerken:
   
   • Om een knop toe te voegen aan je koptekst, schakel je het selectievakje Knop toevoegen in.
   • Om de tekst van de knop in de koptekst te bewerken, voert u de tekst in het tekstveld Knop in.
   • Om de URL-link van de knop te bewerken, klikt u op het vervolgkeuzemenu Link naar en selecteert u een optie (bijvoorbeeld Extern). Afhankelijk van de geselecteerde optie worden extra velden weergegeven.
   • Om de knop URL te openen in een nieuw venster, schakel je de optie Link openen in nieuw venster in.
   • Schakel het selectievakje naast Geen volgen in om het type knopkoppeling te bewerken.
   • Om een pictogram aan de knop toe te voegen, schakelt u het selectievakje Pictogram toevoegen in:
     • Klik op Vervangen om het pictogram van de knop te wijzigen.
     • Klik op het vervolgkeuzemenu Positie en selecteer de positie van het knoppictogram.
   • Klik op Opties toepassen om uw wijzigingen te bekijken.
8. Om de inhoud van de taalswitcher te bewerken, klikt u op om de sectie Taalswitcher uit te vouwen:
   
   • Om de taalswitcher aan de koptekst toe te voegen, schakelt u het selectievakje Taalswitcher toevoegen in .
   • Om de weergavemodus van de taalswitcher te bewerken, klikt u op het vervolgkeuzemenu Weergavemodus en selecteert u een optie (bijv. Gelokaliseerd, Paginalang, Hybride).
   • Klik op Opties toepassen om uw wijzigingen te bekijken.
9. Om de inhoud van extra ondersteuningsopties te bewerken, klikt u op om de sectie Extra ondersteuningsopties uit te vouwen:
   
   • Om een link naar het klantenportaal weer te geven, schakelt u de schakelaar Link naar klantenportaal weergeven in. Voer in het tekstveld Link naar klantenportaal de tekst in die aan bezoekers wordt weergegeven.
   • Als u een aanmeldingslink voor beperkte inhoud wilt weergeven, schakelt u de schakelaar Aanmelden voor beperkte inhoud weergeven in. Voer in de velden Aanmelden-linktekst en Afmelden-linktekst de tekst in die aan bezoekers wordt getoond.
   • Als u een ondersteuningsformulier wilt weergeven, schakelt u de optie Ondersteuningsformulier in en selecteert u een formulier in het vervolgkeuzemenu Formulier. Voer in de velden Tekstlink ondersteuningsformulier en Titel ondersteuningsformulier de tekst in die aan bezoekers wordt weergegeven.
   • Klik op Toepassen om de wijzigingen te bekijken.
10. Als u klaar bent, klikt u rechtsboven op Publiceren naar [#] bedrijfsmiddelen.

Inhoud voettekst

1. Ga in je HubSpot-account naar Service > Kennisdatabase.
2. Klik rechtsboven op het vervolgkeuzemenu Configureren en selecteer Footer.
3. Klik in de globale inhoudseditor op het pictogram siteTree inhoud in de linker zijbalk.
4. Klik op de module Voettekstmenu om een voettekstmenu weer te geven:
   
   • Klik op het vervolgkeuzemenu Menu en selecteer een menu.
   • Klik op Bewerken om een bestaand voettekstmenu te bewerken.
   • Klik op Nieuw maken om een nieuw voettekstmenu te maken.
   • Om het aantal kinderen in de menustructuur dat kan worden weergegeven in het voettekstmenu te bewerken, gebruikt u de pictogrammen upIcon verhogen en downIcon verlagen in het veld Menuweergavediepte .
   • Om het voettekstmenu weer te geven, schakelt u het selectievakje Menu weergeven in.
   • Klik op Opties toepassen om uw wijzigingen te bekijken.
5. Klik op de module Logo om de inhoud van het logo in de voettekst te bewerken:
   
   • Als u het standaardlogo wilt overschrijven, schakelt u de schakelaar Standaardlogo overschrijven in of klikt u op Standaardlogo bewerken in dit domein om het standaardlogo bij te werken.
   • Als u hebt geselecteerd om het standaardlogo te overschrijven, kunt u op Afbeeldingen uploaden of Bladeren klikken om een nieuw logo toe te voegen.
   • Om aan te passen hoe het voettekstlogo wordt geladen, klik je op het vervolgkeuzemenu Afbeelding laden en selecteer je Standaard browser, Lui of Gretig.
   • Om een URL-link toe te voegen aan het voettekstlogo, voert u de URL-tekst in het veld Link URL in.
   • Klik op Opties toepassen om uw wijzigingen te bekijken.
6. Om de inhoud van het voetregeladres te bewerken, klikt u op de module Voetregeladres:
   
   • Klik op Bewerken in de uitgebreide weergave.
   • Voer in de algemene inhoudseditor de tekst voor het voetadres in.
   • Klik op Uitgebreide weergave sluiten in de linker zijbalk.
7. Klik op de module Sociaal volgen om de inhoud van de voettekst te bewerken:
   
   • Klik in de sectie Sociale links op het pictogram editIcon bewerken of deleteIcon verwijderen om een bestaande sociale link te bewerken of te verwijderen. Om een sociale link toe te voegen, klikt u op de knop + Toevoegen .
   • Als u pictogrammen voor sociaal volgen wilt weergeven, schakelt u het selectievakje Pictogrammen weergeven in.
8. Klik op de module Footer copyright om de inhoud van de voettekst te bewerken:
   • Klik op Bewerken in uitgebreide weergave.
   • Voer de tekst voor het copyright in de voettekst in de editor voor globale inhoud in.
   • Klik op Uitgebreide weergave sluiten in de linkerzijbalk.
9. Als u klaar bent, klikt u rechtsboven op Publiceren naar [#] bedrijfsmiddelen.