Cursus WordPress – UCLL

Onderhoudsmodus

Hoofdstuk 9 van 13

Je bouwt je site rustig af, maar intussen kan iedereen meekijken: halfafgewerkte pagina’s, lorem ipsum, een kapotte knop. Met een onderhoudsmodus (ook “coming soon”- of “binnenkort online”-pagina) zien bezoekers een nette tijdelijke pagina, terwijl jij als ingelogde gebruiker gewoon verder werkt. In dit hoofdstuk stel je zo’n pagina in met de plugin Maintenance, bekijk je ze door de ogen van een bezoeker en zet je ze daarna weer uit.

Wanneer gebruik je een onderhoudsmodus?

  • terwijl een nieuwe site nog in opbouw is op het echte adres;
  • tijdens een grote verbouwing (bv. een nieuwe huisstijl), zodat bezoekers geen half werk zien;
  • heel kort tijdens een technische ingreep (een update, het terugzetten van een back-up).

Zet hem niet “voor de zekerheid” weken aan op een site die al live is: zolang hij aanstaat, ziet Google enkel je onderhoudspagina, en klanten vinden je informatie niet.

De plugin openen

  1. Klik in het linkermenu op Maintenance.
  2. De eerste keer verschijnt een groot reclamevenster voor de betaalde PRO-versie. Je hebt die niet nodig. Sluit het venster met het kruisje of met de Esc-toets.
Groot reclamevenster van WP Maintenance met drie betaalde licenties
Het reclamevenster voor de PRO-versie: wegklikken met Esc of het kruisje.
  1. Je ziet nu de instellingen. Bovenaan rechts staat de schakelaar Maintenance (2): daarmee zet je de onderhoudsmodus aan of uit. Links staan de onderdelen Themes, Design (3), SEO, Access en Advanced.
De instellingenpagina van Maintenance met de schakelaar rechtsboven en de onderdelen links
Maintenance in het menu (1), de aan/uit-schakelaar (2) en het onderdeel Design (3).

Overal waar PRO staat (de themakaarten met een ster, de blokken Countdown, Form, Video, Map, …) heb je een betaalde licentie nodig. Klik je erop, dan verschijnt opnieuw de reclame. Alles wat je in dit hoofdstuk nodig hebt, is gratis. Ook de reclameblokken rechts (WP Captcha, Weglot) negeer je.

Zolang je nog aan het instellen bent, laat je de schakelaar uit. Met de knop Preview Maintenance Page (onderaan elk onderdeel) bekijk je het resultaat in een nieuw tabblad, zonder dat je bezoekers er iets van merken.

De pagina opmaken

De onderhoudspagina is opgebouwd uit blokken die de plugin modules noemt: een logo, een titel (Header), tekstblokken (Content) en een voettekst (Footer).

De modules bekijken

  1. Klik op Design en daaronder op Layout (1).
  2. Links zie je de Available Modules (beschikbare blokken), rechts de Active Modules (2): de blokken die nu op je pagina staan, van boven naar onder. Een gratis blok voeg je toe door het van links naar rechts te slepen. Op de demo staan van boven naar onder: Logo, Header, Content, Content en Footer.
  3. Beweeg met je muis over een blok rechts. Er verschijnt een blauwe balk met vier icoontjes: verslepen, bewerken (het potloodje, 3), kopiëren en verwijderen.
Design, Layout met links de beschikbare modules en rechts de actieve modules; over de Header hangt een blauwe balk met een potlood
Design → Layout (1), de actieve modules (2) en het potloodje om een module te bewerken (3).

