Binnenpagina

Deze pagina toont alle elementen en inhoudsblokken die op de website gebruikt kunnen worden, met hun variaties. Zo zie je in één oogopslag of de styling klopt. Hover-, focus- en actieve states zie je door met de muis of het toetsenbord over de elementen te gaan.

Koppen

Heading 1 tot en met 6, en de stijlvariatie “Subtitel”.

Heading 1 — Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Heading 2 — Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Heading 3 — Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Heading 4 — Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Heading 5 — Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Heading 6 — Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Stijlvariatie: Subtitel (kop en paragraaf)

Kop met stijl Subtitel

Paragraaf met stijl Subtitel

Tekst

Lopende tekst, opmaak binnen een paragraaf en alle lettergroottes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Tekst met vetgedrukt, cursief, een link, doorgehaald, inline code, ^superscript en _subscript.

Lettergroottes

Text XS — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text SM (standaard) — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text base — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading XS — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading SM — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading MD — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading LG — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading XL — Lorem ipsum

Display

Lijsten

Ongeordende, geordende en geneste lijsten.

Citaten en code

Citaat (standaard en “Plain”), pullquote, code en voorgeformatteerde tekst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Naam van de bron

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Naam van de bron

<div class="voorbeeld">
    <p>Codevoorbeeld</p>
</div>

Voorgeformatteerde tekst
    behoudt spaties en regeleinden.

Knoppen

Alle knopstijlen. De stijl “Wit” toon je best op een donkere achtergrond.

Stijlen

Kleuren

Het kleurenpalet uit theme.json.

Afbeeldingen

Afbeelding met bijschrift, de stijl “Afgerond”, radius-presets en uitlijning met omlooptekst.

Stijl: Afgerond

Radius M

Radius XXL

Links uitgelijnd met omlooptekst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Rechts uitgelijnd met omlooptekst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Brede afbeelding

Galerij

Galerij met drie kolommen en met twee kolommen en bijschriften.

Media en tekst

Afbeelding links, rechts, en met de optie “Afbeelding vullen”.

Dit is een subtitel

Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Knop

Dit is een subtitel

Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Knop

Dit is een subtitel

Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Knop

Cover

Cover met afbeelding en overlay, en cover met enkel een achtergrondkleur.

Dit is een subtitel

Sit iaculis eget vehicula lacus ut sit molestie eget turpis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit neque nec eleifend varius. Suspendisse imperdiet, massa a pellentesque fringilla, ligula felis aliquet augue, non porta nunc erat non lacus.

Knop

Wit

Kolommen

Twee, drie en vier kolommen, en een verdeling 33/66.

Groepen en vlakken

Groepen met achtergrondkleur, radius-presets, rand en schaduw.

Tabellen

Standaardtabel en de stijl “Strepen”, met bijschrift.

Toggles

Het core-blok Accordeon: het eerste item staat standaard open.

Scheidingslijnen en witruimte

Scheidingslijn standaard, “Brede lijn” en “Puntjes”, en een spacer.

Standaard

Brede lijn

Puntjes

Spacer van 64px

Einde van de spacer.

Video-embed

YouTube-embed met beeldverhouding 16:9.

Breadcrumbs

Het core-blok Breadcrumbs, met het kruimelpad van Rank Math (zie inc/breadcrumbs.php).

Berichten

Query loop met de drie laatste berichten, het aantal resultaten en paginering.

Tabs

Het core-blok Tabs: standaard (tabs bovenaan) en de stijl “Tabs aan de zijkant”.

Standaard

Stijl: Tabs aan de zijkant

Iconen

Het core-blok Icoon: een icoon van WordPress en een eigen icoon uit assets/icons, in drie groottes.

Categorieën

Het core-blok Terms query: de categorieën met hun aantal berichten.

Image slider

Het eigen ACF-block Image slider met drie afbeeldingen.

Formulier

Het contactformulier (WPForms).