Gebruik het stijlboek om je site te ontwerpen

In deze handleiding leer je hoe je het stijlboek gebruikt om een voorbeeld te zien van hoe wijzigingen in stijlen de weergave van een blok beïnvloeden, zonder dat je die blokken op de site hoeft in te voegen.

Deze functie is beschikbaar op sites met onze Premium, Business- en Commerce-abonnementen van WordPress.com. Voor gratis sites of sites met een Personal-abonnementmoet je je abonnement upgraden om toegang te krijgen tot deze functie.

Het stijlboek geeft voorbeelden van hoe alle beschikbare blokken eruitzien als je wijzigingen aan de stijlen van je site opslaat.

1. Ga naar het dashboard van je site.
2. Ga naar Weergave → Editor.
3. Selecteer ‘Stijlen’ in het menu aan de linkerkant.
4. Klik op het pictogram van een oog rechts van de tekst ‘Stijlen’. (Je kan opnieuw op het pictogram klikken om terug te keren naar de editor.)

Je kan het stijlboek ook openen bij het bewerken van een pagina, templateof template-onderdeel. Dit zijn de stappen die in het video-overzicht hierbovenworden gebruikt. Volg deze stappen:

1. Ga naar het dashboard van je site.
2. Ga naar Weergave → Editor.
3. Bewerk een pagina, template of template-onderdeel.
4. Klik op hetpictogram ‘Stijlen’ (een cirkel met een witte en een zwarte helft) in de bovenste toolbar van de editor.
5. Klik op het pictogram ‘Stijlboek’ (het pictogram lijkt op een oog) om het stijlboek te openen. (Je kan opnieuw op het pictogram klikken om terug te keren naar de editor.)

Zodra je het Stijlboekopent, kan je een voorbeeld bekijken en je kleurenschema en typografie wijzigen, met voorbeelden van hoe elke wijziging invloed heeft op specifieke tekst, blokken, media en meer.

Aan de rechterkant van het paneel ‘Stijlen’ staat een voorbeeld van de verschillende soorten elementen (Kleuren, Typografie, Knoppen, Afbeeldingen, enz.) op je site. Om de stijlen van een specifiek element te bewerken:

1. Klik op een element (Kleuren, Typografie, enz.) in het voorbeeld aan de rechterkant van je scherm.
2. Bewerk de stijlen van het element onder het paneel ‘Stijlen’ aan de linkerkant.
3. Klik op de terug-pijl naast de naam van het element om terug te keren naar de volledige lijst met elementen en selecteer een ander element om te stijlen.

4. Wanneer je klaar bent, klik je op de knop ‘Wijziging controleren…’ onderaan het paneel ‘Ontwerp’ om je wijzigingen te bekijken en op te slaan.

Om af te sluiten zonder je wijzigingen op te slaan, klik je op het pictogram linksboven in het paneel ‘Ontwerp’ en selecteer je de optie om te vertrekken zonder wijzigingen op te slaan.