Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Hoofdpagina's

Update
  • Bijgewerkt op Jan 31, 2026
  • Gepubliceerd op Jan 16, 2025
  • 11 Gelezen minuut(en)
Prev Next

Abonnementen die deze functie ondersteunen: Professional Business Enterprise

De startpagina (voorheen "homepagebouwer") is de eerste pagina die een eindgebruiker zal zien wanneer hij uw kennisbank bezoekt. Je kunt je startpagina aanpassen door links toe te voegen, kleuren te veranderen, categorieën uit je kennisbank toe te voegen, en meer.

Startpagina

1_Screenshot-Document360_landing_page

OPMERKING

De header, primaire navigatie, secundaire navigatie en footer worden weergegeven op de startpagina van de Knowledge Base-site. Deze kunnen worden geconfigureerd in () > Customize site > Site header & footer.

Kijk: Hoe je de startpagina aanpast

Toegang tot de ontwerpinstellingen van de startpagina

Om toegang te krijgen tot de ontwerpinstellingen van de startpagina,

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site customization.

    Site customization}-pagina zal verschijnen, met alle basisconfiguraties voor het siteontwerp.

  3. Klik op de Customize site -knop.

  4. Selecteer Home onder Hoofdpagina's in het keuzemenu links.

    Een standaard startpaginaontwerp is beschikbaar om aan te passen. De verschillende secties van de startpagina staan links vermeld, en een Live-preview is beschikbaar aan de rechterkant.

  5. Je kunt de elementen van de Hero-sectie aanpassen.

  6. Klik indien nodig op de sectie Toevoegen en kies uit de beschikbare Body-blokopties, die elk worden uitgelicht voor specifieke contentbehoeften:

    • Rich text: Voeg tekstuele inhoud toe en formatteer ze met Markdown voor betere leesbaarheid en structuur.

    • Meerkoloms kaartsectie: Toon inhoud in georganiseerde kolommen, perfect om meerdere onderwerpen of functies naast elkaar te tonen.

    • Afbeelding met tekst: Combineer beelden met tekstelijke beschrijvingen om een dynamischer en visueel aantrekkelijker indeling te creëren.

    • Sectie aangepaste code: Embed aangepaste HTML- en CSS-code voor geavanceerde contentaanpassing.

    • Kennisbankcategorieën: Markeer belangrijke categorieën uit je kennisbank om de navigatie te verbeteren.

    • Widgets: Voeg interactieve elementen toe, zoals enquêtes of contactformulieren, om de betrokkenheid van gebruikers te vergroten.

    Body blocks } stellen beheerders van de kennisbank in staat om visueel aantrekkelijke en intuïtieve startpagina's te creëren die gebruikers effectief begeleiden. Elk blok biedt een unieke manier om content weer te geven, wat flexibiliteit biedt bij het ontwerpen van een boeiende en gebruiksvriendelijke Home page.

    Een softwarebedrijf kan bijvoorbeeld de Knowledge base categories blokken om productgidsen weer te geven. Daarentegen is de Image with text blok kan belangrijke functies of aankondigingen benadrukken, wat de gebruikerservaring en betrokkenheid verbetert.

  7. Je kunt het gedeelte in het linkerpaneel herschikken met drag-and-drop () en op het oog-() icoon klikken om het gewenste element te verbergen.

    OPMERKING

    Het hoofdgedeelte van de Held bovenaan kan niet worden gesleept en verplaatst.

  8. Klik op Preview om te zien hoe je wijzigingen op de knowledge base-site zullen verschijnen.

  9. Klik op Save   om je wijzigingen op te slaan zonder ze direct toe te passen.

  10. Klik op Publish   om je recente wijzigingen zichtbaar te maken voor lezers.

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

    OPMERKING

    • De knop Publiceren wordt pas actief nadat je je wijzigingen hebt opgeslagen.

    • 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.

Document360 interface showing options to add sections and manage content effectively.

Thema's van de startpagina

Pas je startpagina aan met de Document360-thema's. Je kunt voor elke werkruimte of taal een uniek thema configureren.

  1. Klik op het Thema's ()-icoon op de ontwerppagina van de startpagina

  2. Kies een van de thema's: Engage, Innovate, Learn, of Default.

  3. Klik op het Eye () icoon om een statische preview te bekijken.

  4. Klik op Activeren om het geselecteerde thema te implementeren.

Document360 interface showing theme options for customizing a knowledge base homepage.

OPMERKING

De aanbevolen resolutie voor de homepageafbeelding is 1920x415 pixels (breedte x hoogte). Je kunt de resolutie aanpassen wanneer dat nodig is.

