Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Site aanpassen

Prev Next

Abonnementen die deze functie ondersteunen: Professional Business Enterprise

In uw Document360-project kunt u het ontwerp en de aanpassing van uw Knowledge Base-site beheren vanuit de uniforme Customize site functie. Het aanpassen van het uiterlijk en de functionaliteit van uw kennisbank is cruciaal voor het creëren van een naadloze ervaring voor uw gebruikers. Met de functie van Customize site Document360 kunt u uw kennisbanksite aanpassen aan uw merkidentiteit en gebruikersvoorkeuren. Of het nu gaat om het selecteren van thema's, het aanpassen van kleuren of het personaliseren van lay-outs, met deze aanpassingsopties kunt u een site maken die niet alleen visueel aantrekkelijk is, maar ook toegankelijk en gebruiksvriendelijk.

Stelt u zich eens voor dat u de ondersteuningsdocumentatie van een SaaS-product beheert. Met Customize sitekunt u de kleuren en het logo van uw merk op elkaar afstemmen, toegankelijkheid garanderen met behulp van automatisch kleurcontrast en lay-outs personaliseren voor een betere navigatie.

Ter informatie (FYI)

Deze verbetering is beschikbaar op KB-site 2.0. Als u wilt migreren van KB-site 1.0 naar KB-site 2.0, leest u het artikel op KB site 2.0 migration.

NOTITIE

Customize site is een setting op projectniveau. De wijzigingen zullen worden weerspiegeld in het hele project.


Bekijk: Hoe u uw kennisbanksite kunt aanpassen


Basisaanpassing van de site

De basisaanpassing uitvoeren:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

    De pagina bevat alle basisconfiguraties voor het ontwerpen van de site.

  3. U kunt een van de drie opties kiezen om het thema voor uw kennisbanksite in te stellen in het veld Sitethema :

    • Zowel licht als donker

    • Alleen licht

    • Alleen donker

  4. In het gedeelte Branding kunt u een logo en Favicon. U kunt afzonderlijke logo's uploaden voor lichte en donkere thema's, zodat uw branding consistent en visueel geoptimaliseerd blijft voor verschillende weergavemodi.

    Als je geen logo hebt ingesteld voor een van de thema's, wordt standaard automatisch het logo gebruikt dat aan het andere thema is toegewezen.

    NOTITIE

    • De maximaal geaccepteerde grootte van de Favicon is 200KB. Ondersteunde indelingen zijn ICO, PNG en SVG. Aanbevolen resoluties zijn: 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 en 256x256 pixels.

    • Afbeeldingen met een transparante achtergrond moeten eerst worden geconverteerd naar ICO. Nadat u de Favicon hebt gewijzigd, moet u uw browser hard vernieuwen om het bijgewerkte pictogram te zien.

  5. Daarnaast kunt u een aangepaste omleidingslink voor het logo instellen. Zorg ervoor dat de URL begint met https:// om validatiefouten te voorkomen. Wanneer een gebruiker op het logo op uw Knowledge Base-site klikt, wordt deze doorgestuurd naar de opgegeven link, zoals uw bedrijfswebsite of een specifieke bestemmingspagina.

    NOTITIE

    Klanten die al een aangepast logo en favicon hebben, worden pas beïnvloed als ze naar de Customize site instellingen navigeren en de wijzigingen opslaan.

  6. Schakel in de sectie Kleuren het selectievakje Kleurcontrast automatisch instellen om te voldoen aan WCAG-normen in om de kleuren op basis van uw merk automatisch op uw site-elementen toe te passen.

    NOTITIE

    Lees voor meer informatie het artikel op Web Content Accessibility Guidelines (WCAG).

    1. In het gedeelte Merkkleur kunt u een kleur selecteren voor CTA's, selectiestatussen en meer met behulp van de kleurkiezer of de HEX-code invoeren.

    2. In de sectie Hyperlinkkleur kunt u de kleur van hyperlinks in uw knowledge base aanpassen om de gebruikerservaring te verbeteren. Bij deze optie kunt u kiezen uit de drie radio-opties:

      • Gebruik industriestandaard: Een veelgebruikte hyperlinkkleur toepassen

      • Merkkleur gebruiken: Pas dezelfde kleur toe die u uit de merkkleur hebt gekozen

      • Een andere kleur gebruiken: selecteer standaardkleuren, muisaanwijzerkleuren en bezochte kleuren voor hyperlinks.

    NOTITIE

    Als u de optie Kleurcontrast automatisch instellen om te voldoen aan de WCAG-normen hebt gekozen, worden zowel lichte als donkere themakleuren automatisch ingesteld. Anders moet u handmatig kleuren instellen voor elk thema.

  7. In de sectie Lettertypen kunt u op elk gewenst moment de lettertypen van uw Knowledge Base-inhoud wijzigen.

    Er zullen twee subsecties zijn:

    1. Lettertype koppelen aan artikelen: Dit lettertype wordt toegepast op al uw artikeltitels en inhoud.

      Klik op Heeft u een specifieke lettertypecombinatie in gedachten? om meer lettertype-opties te selecteren. Klik hierop om het lettertype voor titels en inhoud te kiezen.

    2. Sitelettertype: selecteer het lettertype in de vervolgkeuzelijst. Dit wordt toegepast in uw hele . Knowledge base siteHet omvat het linkernavigatiedeelvenster (categorieën, subcategorieën, artikeltitels) en de navigatie voor de koptekst, voettekst, secundaire navigatie en besturingselementen.

    NOTITIE

    Het gekozen lettertype wordt gebruikt op en Knowledge base site in de editor. Dit zal de gebruiker beter in staat stellen om het uiterlijk van het artikel te visualiseren tijdens het maken ervan.  

  1. In het gedeelte Styling kunt u de stijl voor de knoppen en vormelementen kiezen. De drie beschikbare opties zijn:

    • Afgeronde

    • Scherp

    • Borrelen

  2. In de sectie Site-indeling vindt u twee opties:

    • Volledige breedte: Met volledige breedte wordt uw inhoud uitgebreid tot aan de randen van een browservenster.

    • Midden: De middelste lay-out past meer in het midden van een browservenster in uw inhoud.

  3. Als u klaar bent, klikt u op Save.


