Thema beheren

In deze handleiding wordt uitgelegd hoe je een bestaand thema kunt beheren in Mijn Datamotive. Dit proces omvat het aanpassen van de themanaam, logo's, merk CI-instellingen, en specifieke thema-instellingen voor zowel de werkplaatsplanner als de content. Je kunt op elk moment wijzigingen annuleren door op de knop 'Annuleren' te klikken. Deze knop zal je wijzigingen ongedaan maken en je terugbrengen naar het vorige scherm.

Stap 1: Inloggen op Mijn Datamotive

1. Ga naar de inlogpagina van Mijn Datamotive.
2. Voer je gebruikersnaam en wachtwoord in.
3. Klik op de knop 'Inloggen' om toegang te krijgen tot het dashboard.

Stap 2: Thema's Bekijken

1. Nadat je bent ingelogd, ga je in het linker zijmenu naar Instellingen.
2. Klik op Thema's. Je ziet nu een lijst met alle beschikbare thema's.

Stap 3: Een Thema Wijzigen

1. Zoek het thema dat je wilt aanpassen in de lijst. In de kolom Acties zie je naast elk thema de opties 'Wijzigen' en 'Verwijderen'.
2. Klik op 'Wijzigen' naast het thema dat je wilt bewerken. Dit opent het thema-configuratiescherm waar je diverse instellingen kunt aanpassen.

Stap 4: Naam en Logo's Aanpassen

1. Naam aanpassen:
   • In het veld Naam kun je de huidige naam van het thema wijzigen door een nieuwe naam in te voeren.
2. Logo's aanpassen:
   • Logo lichte achtergrond: Upload een logo voor gebruik op lichte achtergronden door op het icoon te klikken en een afbeelding te selecteren. Laat dit veld leeg als je het logo niet wilt wijzigen.
   • Logo donkere achtergrond: Dit logo wordt gebruikt op donkere achtergronden. Upload een nieuwe afbeelding of laat het veld leeg om het huidige logo te behouden.
   • Favicon: Upload een favicon (het kleine icoon dat in browser tabs wordt weergegeven) in het .png-formaat.
3. Als je geen wijzigingen aan de logo’s wilt aanbrengen, kun je de velden gewoon leeg laten. Let op: Als je per ongeluk een wijziging hebt aangebracht, kun je op 'Annuleren' klikken om terug te gaan naar het vorige scherm zonder veranderingen op te slaan.

Stap 5: Merk CI Instellen

1. Onder Merk CI kun je ervoor kiezen om het thema te laten voldoen aan de huisstijlrichtlijnen (CI-richtlijnen) van een specifiek merk.
2. Klik op het dropdownmenu en selecteer een merk als je wilt dat het thema automatisch de huisstijl van dit merk volgt. Als je deze optie niet nodig hebt, laat je dit veld leeg.

Stap 6: Thema voor Werkplaatsplanner Aanpassen

1. In het tabblad Werkplaatsplanner kun je specifieke thema-instellingen voor de werkplaatsplanner configureren:

   • Primaire kleur: Klik op het kleurvakje naast Primaire kleur om een nieuwe hoofdkleur te kiezen. Je kunt handmatig een hex-waarde invoeren of een kleur selecteren met behulp van de color picker.
   • Secundaire kleur: Kies een aanvullende kleur die wordt gebruikt voor accenten.
   • Labelkleur: Pas de kleur aan voor labels en teksten die in de werkplaatsplanner worden weergegeven.
   • Lettertype: Selecteer een lettertype uit de lijst voor de tekstweergave binnen de werkplaatsplanner.

2. Vergeet niet om op 'Wijzigen' te klikken nadat je alle gewenste aanpassingen hebt gemaakt. Als je de wijzigingen ongedaan wilt maken, klik dan op 'Annuleren' om terug te gaan zonder de wijzigingen op te slaan.

Stap 7: Thema voor Content Aanpassen

1. Klik op het tabblad Content om de thema-instellingen voor de website-inhoud te bewerken. Hier kun je een groot aantal instellingen wijzigen:

   • Kleuren:

     • Primaire kleur: De hoofdkleur voor de content.
     • Secundaire kleur: De ondersteunende kleur.
     • Lichte kleur (body kleur): De achtergrondkleur van de website.
     • Donkere kleur (basis kleur): De basiskleur die wordt gebruikt voor koppen en belangrijke elementen.

   • Typografie:

     • Basis lettergrootte: Stel de grootte in van de standaard tekst op de website.
     • Basis letterdikte: Pas de dikte van de basislettertypes aan (bijvoorbeeld "normaal" of "vet").
     • Lettertype: Selecteer het gewenste lettertype voor de website.
     • Koppen lettergrootte en -dikte: Hier kun je de grootte en dikte van koppen aanpassen. Je kunt ook instellen of de koppen getransformeerd moeten worden naar hoofdletters of een andere opmaak.

   • Icons: Kies de stijl (bijv. omrand of gevuld) en de dikte van de iconen die op de website worden gebruikt.

   • Knoppen:

     • Randbreedte en hoekafronding: Pas de dikte en ronding van de knoppen aan.
     • Lettergrootte: Stel de grootte van de knoptekst in.
     • Hoogte en pictogramgrootte: Bepaal de hoogte van de knoppen en de grootte van de bijbehorende iconen.

   • Inputs: Configureer de invoervelden:

     • Hoogte: Pas de hoogte van de inputvelden aan.
     • Lettergrootte en randafronding: Bepaal hoe invoervelden eruitzien.

   • Cards: Stel de padding (ruimte binnenin de kaarten) en randafronding van de kaarten in.

   • Media: Pas randafmetingen en eventuele animaties toe aan mediacomponenten zoals afbeeldingen en video's.

   • Breadcrumbs: Stel de achtergrondkleur en andere visuele eigenschappen van de navigatie breadcrumbs in.

   • Footer navigatie: Configureer de volgorde waarin elementen zoals links, logo's en sociale media in de footer worden weergegeven.

   • Planner: Stel de achtergrondkleur van de header en de witte ruimte tussen elementen in de planner in.

2. Nadat je de gewenste wijzigingen hebt doorgevoerd, klik je op 'Wijzigen' om alles op te slaan. Als je geen wijzigingen wilt opslaan, klik je op 'Annuleren' om terug te gaan zonder veranderingen door te voeren.

Stap 8: Annuleren van Wijzigingen

Op elk moment tijdens het wijzigen van een thema kun je op de knop 'Annuleren' klikken. Dit brengt je terug naar het vorige scherm zonder dat de wijzigingen worden opgeslagen. Dit is handig als je per ongeluk iets hebt veranderd of als je je bedenkt.