SEO op de startpagina

Je kunt een meta-titel, meta-beschrijving en een uitgelichte afbeelding gebruiken voor je startpagina.

Om de SEO-instellingen van de startpagina aan te passen:

  1. Klik op de () icoon op de ontwerppagina van de startpagina.

    De zal verschijnen.

  2. Configureer de volgende instellingen:

    1. Titel: Voer de titel in die in het browsertabblad van je Kennisbasis startpagina zal verschijnen.

    2. Meta-beschrijving: Geef een korte meta-beschrijving voor je startpagina. Deze SEO-instellingen gelden alleen voor de startpagina.

    3. Zichtbaarheidsinstellingen: Zet deze schakelaar in om de startpagina zichtbaar te houden in de Kennisbank. Als deze is uitgeschakeld, wordt de startpagina verborgen en worden gebruikers naar de documentatiepagina geleid.

    4. Uitgelichte afbeelding: Klik op Afbeelding kiezen om een uitgelichte afbeelding vanuit de Drive te uploaden.

  3. Klik Save om je wijzigingen toe te passen.

Settings menu for Document360 with SEO options and visibility settings displayed.

Documentatie

Op de documentatiepagina kun je de categorienavigatie aanpassen door de positie van de zoekbalk aan te passen en achtergrondkleuren toe te passen.

Kijk: Hoe je de documentatiepagina aanpast

Toegang tot de ontwerpinstellingen van de documentatiepagina

