Inspireer thema-instellingen

Prev Next

Het Inspire-thema is een modern thema dat beschikbaar is vanaf Totara 19. Je kunt het Inspire-thema configureren door te navigeren naar Snelmenu > Uiterlijk > Thema's > Inspire. Om de standaard look and feel van de site te configureren, klik je op Edit site brand.

Thema instellingen

Met het Inspire thema geselecteerd kun je volgende instellingen configureren, ofwel op site niveau of voor een individuele tenant.

InstellingOmschrijvingNotities

Navigatie en merk

Logo

Upload een afbeelding die moet worden gebruikt als je site of tenantlogo in de hoofdnavigatie.

Dit logo wordt getoond wanneer het hoofdmenu wordt uitgevouwen of op mobiele apparaten.

Standaardbreedte 120px - Geaccepteerde formaten: PNG, JPG, GIF, SVG

LogomerkUpload een afbeelding die moet worden gebruikt als logo of icoon wanneer het hoofdmenu is ingeklapt.De aanbevolen grootte is 40 x 40 px.

Logo alternatieve tekst

Voeg de naam toe van de site die als tekstalternatief voor de logo-afbeelding moet werken. Dit wordt aanbevolen om je site toegankelijker te maken.

De korte titel van de site zal gebruikt worden als dit veld leeg gelaten wordt.

Favicon

Hier kun je een klein icoontje uploaden dat wordt weergegeven in de browsertab naast de paginanaam. Met de favicon kunnen gebruikers in één oogopslag zien welke site open is op het tabblad .

De favicon-afbeelding moet 16 x 16 px zijn en in het .ico-formaat.

AchtergrondkleurStel de achtergrondkleur van het hoofdmenu in.-
TekstkleurStel de kleur in van de tekst die wordt gebruikt voor onderdelen in het hoofdmenu.-
Geselecteerde kleurSelecteer de kleur die gebruikt zal worden om het geselecteerde onderdeel te markeren in het hoofdmenu.-
Toon navigatie-icoontjesSchakel deze instelling in om icoontjes naast elk hoofdmenu-onderdeel te tonen.Als de icoontjes ingeschakeld zijn, dan zal het samenvouwen van het hoofdmenu enkel de icoontjes tonen. Als deze instelling is uitgeschakeld, zal het menu volledig inklappen.
Standaard desktop-ervaringStel als standaardinstelling in of het hoofdmenu uitgeklapt of ingeklapt/verborgen zal worden.-

UI-kleuren

basisonderwijs

Selecteer de kleur die je wil gebruiken voor de interactieve elementen van je site, bijv. hyperlinks en knoppen.

-

Interactieve elementen overschrijven

Als je de kleur van interactieve elementen afzonderlijk wil configureren, dan kun je deze instelling inschakelen. Indien ingeschakeld, kun je de volgende kleuren afzonderlijk instellen:

  • Knoppen: Selecteer de vulkleur van de knoppen
  • Links: Selecteer de kleur van alle hyperlinks

-

Accent

Stel de kleur in van niet-interactieve elementen, zoals de tab markeer lijn en kaartomtrek.

De accentkleur bepaalt de kleur die wordt gebruikt in e-mailnotificaties.

PaginatekstStel de kleur van de tekst in op de site.
-

Achtergrond voettekst

Stel de achtergrondkleur in van de voettekst van de site.

-

Tekst voettekst

Stel de kleur van de tekst in in de voettekst van de site.

-

Afbeeldingen

Kern: Afbeelding van inlogpagina tonen

Schakel deze instelling in om een afbeelding van jouw keuze weer te geven op de site of op de inlogpagina van de tenant. Je moet een afbeelding uploaden voor de  achtergrondinstelling van de inlogpagina.

-

Kern: Achtergrond inlogpagina

Upload een afbeelding om te gebruiken als achtergrond voor de inlogpagina. De instelling Toon inlogpagina afbeelding moet ingeschakeld zijn.