De titel aanpassen

  1. Klik op het potloodje van de module Header. Er opent een venster.
  2. Typ bij Text je titel (1). Voor De Korenaar: Binnenkort vers uit de oven. Hou het kort en vriendelijk.
  3. Kies bij Font het lettertype van je huisstijl (2), hier Playfair Display. Bij Color klik je op het kleurvak of typ je de kleur in (bruin is rgba(122,74,38,1), dat is #7A4A26). Met Font Size regel je de grootte.
  4. Klik op Save changes.
Venster Header met de tekst Binnenkort vers uit de oven en het lettertype Playfair Display
De titel (1) in het lettertype van de huisstijl (2).

De tekst aanpassen

  1. Klik op het potloodje van de tweede Content-module.
  2. Typ in het tekstvak je boodschap (1). Leg kort uit wat er aan de hand is en hoe mensen je tóch kunnen bereiken. Voor De Korenaar: We leggen de laatste hand aan onze nieuwe website. Tot dan ben je van harte welkom in de winkel aan de Bondgenotenlaan 1 in Leuven, of bel ons op 016 12 34 56.
  3. Kies ook hier lettertype, grootte en kleur. Voor gewone tekst kies je een goed leesbare letter.
  4. Klik op Save changes.
Venster Content met een teksteditor waarin de boodschap van de bakkerij staat
De boodschap aan je bezoekers (1).

Op dezelfde manier pas je de eerste Content-module (de tussentitel Onze nieuwe website rijst nog even) en de Footer aan (bv. © 2026 Bakkerij De Korenaar). Laat nergens de Engelse standaardtekst “Site is undergoing maintenance” staan.

Het logo

  1. Klik op het potloodje van de module Logo. Staat er nog geen Logo-module, sleep ze dan eerst uit de lijst links naar boven in de actieve modules.
  2. Klik in het grote vak op Choose an image en kies je logo uit de mediabibliotheek.
  3. Vul bij Logo Title de naam van je organisatie in en zet bij Width een breedte, bv. 220 px.
  4. Klik op Save changes.
Venster Logo met het logo van De Korenaar, de titel Bakkerij De Korenaar en een breedte van 220
Het logo met een titel en een vaste breedte.

De achtergrond

  1. Klik onder Design op Background.
  2. Bij Background Image klik je op Open images gallery om een eigen foto te kiezen. Wij kozen de broodfoto van de homepage.
  3. Background Image Size laat je op Cover (de foto vult het hele scherm) en Background Image Position op Center.
  4. Klik op Save Changes.
Design, Background met de broodfoto als achtergrondafbeelding en de instellingen Cover en Center
De achtergrond: een eigen foto, op Cover en Center.

Op een drukke foto is tekst moeilijk leesbaar. Onder Design → General vind je Content Overlay: een halfdoorzichtig vlak achter je tekst. Op de demo kreeg dat vlak de crèmekleur van de huisstijl, zodat het bruine logo en de donkere tekst goed leesbaar zijn. Daar regel je ook Content Width (de breedte van het tekstblok) en de standaard tekst- en linkkleuren.

SEO-titel en beschrijving

Klik links op SEO. Wat je hier invult, toont Google zolang de onderhoudsmodus aanstaat.

  1. Bij de titel (1) zet je de naam van je organisatie en wat er aan de hand is, bv. Bakkerij De Korenaar – binnenkort online.
  2. Bij de beschrijving (2) een zin over wie je bent, bv. Ambachtelijk brood en gebak uit Leuven. Onze nieuwe website is binnenkort klaar.
  3. Bekijk de SEO Snippet Preview en klik op Save Changes.
Het onderdeel SEO met een voorbeeld van het zoekresultaat Bakkerij De Korenaar – binnenkort online
De SEO-titel en -beschrijving zie je meteen in de Snippet Preview. De analyse rechts (SEO Analysis) mag je negeren.

Wie ziet wat? (Access)

Onder Access lees je de regel: als de onderhoudsmodus aanstaat, ziet iedereen de onderhoudspagina, behalve wie ingelogd is. De opties om bv. bepaalde IP-adressen of een geheime link toe te laten zijn PRO. Show Login Button staat aan: rechts op de onderhoudspagina verschijnt dan een klein knopje met een slotje waarmee je kunt inloggen.

Het onderdeel Access met de uitleg en de optie Show Login Button aangezet
Access: wie ingelogd is, ziet de gewone site. Het loginknopje laat je aan.

De onderhoudsmodus aanzetten

  1. Klik bovenaan rechts op de schakelaar Maintenance (1). Hij wordt blauw. Er is geen aparte opslagknop: de modus staat meteen aan.
  2. Kijk in de zwarte balk bovenaan: naast Maintenance staat nu een groen bolletje (2). Rood betekent uit, groen betekent aan. Zo zie je op elke pagina van je dashboard of je site “dicht” is.
De schakelaar Maintenance staat aan en in de bovenbalk staat een groen bolletje naast Maintenance
De schakelaar staat aan (1) en het bolletje in de bovenbalk is groen (2).

Zo ziet een bezoeker het

Open je site in een privévenster (Ctrl+Shift+N, op een Mac Cmd+Shift+N). Daar ben je niet ingelogd, dus je ziet wat een bezoeker ziet: alleen de onderhoudspagina. Ook als hij een andere pagina probeert, zoals /contact/.

De onderhoudspagina van De Korenaar met logo, titel Binnenkort vers uit de oven en een crème tekstvlak op een broodfoto
Een bezoeker ziet enkel de onderhoudspagina. Rechts het slotje om in te loggen.

Bekijk de pagina ook op een gsm (of maak je browservenster heel smal).

De onderhoudspagina op een gsm, waarbij een zwarte balk rechts over de tekst valt
Op een gsm: de tekst past, maar de zwarte balk van het loginknopje valt rechts over het tekstvlak.

Op een smal scherm kan een grote titel over de rand lopen. Maak de Font Size van de Header dan kleiner (op de demo 38 px in plaats van 44 px). Stoort het zwarte balkje rechts, zet dan onder Access Show Login Button uit; inloggen kan altijd via jouwsite.be/wp-admin.

Zo zie jij het (ingelogd)

Open je site in je gewone venster, waar je ingelogd bent. Jij ziet de normale site en kunt gewoon verder werken. Het groene bolletje bovenaan (1) herinnert je eraan dat bezoekers iets anders zien.

De gewone homepage van De Korenaar met de bovenbalk van WordPress en een groen bolletje naast Maintenance
Ingelogd zie je de gewone site; het groene bolletje (1) toont dat de onderhoudsmodus aanstaat.

Dit is de klassieke valkuil: “mijn site werkt toch?”. Jij bent ingelogd, dus jij ziet altijd de gewone site. Controleer de onderhoudsmodus dus altijd in een privévenster of op een ander toestel.

De onderhoudsmodus weer uitzetten

Is je site klaar, of was het onderhoud maar tijdelijk? Zet de modus dan meteen weer uit.

  1. Ga naar Maintenance en klik op de schakelaar Maintenance (1). Hij wordt weer grijs.
  2. Het bolletje in de bovenbalk wordt weer rood.
De schakelaar Maintenance staat uit en het bolletje in de bovenbalk is rood
De schakelaar staat uit (1) en het bolletje is rood.
  1. Controleer in een privévenster dat bezoekers je gewone homepage weer zien. Vernieuw de pagina eventueel met Ctrl+F5 (Cmd+Shift+R op een Mac).
De gewone homepage van De Korenaar met de cookiebanner, zoals een bezoeker ze ziet
Controle in een privévenster: de bezoeker ziet weer de echte site (met de cookiebanner).

Je instellingen (logo, teksten, achtergrond) blijven bewaard als je de modus uitzet. Moet je later opnieuw even dicht, dan is het één klik.

Veelgemaakte fouten

  • Testen terwijl je ingelogd bent en denken dat de onderhoudsmodus niet werkt. Gebruik een privévenster.
  • Vergeten de modus uit te zetten na de oplevering. Kijk na elke werksessie naar het bolletje in de bovenbalk.
  • De Engelse standaardteksten laten staan (“Site is undergoing maintenance”, “© Maintenance 2026”).
  • Geen contactgegevens op de onderhoudspagina. Een bezoeker die je nu zoekt, wil je toch kunnen bereiken.
  • Op PRO-knoppen klikken en denken dat je moet betalen. Alles wat je nodig hebt, is gratis.

Opdracht: een “binnenkort online”-pagina voor je eigen site

  1. Maak een onderhoudspagina met je eigen logo, een korte titel, een tekst met contactgegevens en een achtergrondfoto in je huisstijl.
  2. Vul de SEO-titel en -beschrijving in.
  3. Zet de onderhoudsmodus aan en neem met je gsm een schermafbeelding van wat een bezoeker ziet. Past alles op het scherm?
  4. Zet de onderhoudsmodus weer uit en controleer in een privévenster dat je gewone site terug zichtbaar is.

Samengevat

  • De plugin Maintenance toont bezoekers een tijdelijke pagina; ingelogde gebruikers zien de gewone site.
  • Je bouwt de pagina op met modules onder Design → Layout en bewerkt ze met het potloodje.
  • De schakelaar rechtsboven zet de modus aan of uit; het bolletje in de bovenbalk is groen (aan) of rood (uit).
  • Test altijd in een privévenster, en zet de modus uit zodra het kan.

Alle hoofdstukken