Geavanceerde site-aanpassing

Personaliseer uw website door merkelementen, kop- en voettekstsecties, startpagina, inlogpagina en foutpagina's op één centrale locatie op te nemen.

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

    De pagina bevat alle basisconfiguraties voor het ontwerpen van de site.

  3. Klik op Customize site.

  4. Vanuit deze sectie kunt u de volgende site-elementen configureren:

    De wijzigingen die u in het linkergedeelte toepast, kunnen in het rechterdeelvenster worden bekeken. Om een specifiek element te bewerken, klikt u op het gewenste item in het deelvenster Voorbeeld. De bijbehorende instellingen verschijnen in het linkerdeelvenster.

  5. Gebruik de dropdown om de verschillende pagina's te kiezen.

    De nieuwe interface voor het maken van startpagina's biedt eenvoudigere navigatie en aanpassingen voor elk gedeelte van de startpagina.

  6. Klik Preview hierop om weer te geven hoe uw wijzigingen worden weergegeven op de kennisbanksite.

  7. Klik Save om uw wijzigingen op te slaan zonder ze onmiddellijk toe te passen.

  8. Klik Publish hierop om uw recente wijzigingen zichtbaar te maken voor lezers.

  9. Klik op het More pictogram () en selecteer Reset to published version om alle opgeslagen en niet-opgeslagen aanpassingen te verwijderen en terug te keren naar de laatst gepubliceerde versie.

NOTITIE

De functie Opnieuw instellen op gepubliceerde versie is alleen beschikbaar voor nieuwe Knowledge Base-site 2.0-projecten die na 29 maart 2025 zijn gemaakt.

Configuring the advanced customization for the Knowledge base site.


FAQ

Hoe wijzig ik het thema van de site?

U kunt het thema van de kennisbanksite wijzigen door de onderstaande stappen uit te voeren:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. In het gedeelte Sitethema kunt u kiezen uit drie opties:

    • Zowel licht als donker

    • Alleen licht

    • Alleen donker

Hoe verander ik de Favicons?

