De sectie Aangepaste code laat je je eigen HTML en CSS direct op de homepage van de kennisbank inbedden. Het bestaat voor situaties waarin de standaard bodyblocks zoals Rich text, multicolumn-kaarten, afbeelding met tekst - je niet de lay-out of functionaliteit geven die je nodig hebt. Met dit blok heb je volledige controle over welke renders en hoe het eruitziet, waardoor het de juiste keuze is voor dynamische content, inbeddingen van derden of aangepaste visuele behandelingen die via de andere blokken niet mogelijk zijn.
Wanneer te gebruiken van de sectie Aangepaste code
- Dynamische banners - Toon een seizoensgebonden promotie, productlanceringsaankondiging of onderhoudsmelding met aangepaste HTML die je onafhankelijk van de pagina-indeling kunt bijwerken.
- Afteltimers - Sluit een JavaScript-gestuurde aftelling in voor evenementen, lanceringen of tijdbeperkte aanbiedingen.
- Ingebedde widgets van derden - Voeg embeds toe van externe diensten zoals videospelers, formulierbouwers, chatwidgets of statuspaginabadges, die geen toegewijd blok hebben.
- Aangepaste content - Wanneer je een specifieke lay-out of visuele behandeling nodig hebt die niet haalbaar is met de Rich text- of Multicolumn-kaartblokken, schrijf dan je eigen HTML en CSS om dit te bereiken.
Aangepaste codesecties voeren HTML en CSS uit in de context van je kennisbanksite. Test je code zorgvuldig voordat je publiceert. Slecht gestructureerde HTML kan de lay-out van omliggende pagina-elementen beïnvloeden.
Hoe voeg je een sectie Aangepaste code toe
- Navigeer naar () in de linker navigatiebalk van het kennisbankportaal.
- Navigeer in het linker navigatiepaneel naar Knowledge base site > Site-aanpassing.
- Klik op de knop Site aanpassen .
- Selecteer in het linker keuzemenu Startpagina. De sectie Lichaam toont de lijst van lichaamsblokken.
- Klik op Sectie Toevoegen en kies sectie Aangepaste code. Het blok wordt aan de lijst toegevoegd.
- Gebruik het Reorder () icoon om het blok te herschikken. De Herschikken en Verbergen () iconen verschijnen wanneer je met de muis over een lichaamsblok in het Lichaam-gedeelte beweegt.
Hoe configureer je de sectie Aangepaste code
- Klik op het blok Aangepaste code om de editor te openen.
- Voeg in het HTML-tabblad je HTML-code toe of bewerk je.
- Voeg in het CSS-tabblad je CSS-code toe of bewerk je.
- Klik op Opslaan om je wijzigingen als concept op te slaan.
- Klik op Preview om te zien hoe de code wordt weergegeven op de knowledge base-site.
- Klik op Publiceren om de wijzigingen live te zetten.
Best practices
- Altijd een preview vóór publicatie - de verschillen in rendering tussen de editor en de live site kunnen subtiel zijn. Gebruik de optie Preview-optie om de lay-out en styling te controleren voordat je committeert.
- Houd HTML op zichzelf staand - vermijd het raadplegen van externe stylesheets of scripts die het laden van pagina's kunnen blokkeren of conflicteren met de eigen stijlen van Document360.
- Scope je CSS - gebruik specifieke klassennamen voor je aangepaste elementen om te voorkomen dat de standaardstijlen van de site worden overgeschreven.
- Gebruik het CSS-tabblad voor alle styling - stijlen gescheiden houden van markup maakt de code makkelijker te onderhouden en bij te werken.
- Test in lichte en donkere modus - als je kennisbank donkere modus ondersteunt, controleer dan of je aangepaste code in beide correct wordt weergegeven.
FAQ
Hoe verwijder ik een sectie met aangepaste code van de startpagina?
Navigeer naar {{variable. Settings}} () > {{variable. Kennisbanksite}} > Site-aanpassing en klik op Site aanpassen. Selecteer in het linker keuzemenu Startpagina. Selecteer in de sectie Body de gewenste sectie Custom code. Klik onder de navigatiebalk op Verwijderen () en klik vervolgens op Ja in de bevestigingsprompt Verwijderen. Klik op Opslaan en vervolgens Publiceren om de wijzigingen toe te passen.