Om toegang te krijgen tot de ontwerpinstellingen van de documentatiepagina:

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

    De pagina met site-aanpassing verschijnt, met alle basisconfiguraties voor het siteontwerp.

  3. Klik Customize site.

  4. Selecteer in het keuzemenu links Documentatie onder Hoofdpagina's.

    Er zal een standaard ontwerp van de documentatiepagina beschikbaar zijn om aan te passen. Aanpassingsopties staan links vermeld, en een Live-preview is beschikbaar aan de rechterkant.

  5. Kies de positie van de zoekbalk:

    • Secundaire kop: Plaats de zoekbalk in de secundaire kop rechtsboven. Standaard wordt deze optie geselecteerd.

    • Linker paneel: Plaats de zoekbalk bovenaan het linker navigatiepaneel.

  6. Kies de gewenste zoekbalkstijl: invoervak of knop.

  7. Selecteer het vakje Aangepaste achtergrondkleur om een aangepaste kleur toe te passen aan de zoekbalk.

    OPMERKING

    Wanneer je een aangepaste achtergrondkleur selecteert, wordt de primaire kleur voor zowel Donkere als Lichte thema's automatisch vooraf ingevuld. Je kunt deze kleuren aanpassen wanneer nodig.

  8. Het selectievakje 'Toon sneltoets' is standaard geselecteerd.

    • Als het geactiveerd is, verschijnt Ctrl + K in de zoekbalk.

    • Dit geldt zowel voor de zoekbalk van de linker navigatie (binnen artikelen) als de zoekbalk van de hoofdpagina van de startpagina.

  9. Selecteer in de sectie Categorienavigatie Achtergrondkleur toevoegen om een achtergrondkleur toe te passen op het categoriegedeelte op de Knowledge Base-site. Standaard wordt een lichtgrijze kleur (#F4F4F5) gebruikt, die niet kan worden aangepast.

  10. Selecteer Achtergrondkleur van selectiestatus toevoegen om een achtergrondkleur toe te passen op het geselecteerde item in het Artikelen & Categorieën-paneel . Standaard wordt een lichtblauwe kleur (#E6F0F7) gebruikt.

  11. Selecteer het vakje 'Titels in 2 regels' weergeven om lange titels in de categorieboom in twee regels te verpakken. Als een titel twee regels overschrijdt, verschijnt er een ellips (...) aan het einde van de tweede regel. Wanneer uitgeschakeld, zijn lange titels beperkt tot één regel met een ellips op je kennisbanksite.

  12. In het TOC-navigatiegedeelte schakelt u het selectievakje 'Collapse TOC'-headers in om standaard alle inhoudsopgave-headers op de Knowledge Base-site in te klappen.

    Als je bijvoorbeeld hebt gekozen om H2, H3 en H4 weer te geven, wordt de inhoud van H4 genest onder H3, en H3 onder H2, waarbij beide worden ingeklapt totdat de lezer ze uitbreidt.

OPMERKING

Je kunt deze instelling ook inschakelen via () > Knowledge base site > Artikelinstellingen & SEO. Vouw de Article rechter accordeon uit en schakel de Collapse TOC-headers in.

User interface of Document360 showing navigation and article sections for documentation.

  1. Klik op Preview om te zien hoe je wijzigingen op de knowledge base-site zullen verschijnen.

  2. Klik op Save   om je wijzigingen op te slaan zonder ze direct toe te passen.

  3. Klik op Publish   om je recente wijzigingen zichtbaar te maken voor lezers.

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

OPMERKING

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.

Inlogpagina

Als je kennisbank privé is of gemengde toegang heeft, moeten lezers inloggen met hun inloggegevens om de inhoud te bekijken. Je kunt deze inlogpagina aanpassen met de optie Site aanpassen die beschikbaar is in Document360.

Bekijk: Hoe je de Loginpagina kunt aanpassen

Toegang krijgen tot de ontwerpinstellingen van de inlogpagina

Om toegang te krijgen tot de instellingen voor het ontwerp van de inlogpagina:

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

    De pagina met site-aanpassing verschijnt, met alle basisconfiguraties voor het siteontwerp.

  3. Klik op de knop Site aanpassen .

  4. Selecteer in het dropdownmenu links Inloggen onder Hoofdpagina's.

    Je ziet een standaard Login-pagina-ontwerp dat klaar is voor aanpassing.

  5. Kies een van de volgende opties:

    • Basisstijl: Pas alleen de standaardafbeelding aan. Vouw het Afbeelding uit met tekst en selecteer Afbeelding. Het afbeeldingspaneel zal openen. Klik op Wijzigen en kies de gewenste afbeelding uit de systeemafbeeldingen. Selecteer in het gedeelte Uitlijning Links, Midden of Rechts om de beelduitlijning aan te passen.

    • Aangepaste stijl: Voeg aangepaste HTML en CSS toe. Je kunt de knop Voorvertonen aan of uit aan de rechterkant zetten om te wisselen tussen de gerenderde weergave en de codeweergave.

  6. Klik op Preview om te zien hoe je wijzigingen op de knowledge base-site zullen verschijnen.

  7. Klik op Save   om je wijzigingen op te slaan zonder ze direct toe te passen.

  8. Klik op Publish   om je recente wijzigingen zichtbaar te maken voor lezers.

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

OPMERKING

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.

Login interface displaying fields for email and password with a login button.

FAQ

Hoe voeg ik afbeeldingen toe aan de startpagina?

Om afbeeldingen aan de startpagina toe te voegen, plak je de volgende code in de Custom HTML:

<img src="paris.jpg" alt="Paris" class="center">

Voor het aanpassen van de uitlijning voeg je de volgende CSS-code toe in de sectie Aangepaste CSS & JavaScript :

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Als ik wijzigingen aanbreng aan mijn startpagina, worden die dan automatisch bijgewerkt in alle talen?

Nee. Wijzigingen in je standaardtaal worden niet automatisch weergegeven in andere talen. In Document360 moet je handmatig de inhoud van elke taal bijwerken, inclusief de startpagina en andere hoofdpagina's.

Hoe verander ik de positie van de zoekbalk om de kennisbanksite weer te geven?

Om de positie van de zoekbalk op je kennisbanksite aan te passen, volg je deze stappen:

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

  3. Klik op Site aanpassen. Selecteer het dropdownmenu en klik op Documentatie.

  4. Op het linkerpaneel heb je twee opties om de zoekbalkpositie te veranderen.

    Linker paneel: Plaats de zoekbalk in de categorieboom aan de linkerkant.

    Secundaire header: Plaats de zoekbalk aan de rechterkant in de secundaire header.

  5. Vink indien nodig het vakje Achtergrondkleur toevoegen aan om de achtergrondkleur toe te passen op de zoekbalk.

  6. Als je klaar bent, klik je op Opslaan en Publiceren.

Hoe verander ik de titel van het tabblad in de browser voor de startpagina van mijn kennisbasis?

De SEO-titel van de startpagina verschijnt als de naam van het tabblad browser. Om de SEO-titel van de startpagina te wijzigen:

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

    De pagina met site-aanpassing verschijnt, met alle basisconfiguraties voor het siteontwerp.

  3. Klik op de knop Site aanpassen .

  4. Selecteer in het keuzemenu links Home.

  5. Klik op het Instellingen () icoon op de startpagina.

    Het instellingenpaneel verschijnt.

  6. Voer de gewenste titel in voor je startpagina.

  7. Als je klaar bent, klik je op Opslaan en Publiceren.

Hoe integreer je een videoloader in je startpagina?

Het toevoegen van een visueel aantrekkelijke videoloader aan je homepage kan een gevoel van nieuwsgierigheid en interactiviteit bij je bezoekers creëren. Volg deze eenvoudige stappen om een videoloader naadloos te integreren:

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

    De pagina met site-aanpassing verschijnt, met alle basisconfiguraties voor het siteontwerp.

  3. Klik op de knop Site aanpassen .

  4. Selecteer in het keuzemenu links Home.

  5. Maak een nieuwe aangepaste codesectie aan en voeg de volgende HTML-code in, waarbij de src link wordt vervangen door de videolink van je schijf: 

    htmlCopy code<div class="video__loader">
    <video muted autoplay loop>
        <source src="https://cdn.document360.io/560b3c6e-18a1-4ad6-babc-d0257662eab2/Images/Documentation/Revolving_Video.mp4" />
    </video>
</div>

    Deze code integreert de videoloader naadloos in je homepage, wat de visuele aantrekkingskracht versterkt en je publiek vanaf het moment dat ze aankomen boeien.

  6. Selecteer in het keuzemenu links Custom CSS/JavaScript en ga naar het CSS-tabblad .

  7. Vervang "Innovate" het volgende codefragment door de naam van je geconfigureerde thema (bijv. Engage, Learn, Innovate of Default):

    cssCopy codebody.innovate {
    position: relative;
    overflow: hidden !important;
}

body.innovate.custom--loaded {
    overflow: auto !important;
}

/* Loader */
.video__loader {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--color-dark);
    opacity: 1;
    visibility: visible;
    z-index: 9999999999;
    transition: all 1s ease;
}

.video__loader.remove--loader {
    opacity: 0;
    visibility: hidden;
}

.video__loader video {
    width: 100%;
}

    Dit zorgt ervoor dat de CSS-styling aansluit bij je gekozen thema, waardoor de visuele presentatie wordt geoptimaliseerd voor een betere gebruikerservaring.

  8. Ga naar het JavaScript-tabblad .

  9. Vervang "innovate" het volgende codefragment door je themanaam:

    javascriptCopy code/* Loader */
var elBody = document.querySelector("body.innovate");
var customLoaderVideo = document.querySelector(".video__loader");

document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
        elBody?.classList.add("custom--loaded");
        customLoaderVideo?.classList.add("remove--loader");
    }, 5000);
});

    Deze aanpassing zorgt ervoor dat de JavaScript-functionaliteit naadloos integreert met je thema, wat de algehele prestaties van je site verbetert.