Favicon (afkorting van favoriet pictogram) is een klein pictogram, meestal 16x16 pixels, dat door webbrowsers wordt gebruikt om uw website te identificeren. De favicon verschijnt op het browsertabblad voor de website, de lijst met bladwijzers en de lijst met browsegeschiedenis.

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Beweeg in het gedeelte Branding over de standaard favicon en klik op Click to change Favicons.

  4. Nu kunt u een Favicon toevoegen in een van de twee beschikbare opties:

    • Using a URL: Plak de afbeeldings-URL van een externe bron en klik op Insert.

    • Upload an image: Kies uw bestand uit de Drive of upload een afbeelding vanuit uw lokale computeropslag en klik op Insert.

  5. Klik op Save.

PRO-TIP

  • Gebruik altijd een afbeelding met minimalistische en vierkante afmetingen (in pixels).

  • Zorg er als best practice voor dat uw favicon een grootte heeft van 48 x 48 pixels voor een optimale weergave op verschillende platforms.

Waarom wordt de favicon niet weergegeven op de Knowledge Base-site?

Dit probleem kan zich voordoen wanneer de toegevoegde favicon niet voldoet aan de gespecificeerde criteria, waaronder grootte en formaat. Breng de nodige wijzigingen aan in de favicon of probeer deze opnieuw te uploaden naar uw Knowledge Base-site.

Hoe wijzig ik het logo van de site?

Om het standaardlogo dat linksboven in de kennisbank wordt weergegeven te vervangen door het gewenste logo te uploaden,

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

    In het gedeelte Branding vindt u de logo's die zijn geüpload voor uw lichte en donkere sitethema's.

  3. Beweeg de muisaanwijzer over het betreffende logo en klik op Click to change.

  4. Nu kunt u een Favicon toevoegen in een van de twee beschikbare opties:

    • Using a URL: Plak de afbeeldings-URL van een externe bron en klik op Insert.

    • Upload an image: Kies uw bestand uit de Drive of upload een afbeelding vanuit uw lokale computeropslag en klik op Insert.

  5. Als u klaar bent, klikt u op Save.

Hoe voeg ik tekst toe als logo?

U kunt een tekst als logo toevoegen door het standaardlogo te vervangen dat linksboven in de Knowledge Base wordt weergegeven.

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Klik in het gedeelte Branding op Heb je geen logo? Gebruik in plaats daarvan de naam.

  4. Voer de gewenste tekst in het invoerveld in.

    U kunt bijvoorbeeld een bedrijfsnaam of slogan toevoegen in plaats van een logo-afbeelding.

  5. Klik op Save.

NOTITIE

  • U kunt maximaal 30 tekens toevoegen voor logotekst.

  • De maximale grootte voor een logo is:

    • Hoogte - 40 px

    • Breedte - 270 px

  • Wanneer u een logo met een groter formaat uploadt, wordt het logoformaat verkleind en binnen de maximale grootte gehouden.

  • Het uploaden van een logo met een formaat van 500x1000 px (hoogte x breedte) wordt bijvoorbeeld verkleind tot 40x80 px.

Hoe voeg ik een aangepaste logo-URL toe?

Voeg een doorklik-URL toe aan uw logo met de logo-URL. Wanneer een gebruiker op het logo klikt, wordt hij doorgestuurd naar de verstrekte link.

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Voeg de gewenste URL toe in het veld Logo-URL.

  4. Klik op Save.

NOTITIE

  • De URL van het logo moet beginnen met https://.

  • Als de URL begint met www. (bijvoorbeeld www.example.com) zonder https://, wordt de foutmelding 'Ongeldige URL' weergegeven.

  • Als er geen URL wordt opgegeven, worden gebruikers door op het logo omgeleid naar de startpagina van de kennisbank.

  • De URL van het aangepaste logo is een optioneel veld.

Hoe kies je de merkkleur?

Volg de onderstaande stappen om de gewenste merkkleur voor uw Knowledge Base-site te kiezen:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Onder Kleuren kun je de kleur Merk kiezen. Dit wordt de primaire kleur voor CTA's, selectiestatussen en meer.

NOTITIE

Als u de optie Kleurcontrast automatisch instellen om te voldoen aan de WCAG-normen hebt gekozen, worden zowel lichte als donkere themakleuren automatisch ingesteld. Anders moet u handmatig kleuren instellen voor elk thema.

  1. Als u klaar bent, klikt u op Save.

