--- title: "Heldensectie" slug: "hero-section" updated: 2026-06-22T09:03:17Z published: 2026-06-22T09:03:17Z canonical: "docs.document360.com/hero-section" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Heldensectie De Hero-sectie is de volledige breedte banner die bovenaan de startpagina van je kennisbank wordt weergegeven. Het is het eerste wat lezers zien wanneer ze je site bezoeken - voordat ze een enkel artikel lezen of op een enkele link klikken. Een goed geconfigureerde Hero-sectie communiceert direct waar de kennisbank over gaat, toont de zoekbalk voor snelle toegang en geeft lezers een duidelijk startpunt via call-to-action-knoppen. Je kunt de achtergrond, koptekst, promotietekst, knoppen en zoekbalk van de Hero-sectie aanpassen om je merk en lezers te weerspiegelen vanaf het moment dat ze op je site verschijnen. De Hero-sectie staat altijd bovenaan de startpagina en kan niet verwijderd of opnieuw worden geordend. --- ## Wanneer de elementen van de Hero-sectie te gebruiken De Hero-sectie bevat vier configureerbare elementen. Niet allemaal hoeven ze actief te zijn, gebruik alleen wat je lezers dient: - **Welkomsttekst** - Gebruik dit voor een korte, prominente kop die de lezers vertelt waar de kennisbasis over gaat. Werkt goed voor productnamen, slogans of "Welcome to [Product] Docs"-achtige koppen. - **Promotietekst** - Gebruik dit voor een korte ondersteunende boodschap onder de kop - een korte beschrijving, een belangrijke waardepropositie of een prompt zoals "Vind antwoorden, gidsen en tutorials." - **Knoppen** - Gebruik deze voor directe navigatielinks. Veelvoorkomende toepassingen zijn het linken naar Getting Started, API-documentatie of een specifieke categorie. Je kunt tot drie knoppen toevoegen. - **Zoeken** - Gebruik dit om de zoekbalk van de kennisbank direct in de held te laten zien. Aanbevolen voor de meeste kennisbanken - het geeft lezers directe toegang tot zoeken zonder te hoeven scrollen. --- ## Hoe toegang te krijgen tot het Heldengedeelte 1. Navigeer naar () in de linker navigatiebalk van het kennisbankportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Klik op de knop **Site aanpassen** . ![Site customization page showing the Customize site button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customize-site.png) 1. Selecteer in het linker dropdownmenu **Home.** De Lichaam-sectie vermeldt alle lichaamsblokken, met de Held-sectie bovenaan. 2. Klik op het **Hero-gedeelte** om te beginnen met de aanpassing. --- ## Hoe je de achtergrond van het heldengedeelte kunt aanpassen Kies in het keuzemenu **Achtergrondtype** een van de volgende opties: | Achtergrondtype | Beschrijving | | --- | --- | | **Geen enkele** | Geen achtergrond. De standaard achtergrondkleur is wit | | **Afbeelding invoegen** | Upload een afbeelding vanuit je Drive of voer een afbeeldings-URL in | | **Kleur** | Kies uit beschikbare vooraf ingestelde kleuren of gebruik het aangepaste kleurenpalet | | **Gradiënt** | Selecteer een gradiënt uit de beschikbare opties | | **Patroon** | Kies een patroon uit de beschikbare opties | Selecteer in het veld **Uitlijning** **Links**, **Midden** of **Rechts** om de tekstinhoud in het Held-gedeelte uit te lijnen. ![Hero section settings showing background type options and alignment controls](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Hero-section-background.png) --- ## Hoe je Hero-sectie-elementen configureert Vouw het **Held-gedeelte** in het linkerpaneel uit om elk element te configureren: | Element | Wat je kunt configureren | | --- | --- | | **Welkomsttekst** | Voer een kop in in het **tekstveld Kop.** Kies een tekstkleur. Klik om het element te verwijderen | | **Promotietekst** | Voer ondersteunende inhoud in in het **tekstveld Paragraaf** . Kies een tekstkleur. Klik om het element te verwijderen | | **Knopen** | Stel tekst- en knopkleuren in. Voer tekst en URL in voor elke knop. Klik op **de toevoegknop** om tot drie knoppen toe te voegen. Gebruik om individuele knoppen te verwijderen of te verbergen | | **Zoeken** | Kies zoekbalkstijl: **invoervak** of **knop**. Selecteer optioneel **Aangepaste achtergrondkleur** - dit prevult de primaire kleur voor zowel lichte als donkere thema's. **Sneltoets weergeven** is standaard ingeschakeld en toont Ctrl + K in de zoekbalk. Klik om het zoekelement te verwijderen | Om een element te verbergen zonder het te verwijderen, ga je eroverheen in het linkerpaneel en klik je op het **pictogram Verberg** () (). ![Hero section left panel showing Welcome text, Promo text, Buttons, and Search elements](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1771935172449.png) --- ## Kennis basissite weergave Zo verschijnt een aangepaste Hero-sectie op de kennisbanksite, met koptekst, promotietekst, knoppen en zoekopdracht die samen worden weergegeven. ![Knowledge base site showing the Hero section with customized heading, promo text, buttons, and search bar](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/3_Screenshot-Knowledge_base_site_view.png) --- ## Best practices - **Houd de welkomsttekst kort** - één regel werkt het beste. Lange koppen wikkelen zich onhandig in het heldengebied en verliezen visuele impact. - **Gebruik promotietekst om verwachtingen te stellen** – één enkele zin waarin wordt beschreven wat de kennisbasis behandelt, helpt lezers zich snel te oriënteren. - **Beperk knoppen tot twee of drie** - te veel opties in de held veroorzaakt beslissingsverlamming. Link alleen naar de belangrijkste bestemmingen. - **Neem altijd het zoekelement op** - de heldenzoekbalk is voor de meeste lezers de snelste weg naar antwoorden. Verwijder het alleen als de zoekopdracht elders op de pagina wordt geplaatst. - **Test je achtergrondkeuze in zowel lichte als donkere modus** - afbeeldingen en kleuren die er goed uitzien in lichte modus kunnen een laag contrast of slechte leesbaarheid hebben in donkere modus. - **Gebruik Left alignment voor tekstrijke helden** – gecentreerde tekst werkt goed voor korte koppen, maar wordt moeilijker te lezen bij langere teksten. --- ## FAQ **Hoe verander ik de tekst van de Documentatieknop op de startpagina?** Navigeer naar {{variable. Instellingen}} () > {{variabel. Kennisbanksite}} > **Site-aanpassing** en klik op **Site aanpassen**. Selecteer in het linker dropdownmenu **Home.** Vouw het **Held-gedeelte** uit en selecteer **Knoppen**. Werk de knop Documentatie bij, klik **op Opslaan** en vervolgens **Publiceren**.