We raden aan om een afbeelding van 1200 x 1200 px te gebruiken, omdat de afbeelding kan worden bijgesneden, afhankelijk van de schermgrootte. JPEG-, PNG- en SVG-bestandsformaten worden geaccepteerd en PNG-bestanden hebben de voorkeur voor illustratieve afbeeldingen. We raden aan om de bestandsgrootte zo klein mogelijk te houden (zonder afbreuk te doen aan de kwaliteit), met een minimum DPI van 150.

Leer: Cursus

Upload een afbeelding om de standaard cursusafbeelding te wijzigen.

-

Leer: Programma

Upload een afbeelding om de standaard programmaafbeelding te wijzigen.

-

Leer: Certificering

Upload een afbeelding om de standaard certificeringsafbeelding te wijzigen.

-

Betrokkenheid: Bron

Upload een afbeelding om de standaard bronafbeelding te wijzigen.

-

Betrokkenheid: Werkgroep

Upload een afbeelding om de standaard werkgroepafbeelding te wijzigen.

-

Aangepast

Aangepaste voettekstGeef de tekst op die je wil tonen in de voettekst van de site wanneer je dit thema gebruikt.
De tekst die aan de voettekst wordt toegevoegd, is standaard in het midden uitgelijnd. Je kunt ook HTML-code aan deze sectie toevoegen om de voettekst aan te passen.

Aangepaste CSS

Hier kun je CSS-code invoeren om de stijlen voor specifieke site-onderdelen te overschrijven.

Alle CSS die hier worden toegevoegd, worden na alle andere stijlen toegepast.

Let op dat dit niet kan worden geconfigureerd voor individuele tenants.

Aangepast: E-mailnotificaties
Koptekst HTMLVoeg aangepaste HTML toe om de header van e-mailnotificaties van een merk te voorzien.

Let op dat de merkkleur die in e-mailnotificaties wordt gebruikt, wordt ingesteld door de accentkleur instelling.

Meertalige inhoud wordt niet ondersteund.

Voettekst HTMLVoeg aangepaste HTML toe om de voettekst van e-mailnotificaties als merk te gebruiken.

Let op dat de merkkleur die in e-mailnotificaties wordt gebruikt, wordt ingesteld door de accentkleur instelling.

Meertalige inhoud wordt niet ondersteund.

Platte tekst voettekstVoeg standaardtekst toe die in e-mailnotificaties met platte tekst zal verschijnen, zoals juridische disclaimers of contactgegevens.
-
Test e-mailnotificatieGebruik deze knop om een test-e-mailnotificatie te sturen om te zien hoe je wijzigingen eruit zien.
-

Tenantthema's

Als multitenancy is ingeschakeld op je site en meerdere tenants zijn ingesteld, kun je ervoor kiezen om het standaard sitethema te gebruiken of specifieke thema's voor elke tenant te maken.

In de Tenant-brandings tabel kun je een lijst zien van alle tenants op je site, samen met hun unieke Tenant-ID. De kolom Branding geeft aan of elke tenant de standaard site -branding of zijn eigen aangepaste branding gebruikt. Om het thema van een tenant te bewerken, klik je op het potloodicoontje () in de  kolom Acties.

Standaard zal elke tenant de Site -branding gebruiken. Wanneer Aangepaste tenant-branding is ingeschakeld voor een tenant, worden wijzigingen in de site-branding niet langer toegepast op de tenant. Wanneer aangepaste branding voor het eerst wordt ingeschakeld voor een specifieke tenant, worden de huidige site-instellingen gebruikt als standaard voor die tenant. Als aangepaste tenant-branding is ingeschakeld, later is uitgeschakeld en zelfs opnieuw is ingeschakeld, is de gebruikte tenant-branding hetzelfde als die zou zijn geweest zonder deze uit te schakelen en opnieuw in te schakelen, ongeacht of er wijzigingen zijn aangebracht in de site-instellingen sinds deze voor het eerst is ingeschakeld.

Let op dat de aangepaste CSS-instelling niet beschikbaar is bij het configureren van de thema-instellingen van een tenant.

Join the Totara Community for more resources to help you get the most out of Totara. 


© Copyright 2026 Totara Learning Solutions. All rights reserved.