Waarom een mooie themademo je misleidt

Een wordpress thema demo is geen voorspeller van hoe jouw site eruit gaat zien, omdat demos werken met gelikte foto’s, korte teksten en perfect uitgebalanceerde lay-outs die jouw eigen inhoud zelden evenaart. De eerlijke test is de demo beoordelen met je eigen, langere teksten en mindere foto’s. Pas dan zie je of het thema echt werkt voor jouw content.

Waarom de demo je systeematisch misleidt

Demo-inhoud wordt door ontwerpers gemaakt. Dat betekent: foto’s met de juiste kleurpalet, titels van precies de goede lengte, korte alinea’s die precies in de lay-out passen. Jouw echte content voldoet zelden aan die voorwaarden. Een titel kan zes woorden lang zijn in plaats van drie. Een foto kan minder contrastrijk zijn. Een alinea kan 120 woorden bevatten in plaats van veertig. Al die afwijkingen laten de lay-out scheef trekken die in de demo perfect leek.

Daarbij komt dat demo-inhoud wordt geschreven om het thema op zijn best te laten zien. Dat is legitiem, maar het is geen eerlijke test. Een bezoeker die jouw site leest, ziet niet de demo maar jouw teksten, jouw foto’s en jouw structuur.

De test: laad je eigen content vóór je koopt

Voordat je een thema koopt, test je het met content die op jouw echte site lijkt. Drie stappen maken die test eerlijk.

Gebruik een titel die typisch is voor jouw site. Niet ‘Lorem ipsum’ maar een titel van zes tot tien woorden die echt op je site zou staan.
Plaats een artikel van minimaal 1200 woorden. Demo’s werken met korte teksten; jouw echte artikelen zijn vaak langer. Pas dan zie je of de typografie volhoudt.
Gebruik foto’s van jouw eigen kwaliteit. Niet de stockfoto’s van de demo, maar foto’s van het kaliber dat jij echt zult plaatsen.

Een thema dat met deze inhoud leesbaar en snel blijft, is een thema dat je in de praktakkijk niet teleurstelt. Een thema dat bij lange teksten in elkaar zakt, is een thema dat je beter vermijdt, hoe fraai de demo ook was.

Wat je testen moet: vijf punten

Met je eigen content geplaatst, beoordeel je het thema op deze vijf punten.

Leesbaarheid bij lange teksten. Blijft de regelafstand comfortabel na 800 woorden? Vermoeit de typografie niet? Zie ook onze gids over magazine-thema’s die leesbaar blijven bij lange artikelen.
Lege plekken in de lay-out. Sommige lay-outs vallen leeg als een titel korter is dan de demo verwacht. Controleer of je lay-out stevig staat met variabele content.
Snelheid bij zware afbeeldingen. Jouw foto’s zijn vaak zwaarder dan demo-stock. Test op mobiel over 4G met de meetprotocol uit onze snelheidsgids.
Werking van koppen en citaten. Plaats H2, H3, een blockquote en een lijst. Blijft de hiërarchie duidelijk?
Mobiele weergave van variabele content. Een lange lijst, een brede tabel, een ingebedde video: hoe pakt het thema die op mobiel op?

Een thema dat op al deze vijf punten presteert met jouw content, is een betrouwbare keuze. Een thema dat faalt bij een van de vijf, vraag jezelf af of je dat op de lange termijn accepteert.

De val van de starter-site

Een specifieke vorm van demo-inhoud is de ‘starter-site’ die veel moderne thema’s aanbieden: kant-en-klare pakketten met homepage, contact, blog en dienstenpagina’s, geïmporteerd met één klik. Starter-sites zijn nuttig als beginpunt, maar ze hebben twee problemen.

Ten eerste gebruiken duizenden sites dezelfde starter-site. Jouw site lijkt daardoor op veel andere sites, wat nadelig is voor herkenbaarheid en vertrouwen. Ten tweede bevatten starter-sites vaak pagina’s en media die je niet nodig hebt, wat je database en media-bibliotheek vult met ballast.

Een starter-site is een skelet, geen eindpunt. Wie het ongewijzigd laat, kiest voor generiek. Wie het als beginpunt gebruikt en minstens typografie, kleuren en header aanpast, krijgt een site die echt van hem is.

Meer over deze valkuil lees je in onze gids over zeven thema-fouten die je site traag of onduidelijk maken.

Hoeveel van de demo je moet behouden

Een pragmatische vuistregel: behoud hoogstens 30 procent van de demo ongewijzigd, vervang de rest door eigen content en eigen stijl. Dat betekent in de praktijk:

Homepage: behoud de structuur, vervang teksten en foto’s volledig.
Header: pas logo, kleuren en menu-structuur aan, behoud hoogstens de opzet.
Typografie: kies eigen lettertypes en grootten; demo-lettertypes herken je direct.
Footer: vervang volledig met je eigen links, adres en widgets.

Wie dit consequent doet, krijgt een site die het thema gebruikt als skelet, niet als gezicht.

Wanneer de demo wél betrouwbaar is

Een paar aspecten van de demo zeggen wel iets over het thema:

De prestaties van de demo-URL zelf. Die zijn een reële indicatie van wat het thema kan in geoptimaliseerde staat.
De code-kwaliteit achter de demo. Bekijk de broncode: semantische HTML, geen overdadige wrappers, schone CSS.
De snelheid van de demo-beheerpagina. Als de customizer van het thema zelf al traag is, is het thema in zijn geheel waarschijnlijk zwaar.

De demo als visuele vertaling is dus niet betrouwbaar, maar de demo als prestatie-object wel.

Je volgende stap

Voor je een thema kiest, schrijf je twee typische artikelen op (een korte en een lange) en verzamel je drie foto’s die op je echte site zouden staan. Test je shortlist van thema’s met die content en kies het thema dat het beste overeind blijft. De keuzewizard filtert eerst op sitetype en budget; de keuzegids geeft het bredere kader. En lees voor de prestatietest onze gids over het meten van wordpress thema snelheid op mobiel. Vergelijk kandidaten daarnaast op de vergelijkingspagina.