De kleuren die je kiest, zijn een groot deel van het ontwerp van je site. In deze handleiding wordt uitgelegd hoe je de kleurpaletten van je site kan beheren.
In deze handleiding
Als je site een thema gebruikt dat de site-editor ondersteunt, kan je de kleuren van je site via Stijlen wijzigen. Een snelle manier om erachter te komen of je site de site-editor gebruikt, is door onder Weergave op je dashboard te kijken. Als je hier Editor ziet staan, kan je de kleuren van je site wijzigen via de volgende stappen:
- Ga in je dashboard naar Weergave → Editor.
- Klik op Stijlen aan de linkerkant of selecteer het pictogram Stijlen zoals hier weergegeven. Het pictogram lijkt op een zwart-witte cirkel.
- Kleuren selecteren.
- Selecteer Palet om de standaardkleuren van je site te kiezen of kies uit de volgende elementen op je site:
- Tekst
- Achtergrond
- Link
- Bijschriften
- Knop
- Kop
In de rest van deze handleiding wordt elk van deze punten nader toegelicht.
Het kleurenpalet van je site stelt de standaardkleuren in die op je site worden gebruikt. Hoewel je de kleur van elk specifiek element nog steeds kan beheren, zorgt het definiëren van je kleurenpalet voor een consistent kleurenschema op je hele website.
Hier kan je thema-, standaard- en aangepaste kleuren bewerken:
- Themakleuren: kleuren die door de ontwerpers van je thema worden ingesteld bij het maken van het thema en die worden gebruikt in het ontwerp van je thema.
- Standaardkleuren: de kleuren die worden weergegeven in de kleurinstellingen van het blok wanneer je je pagina’s en berichten bewerkt.
- Aangepaste kleuren: voeg extra kleuren toe die je in je kleurenpalet kan gebruiken.
Volg de onderstaande instructies om de themakleuren bij te werken:
- Klik in het vak onder Palet.
- Klik op de drie puntjes naast thema en selecteer vervolgens Details weergeven om de lijst met kleurgebieden in het palet uit te vouwen.
- Elk thema definieert zijn eigen kleurgebieden. In ons voorbeeld kunnen we kiezen uit primair, secundair, voorgrond, achtergrond of tertiair om die kleur te bewerken:
- Gebruik de kleurenkiezer die verschijnt om de gewenste kleur te selecteren.
- Klik op Gereed om de door jou gekozen kleur in te stellen.
- Klik op Opslaan in de rechterbovenhoek om je wijzigingen op te slaan.
Je kan ook verschillende aangepaste kleuren toevoegen aan het palet van je site. Deze worden opgeslagen en zijn beschikbaar om te kiezen in de kleurinstellingen van je blokken.
Om aangepaste kleuren toe te voegen, volg je deze aanvullende stappen:
- Klik onder Aangepast op de knop +.
- Kies je kleur in de kleurkiezer of voer een HEX-, RGB- of HSL-kleurwaarde in.
- Klik op de naam van de kleur (deze wordt standaard ‘Kleur 1’) en voer een naam in voor je nieuwe kleur.
- Klik op Gereed.
Deze stappen worden getoond in de volgende video:
In de kleurinstellingen, net onder Palet, zie je de optie om de kleur van verschillende elementen van je site te bewerken. Deze elementen zijn:
- Tekst: kies een kleur die je wilt gebruiken voor de normale basistekst op je site, dus niet voor links, bijschriften, knoptekst of koppen.
- Achtergrond: kies een vaste kleur of kleurverloop voor de achtergrond van je site. Lees meer informatie in handleiding over het aanpassen van de achtergrond van je site.
- Link: kies een kleur voor alle links op je site. Hier kan je de standaardkleur kiezen die voor alle links wordt weergegeven, evenals de kleur voor de muisaanwijzer die wordt weergegeven wanneer iemand de muisaanwijzer op een link plaatst:
- Bijschriften: kies de tekstkleur die wordt gebruikt in bijschriften van afbeeldingblokken.
- Knoppen: stel de kleur in die wordt gebruikt voor knopblokken. Je kan de tekstkleur kiezen en een vaste kleur of kleurverloop instellen voor de achtergrond van de knoppen.
- De kleur van de muisaanwijzer voor boven knoppen kan momenteel niet worden ingesteld. Het is mogelijk om CSS-code te gebruiken om een kleur voor de muisaanwijzer toe te passen op een knop.
- Koppen: stel een kleur in voor kopblokken op de site. Je kan de tekstkleur kiezen en een vaste kleur of kleurverloop instellen voor de achtergrond van de koppen.
- Om een andere kleur te kiezen voor elk kopniveau (H1 tot en met H6), klik je op de drie puntjes naast Kleur om de opties uit te vouwen en klik je op het gewenste kopniveau. Er wordt een vinkje weergegeven naast het kopniveau. Je kan vervolgens de opties sluiten om de kleurinstellingen voor dat kopniveau te openen.
Als je de kleur voor slechts één specifiek stuk tekst wilt overschrijven (in plaats van voor alle elementen), kan je een andere kleur instellen binnen de afzonderlijke kleurinstellingen van het blok in dat specifieke bericht of die specifieke pagina.