OPMERKING

De videoloaderfunctie werkt uitsluitend op de homepage en is niet van toepassing op de documentatiepagina's.

Hoe deactiveer je de startpagina op de Knowledge Base-site?

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

  3. Klik op het Instellingen () icoon op de ontwerppagina van de startpagina.

  4. Zet de schakelaar voor zichtbaarheidsinstellingen uit en klik op Opslaan.

Hoe voeg ik een contact-/registreerknop toe aan mijn inlogpagina?

Het toevoegen van een supportknop aan je inlogpagina kan het proces van hulp voor hulp vereenvoudigen. Volg deze eenvoudige stappen om een supportknop naadloos in je inlogpagina te integreren:

  1. Hover op () in de linker navigatiebalk en selecteer Knowledge Base site.

  2. Navigeer in het linker navigatiepaneel naar Site-aanpassing.

  3. Selecteer de knop Site aanpassen aanpas.

  4. Selecteer Inloggen in het linker keuzemenu onder de Hoofdpagina's-groep.

  5. Kies vervolgens de knop Aangepaste stijl om aanpassingen specifiek voor je inlogpagina in te schakelen.

  6. Voeg in het HTML-aanpassingstabblad de volgende code toe om je supportknop te maken:

    htmlCopy code<div class="login-form--support">
    <button class="support-button">
        <a href="Support portal button or registration button link">Contact Support</a>
    </button>
    <p>Click here to Contact Support</p>
</div>

  7. Naast het HTML-tabblad vind je het tabblad CSS-aanpassing. Plak de volgende code om ervoor te zorgen dat de supportknop op de pagina gecentreerd is:

    cssCopy code.login-form--support {
    text-align: center; /* Centers the content inside the element */
}

Door deze stappen te volgen, voeg je succesvol een supportknop toe aan je inlogpagina. Deze verbetering stelt gebruikers die uitdagingen ondervinden in staat om eenvoudig toegang te krijgen tot ondersteuningsbronnen zonder de inloginterface te verlaten, wat hun ervaring aanzienlijk verbetert. Snelle hulp bieden precies waar dat nodig is, kan leiden tot een hogere gebruikerstevredenheid.

gerelateerde artikelen