Hoe kies ik de lettertypefamilie in de instelling Site aanpassen?

Volg de onderstaande stappen om de lettertypen van uw Knowledge Base te wijzigen:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Onder de sectie Lettertypen zijn er twee secties: het parseren van artikellettertypen en het lettertype van de site.

  • Lettertype koppelen aan artikelen: Dit lettertype wordt toegepast op alle titels en inhoud van uw artikelen.

NOTITIE

Klik op Heeft u een specifieke lettertypecombinatie in gedachten om meer lettertypeopties te selecteren. Door erop te klikken, kunt u het lettertype voor titels en inhoud kiezen.

  • Sitelettertype: selecteer het lettertype in de vervolgkeuzelijst. Dit wordt toegepast op de hele Knowledge Base-site. Het omvat het linkernavigatievenster (categorieën, subcategorieën, artikeltitels) en de navigatie (koptekst, voettekst, secundaire navigaties, bedieningselementen).

  1. Selecteer het gewenste lettertype en klik op Save.

NOTITIE

Document360 biedt een lijst van veelgebruikte lettertypen die in documentatie worden gebruikt. U kunt echter het gewenste lettertype configureren in de Knowledge Base. Lees voor meer informatie het artikel over How to configure a custom font in the knowledge base?

Hoe wijzig ik de standaardalineastijl?

Momenteel is er geen directe optie om de standaard alineastijl te wijzigen. U kunt echter het standaardlettertype van het artikel wijzigen in de Document360-editor.

Het standaardlettertype voor uw artikelen instellen:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Kies in de sectie Lettertypen het gewenste lettertypepaar in de tegel Lettertypekoppeling artikel . Dit lettertype wordt weergegeven in de Knowledge Base-artikelen.

    Als u bijvoorbeeld inhoud opstelt in Verdana de Knowledge Base-portal, maar selecteert Ubuntu + Open Sans in de lettertypekoppeling Artikel, wordt op de Knowledge Base-site de titel van het artikel weergegeven in Ubuntu, en de inhoud van het artikel wordt in Open Sans.

NOTITIE

U kunt ook uw aangepaste lettertype voor uw artikelen selecteren. Lees voor meer informatie het artikel over How to configure a custom font in the knowledge base?

De alineastijl voor afzonderlijke artikelen wijzigen:

  1. Open het gewenste artikel in de geavanceerde WYSIWYG-editor en selecteer de tekst.

  2. Klik op 'Opmaak' en kies vervolgens een lettertypestijl in het gedeelte 'Typografie '.

Hoe wijzig ik de knopstijlen?

Volg de onderstaande stappen om de knopstijlen van uw Knowledge Base-site te wijzigen:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. In het gedeelte Styling kunt u de knopstijl selecteren uit de opties, waaronder afgerond, scherp en bubbel.

Hoe wijzig ik de lay-out van de site in de knop Site-instellingen aanpassen?

Volg de onderstaande stappen om de site-indeling te wijzigen in site aanpassen:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Onder Lay-out vindt u Volledige breedte en Midden.

  • Volledige breedte: Met volledige breedte wordt uw inhoud uitgebreid tot aan de randen van een browservenster.

  • Midden: De middelste lay-out past meer in het midden van een browservenster in uw inhoud.

  1. Klik op Save.

Hoe stel ik het standaardlettertype in voor mijn artikelen op de Knowledge Base-site?

Het standaardlettertype voor uw artikelen instellen:

  1. Navigeer naar () in de linkernavigatiebalk in de Knowledge Base-portal.

  2. Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

  3. Kies in de sectie Lettertypen het gewenste lettertypepaar in de tegel Lettertypekoppeling artikel . Dit lettertype wordt weergegeven in de Knowledge Base-artikelen.

    Als u bijvoorbeeld inhoud opstelt in Verdana de Knowledge Base-portal, maar selecteert Ubuntu + Open Sans in de lettertypekoppeling Artikel, wordt op de Knowledge Base-site de titel van het artikel weergegeven in Ubuntu, en de inhoud van het artikel wordt in Open Sans.

NOTITIE

U kunt ook uw aangepaste lettertype voor uw artikelen selecteren. Lees voor meer informatie het artikel over How to configure a custom font in the knowledge base?