Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden...

15
1 Tips voor het selecteren of ontwerpen van je WordPress Thema Wilko van der Ploeg

Transcript of Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden...

Page 1: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

1

Tips voor het selecteren of ontwerpen van je WordPress Thema

Wilko van der Ploeg

Page 2: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

2

Inleiding Iets meer dan een jaar geleden heb ik een blogpost geschreven met tips met betrekking tot het

kiezen van je thema. Die tips waren toen geldig, maar tijden veranderen. Allereerst verandert de

‘mode’ met betrekking tot webdesign, maar ook de technische mogelijkheden en vereisten zijn sterk

aan verandering onderhevig. Neem bijvoorbeeld de opkomst van de tablet PC’s, iets wat in eerste

instantie niet voorzien was (Ik herinner me nog hoe een vooraanstaand Nederlands computerblad

nogal wat lacherig deed over de eerste iPad).

Maar onze telefoons zijn groter, de iPads kleiner en de laptops eindelijk weer normaal geworden. En

al die technische mogelijkheden stellen eisten aan de manier waarop websites zichtbaar gemaakt

worden.

In dit rapport wil ik met jou eens kijken naar de diverse soorten thema’s die er zijn en welk thema je

op welke gronden zou kiezen.

Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het

aanpassen van een bestaand thema, gebruik van een thema raamwerk of dat je het helemaal van de

grond door een ontwerper laat bouwen. Ook redenen waarom je wel of niet voor een bepaalde optie

zou kiezen laat ik hier even in het midden.

Ik kom talloze websites tegen, waar de eigenaar het standaard WordPress thema gebruikt, voorzien

van misschien een andere banner of een achtergrondafbeelding. Dat is prima als je over je kanarie, je

postzegelverzameling of je voetreis door China blogt, maar als je een zakelijke website hebt, geef je

hiermee een totaal verkeerd signaal af. Vanaf zo’n 27 dollar kun je prachtige, professioneel

ontworpen WordPress thema’s kopen. Gratis kun je uit duizenden thema’s kiezen… door het

standaard thema the gebruiken straal je een vorm van desinteresse uit, die je klant zeker niet zal

waarderen.

Waarop selecteer je je thema? Eén van de gronden waarop je een thema kunt kiezen is kleur. Dit is overigens ook één van de

slechtste gronden om een thema op te selecteren. Natuurlijk is de kleur van je website van het

allergrootste belang voor de indruk die je op je bezoekers maakt, maar kleur is meestal vrij goed aan

te passen, al zal je hierbij waarschijnlijk wel de hulp van een webdesigner nodig kunnen hebben.

Wat belangrijker is, is dat de homepage direct de juiste indruk bij de klant achter zal laten. In één

oogopslag moet hij kunnen zien, wat jij hem te bieden hebt. Een Flash animatie van 30 seconden

voor een administratiekantoor wekt dus direct een totaal verkeerde indruk. Een fotograaf met een

pagina vol tekst eveneens.

En daarmee komen we op regel nummer 1 :

Page 3: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

3

Je selecteert het thema op de informatie die het kan bieden op de

homepage. Dat is duidelijk gezegd, nietwaar? Hoe mooi het thema ook is, als jij een schilder of fotograaf bent en

je thema biedt je niet de mogelijkheid op de homepage jouw werk prominent te tonen, is het een

ongeschikt thema. Heb je een (web)winkel en je homepage kan niet een aantal producten tonen, is

het een ongeschikt thema.

Het primaire doel van een homepage is de bezoeker van je site duidelijk te maken wat hij kan vinden

en waar hij het kan vinden. De fout die velen maken (en ik heb deze ook gemaakt met de eerste

versie van de WordXPression website) is je homepage de rol te geven van een eerste pagina in een

boek, een lang verhaal wat tot overmaat van ramp nog eens eindigt met een link naar de volgende

pagina, waar het verhaal op verder gaat.

Met name in de hoek van de zogenaamde ‘Premium themes’ zie je steeds vaker thema’s met een

zogenaamde ‘slider’. Een slider is een soort diashow in de header van het thema waar afbeeldingen,

teksten of een combinatie hiervan ‘verschuift’. Met name in combinatie met tekst kan dit prima

gebruikt worden om met een aantal kernachtige zinnen en ondersteunende afbeeldingen de

belangrijkste zaken over je bedrijf aan de bezoeker te vertellen.

Sommigen denken echter, dat wanneer iets goed is op één pagina, het nog beter is op alle pagina’s.

Dit is natuurlijk onzin. Hoe positief het effect van een slider ook kan zijn: Alles wat beweegt op je

pagina leidt af van de zaken waarop de bezoeker zijn aandacht wil richten. Houdt bewegingen

beperkt tot de homepage, tenzij je natuurlijk een video opneemt in je pagina.

Als je blogt –en vooral als je actief blogt- kan het goed zijn een thema te nemen, wat het toestaat om

een zogenaamd ‘magazine’ template voor je homepage te gebruiken. Een magazine template is een

template wat kleine fragmenten van blogposts laat zien en hier naar doorlinkt, maar daarnaast ook

de mogelijkheid geeft een vaste tekst op de pagina te tonen. Een aardig voorbeeld is de afbeelding

op de volgende bladzijde van een (afgekeurd) concept voor een nieuwe lay-out voor de

WordXPression site.

Zoals je ziet, bevat deze pagina een combinatie van vaste introducerende tekst als een overzicht van

diverse blogposts. Om diverse redenen heeft deze lay-out het niet gehaald, maar het magazine

concept was geen reden om het af te keuren. In tegendeel.

Een ander populair concept, nauw verwant aan het magazine concept is het opnemen van een aantal

kleine blokkaders, waar verschillende vormen van dienstverlening kort benoemd worden en

doorgelinkt naar een andere pagina. In één oogopslag ziet de bezoeker wat je hem wel of niet te

bieden hebt en of hij wel of niet bij jou moet zijn. Een aardig voorbeeld is het ‘bel-me-niet’ register,

waar mensen uit diverse doelgroepen op de site kunnen landen en in één oogopslag kunnen zien,

waar op de site zij terecht kunnen. Dit voorbeeld is verderop opgenomen in dit rapport.

De meeste ‘standaard’ thema’s gaan echter uit van het blog-concept. De homepage biedt een aantal

blogposts aan, meer niet. En dat moet je nu juist niet hebben. Blogposts is een vluchtige vorm van

informatie. Natuurlijk kost het helemaal geen moeite om in plaats van een blogpagina een statische

pagina als ‘home’ in te stellen, maar het is beter een thema the kiezen, waarbij de homepage een

heel ander karakter heeft dan een ‘standaard’pagina.

Page 4: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

4

Afbeelding 1 – Concept homepage WordXPression

Page 5: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

5

Afbeelding 2 - Bel me niet register

Page 6: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

6

Je selecteert het thema op het ‘karakter’ Door kleurstelling, font-type, gebruik van afbeeldingen en andere zaken heeft ieder thema een eigen

karakter. Ik gebruik expres het woord ‘karakter’ en niet het woord ‘stijl’. De stijl is namelijk een

afgeleide van het karakter van het bedrijf. Sommige thema’s zijn in extreme mate aan te passen,

maar andere thema’s zijn wel aanpasbaar, maar slechts in geringe mate. Bij jouw bedrijf hoort een

bepaalde uitstraling. En dan maakt het niet uit of je een ontstoppingsbedrijf hebt, coach bent of de

leiding hebt over een respectabel notariskantoor: Jouw website moet passen bij de uitstraling die de

klant van je verwacht.

Het karakter van je thema bepaald in sterke mate de doelgroep die je aan zal trekken. Voor sommige

ondernemingen kan dit een lastige keuze zijn: Als je bijvoorbeeld een modewinkel hebt, kies je dan

liever voor ‘jong en trendy’ of voor ‘elegant’? Voor andere bedrijfstakken houdt de belangrijkste

bedrijfsactiviteit al in welk karakter passend is en welk niet.

Een notariskantoor met een website gebaseerd op de kleur roze en uitbundig voorzien van

regenboogjes en hartjes zal een uitdaging hebben om de gewenste boodschap over te brengen op de

klant. Een kinderdagverblijf met een ‘plechtig’ uiterlijk zal evenmin makkelijk aansluiting vinden bij

de doelgroep.

Daarnaast moet je ook voorkomen, dat jouw thema te algemeen gebruikt wordt. Ook al heeft een

thema het perfecte karakter voor jouw bedrijf, als het een standaard thema betreft en iedereen het

in jouw sector al gebruikt, is het zeker raadzaam om een ander thema te kiezen. Maar blijf wel

uitkijken naar iets passends.

Dat is ook de belangrijkste reden, dat het standaard thema bij WordPress eigenlijk voor geen enkele

onderneming geschikt is: Het heeft geen karakter.

Je selecteert het thema op de mogelijke sidebars Toen ik met WordPress begon was een sidebar ook een sidebar, een langwerpig gebied links of

rechts van de pagina. Je kon twee sidebars hebben, of soms zelfs vier… maar een sidebar wist in die

tijd nog zijn plaats en stond altijd netjes op zij van de ‘main content area’.

Maar tijden veranderen. Veel thema’s spreken ook niet meer van ‘side bars’ maar van ‘Widget

Area’s’, ‘Widget Ready Area’s ‘ of –zoals bijvoorbeeld Thematic- van ‘ASides’. Want laten we wel zijn:

De sidebar weet zijn plaats niet meer en presteert het op alle mogelijke plaatsen in de lay-out voor te

willen komen. En in principe is dat meer dan ok.

Widgetarea’s geven je de mogelijkheid extra informatie op te nemen op bepaalde plaatsen in je

pagina. Een plaats die tegenwoordig bijvoorbeeld steeds belangrijker is geworden is de ‘footer’ van je

pagina: Een paar jaar geleden nog de plaats waar je alleen aangaf dat jij de rechthebbende was voor

het auteursrecht en alle prijzen in- of exclusief BTW waren, maar tegenwoordig is de footer steeds

meer de plaats geworden voor extra informatie. En dat is op zich ook niet verwonderlijk. Want wat is

het eerste wat we zien, als we een pagina hebben gelezen: Inderdaad… de onderkant van de pagina!

De informatie die je dus in de footer zet, zal het grootste deel van de bezoekers aan je pagina niet

bereiken, maar hij bereikt wel die mensen, die genoeg interesse hadden om tot het einde door te

lezen. Denk daar maar eens over na, wanneer je besluit of en welke informatie je in de footer wilt

zetten.

Page 7: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

7

Er zijn thema’s met widgetarea’s onder en boven de header, onder en boven iedere post in een lijst

met posts, er is geen grens aan de mogelijkheden, want laten we duidelijk zijn: De plaats waar een

widgetarea wordt getoond is afhankelijk van de opmaak van de pagina… en dat die plaats links en

rechts van de ‘hoofdtekst’ was, was toeval… er is geen enkele reden om het niet ook ergens anders

te tonen.

Omdat widgetarea’s niet getoond worden, wanneer ze niet worden gebruikt, is het goed een thema

te hebben wat zeer flexibel is met widgets. Alleen links, alleen rechts of zowel links als rechts zijn

eigenlijk beperkingen, die je niet opgelegd wilt krijgen. Wanneer je je thema selecteert, kijk er dan

kritisch naar.

Je selecteert het thema op configuratiemogelijkheden Enkele jaren terug had je twee mogelijkheden, wanneer je een thema wilde : slikken of stikken. Een

ontwerper had een thema gemaakt en je kon het gebruiken, of als je handig was met PHP, HTML en

CSS, aanpassen en gebruiken… maar het was ondenkbaar dat je als leek een thema naar je hand zou

kunnen zetten. Tegenwoordig is vrijwel ieder ‘Premium Thema’ voorzien van zeer uitgebreide

instelmogelijkheden en ook in de gratis thema’s komt het steeds vaker voor. Een zeer populair thema

is Suffusion, wat er in de standaardversie echt niet uitziet, maar wat door de vele

instelmogelijkheden onherkenbaar veranderd kan worden.

Bij de ‘Premium Thema’s’ had men het al snel door, dat een thema moeilijker verkoopt als de kleur

niet aanpasbaar is. Je kunt een thema nog zo goed vinden… als de kleur groen is en jij misselijk wordt

bij het zien van de kleur groen, zal je nooit het thema nemen… maar wat als de kleur aanpasbaar is

met een simpele keuzelijst? Een thema met 12 kleurstellingen heeft 12x beter kansen verkocht te

worden!

Maar er zijn meer zaken die je in wilt kunnen stellen en sommige thema’s gaan hier heel ver in.

Wanneer jij als redelijke ‘leek’ op het gebied van WordPress een thema kiest, wil je een thema wat

instelbaar is… maar wel met mate. Het configureren van Suffusion bijvoorbeeld is een ‘vak apart’, als

incidentele gebruiker er van zou het je teveel tijd kosten om werkelijk iets moois met suffusion te

maken.

Je selecteert het thema op de mogelijkheid te kiezen voor het type

blogoverzicht. Wat vind jij het mooist: Een compleet blogartikel in een lijst van tien… of juist een samenvatting? Zelf

heb ik veel moeite de lengte van een blogartikel binnen de aanbevolen 700 woorden te houden.

Wanneer ik een tiental blogposts op dezelfde pagina zou hebben –volledige dus- zou de pagina

onaantrekkelijk lang worden. In mijn geval is het dus sowieso beter om geen volledige blogposts,

maar alleen de samenvatting te tonen. Wanneer je echter bijvoorbeeld een foto- of videoblogger

bent en je begint iedere post met een korte inleiding, gevolgd door de foto of de video-opname, is

het wellicht interessanter om de complete blogpost – wellicht met minder dan tien per pagina- te

tonen. Het ideale thema laat aan jou de keuze of je een complete post of het ‘excerpt’, de

samenvatting in de lijst wilt tonen. Krijg jij die keuze niet, let er dan goed op of de manier waarop het

thema de blogposts wil tonen ook past bij jouw wensen.

Page 8: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

8

Je selecteert het thema op de mogelijkheid te kiezen voor pagina templates. Dit selectiecriterium wordt door maar weinig mensen gebruikt, om de eenvoudige reden, dat slechts

weinig mensen op de hoogte zijn van het bestaan van ‘pagina templates’. Maar het is mogelijk voor

een thema-bouwer om voor een pagina meerdere ‘templates’ te definiëren.

Afbeelding 3 - Voorbeeld met en zonder templates

Tijdens het aanmaken van de pagina kun je dan voor een bepaalde template kiezen en die bepaalt

dan in grote mate het uiterlijk van je pagina. Het populaire Internet marketing thema ‘OptimizePress’

biedt bijvoorbeeld verschillende alternatieven voor het uiterlijk van een ‘salespage’. Met dezelfde

pagina-inhoud kun je als gebruiker van OptimizePress dus kiezen voor de meest passende lay-out

voor jouw situatie: wel of geen header, sidebar, video op de pagina etc.

Een aardig voorbeeld is het eerder besproken Suffusion. De afbeelding van de ‘Magazine’ pagina die

ik je eerder liet zien is het resultaat van een ‘normale’ pagina, waarover ik de template ‘magazine’

heb toegepast. Dus alle extra’s als het tonen van blogposts met thumbnail die je ziet op de pagina

zijn het resultaat van het kiezen voor een bepaalde template.

Natuurlijk kan ik, als ik handig ben met HTML (en geloof me, dat ben ik) iedere WordPress Pagina

gebruiken om een fraaie lay-out te krijgen. Maar wanneer ik dat niet zou zijn? Ik kan bijvoorbeeld bij

OptimizePress een prachtige ‘Opt-in’ box krijgen als ik kies voor een bepaalde template voor een

‘SqueezePage’, zonder dat ik hier iets extra voor hoef te doen. In Suffusion kan ik eenvoudig bepalen

waar ik mijn sidebars wil hebben (en of ik ze wil hebben) op een bepaalde pagina.

Het hebben van een (groot) aantal verschillende templates in je thema vergroot de professionele

indruk die jouw site op de bezoeker zal maken.

Je selecteert je thema met het oog op je doel-platform Ok, dit punt klinkt lekker vaag. Wat ik hiermee bedoel te zeggen is dat toen ik in 2004 voor een

internet-telefoniebedrijf een website moest bouwen tegen mij gezegd werd, dat ik geen rekening

Page 9: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

9

hoefde te houden met mensen met een schermresolutie van 800 pixels of minder. Vandaag de dag

zouden ze dat niet meer tegen mij zeggen! In 2004 betekende het hebben van een lage resolutie, dat

je dermate verouderde apparatuur had, dat je voor veel bedrijven niet meer tot de doelgroep

behoorde. Internet telefonie stond toen nog in de kinderschoenen en het waren vooral de

technische hardlopers, die interesse hadden. Dat waren niet de mensen die nog surften op het

Internet met trage verbindingen en verouderde monitoren. Deze zelfde doelgroep heeft vandaag

iPhones, iPads, iPods en iDonotknowwhatelse, allemaal apparaten met een lage resolutie.

Want laten we wel zijn: Hoewel het aantal mensen wat het web ‘bevaart’ met een telefoon maar een

klein percentage is van het totale webbezoek is dit wel een percentage wat tot nu toe jaarlijks

minimaal verdubbelde. En dit percentage zal groeien, naarmate er meer sites echt ‘mobiel geschikt’

worden.

Dat was ook de belangrijkste reden voor mij om de eerder besproken lay-out van de homepage van

WordXPression af te keuren: Hij is niet mobiel-geschikt. De lay-out die –op het moment dat ik dit

schrijf ‘binnenkort’, op het moment dat jij dit leest waarschijnlijk al ‘nu’- gebruikt zal worden is dit

wel: Wanneer je de website van WordXPression in je telefoon opvraagt, past de lay-out zich aan aan

de telefoon. Jij hoeft dus niet in te zoomen en van links naar rechts te manoeuvreren om de pagina’s

te kunnen lezen.

Maar laat ik eerlijk zijn: Een lay-out die mobiel geschikt is heeft ook zijn beperkingen. Wanneer je

sterk gecharmeerd bent van de eerder besproken magazine pagina’s, is dit niet eenvoudig (of

helemaal niet) te realiseren in een mobiel geschikte lay-out. Het kiezen voor een lay-out die geschikt

is voor mobiel is het maken van een bewuste keuze, waarmee je jezelf ook direct beperkingen

oplegt. Er zijn echter ook tussenoplossingen, waarbij je een plug-in gebruikt die tussen twee lay-outs

‘omschakelt’ afhankelijk van de gedetecteerde browser (en daarmee dus ook het apparaat waarop

deze browser actief is). Het nadeel is echter, dat er een sterke breuk in de huisstijl zal zijn indien je

hier voor kiest: Het site-thema zal vaak sterk afwijken van het mobiel geschikte thema.

Het is niet van belang welke keuze je maakt met betrekking tot de vraag of je thema mobiel geschikt

moet zijn, wat echter wel van belang is, dat je hier serieus over hebt nagedacht.

Nog wat kleine puntjes Hierboven heb ik in zeven punten de belangrijkste zaken aangegeven, waar je je thema op moet

selecteren. Zoals je ziet, ik schrijf je weinig voor, maar geef wel zeven belangrijke punten om over na

te denken. De kleine puntjes die ik je nu geef, zijn eigenlijk punten die wel het karakter van een

voorschrift hebben. Zoals met bijna alle regels: Je mag er gerust van afwijken, maar het komt wel

met een prijs.

Zorg voor een duidelijk contrast tussen tekst en achtergrondkleur.

Idealiter is jou tekst zwart of donkerblauw op een witte of licht getinte achtergrond.

Wanneer je een blog hebt, waar de nadruk op de afbeeldingen ligt, is een donkere

achtergrond met een witte of licht getinte tekst een goed alternatief. De eerstgenoemde

kleurstelling leest gewoon het prettigst, terwijl een zwarte achtergrond juist de afbeeldingen

goed uit laat komen. Andere kleurstellingen zijn op termijn vermoeiend voor de ogen en

bewust of onbewust zal een bezoeker je site eerder ‘links’ laten liggen.

Page 10: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

10

Navigatie-onderdelen staan bovenaan of links van de pagina.

De meeste mensen in Europa lezen van links naar rechts en van boven naar beneden. Dat is

de richting waarin onze ogen gewend zijn te kijken en dat is ook de manier, waarop we

visuele informatie evalueren. Boven is belangrijker dan onder en links belangrijker dan

rechts. Kies je ervoor je navigatie-elementen onder aan de pagina te zetten, moet je niet

vreemd opkijken als een groot aantal mensen je site snel verlaat.

Kies voor een semantische lay-out.

Dit klinkt even heel ingewikkeld, nietwaar? Maar een semantische lay-out wil eigenlijk

zeggen, dat wanneer je alle HTML van een pagina zou verwijderen, de pagina normaal

leesbaar zou moeten zijn.

Traditioneel zijn de meeste websites gebouwd in de volgorde waarin de elementen zich op

de pagina presenteren. Wanneer we dan gebruik maken van een linker sidebar, komt al deze

informatie voor de tekst waar het eigenlijk om gaat. Met de huidige methoden van

webdesign is het mogelijk een sidebar wel links te tonen, maar in de HTML pas na de

belangrijkste tekst te positioneren. Dat heeft een aantal voordelen.

- ‘Text to Speech’ browsers als JAWS (gebruikt door mensen met een visuele beperking)

hoeven niet eerst bij iedere pagina een compleet linker kolom voor te lezen.

- De tekst waar het eigenlijk om gaat staat hoger in de pagina en wordt zwaarder gewogen

door de zoekmachines.

- Als je gebruik maakt van een ‘responsive lay-out’, een lay-out die geschikt is voor mobiele

devices, wordt de linker sidebar onder de belangrijkste tekst geplaatst, wat voorkomt, dat de

bezoeker iedere keer moet scrollen voordat hij kan lezen.

Kies voor een SEO vriendelijke thema. Kijk eens naar een proefinstallatie van een thema naar

de HTML code (of als je hier niets van weet, laat er even naar kijken).

Hoeveel <h1> tags komen er op een pagina voor? Eén? Goed zo! Komen er meer voor, dan

wordt dit door Google niet goed gewaardeerd.

Komen er tabellen voor? Zo ja… hoe worden deze gebruikt? Google stelt het niet op prijs,

wanneer tabellen gebruikt worden om de lay-out van de pagina op te maken.

Ga eens op zoek naar ‘<meta name=”description”’. Hoe vaak komt dit voor? Eénmaal?

Geweldig. Meerdere malen? In dat geval conflicteert het thema met een al geïnstalleerde

SEO plug-in. Dit is eenvoudig te verhelpen door de SEO plug-in uit te schakelen, maar biedt

de SEO functie van je thema dezelfde faciliteiten als de SEO plug-in?

Heeft je thema ondersteuning voor vertalingen? Dit lees je meestal terug in de specificaties

van het thema in termen als ‘i18n compliant’, ‘gettext translations’ of ‘customizable

translation’. I18n staat overigens voor ‘Internationalization’, een woord wat begint met een i,

eindigt met een n en 18 letters telt. Als dit niet zo is, is er een grote kans, dat er Engelse

termen (‘Read more’) in je Nederlandse tekst komen te staan.

Ten slotte Het thema wat je kiest voor je WordPress site is van groot belang voor de manier waarop de

bezoekers jouw bedrijf zullen ervaren. Ik hoop dat ik je met dit rapport niet het gevoel heb gegeven,

dat het nu ‘helemaal fout zit’ met het thema wat je wellicht recent hebt aangeschaft en

geïnstalleerd, maar als dit wel zo is, een bekend Nederlands spreekwoord zegt ‘Beter ten halve

gekeerd, dan ten hele gedwaald’.

Page 11: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

11

In de bijlage bij dit rapport komen enkele links voor naar sites waar je premium thema’s kunt kopen.

De meeste gratis thema’s die je op de WordPress site vindt zijn op zich prima, maar veel thema’s

bieden slechts enkele configuratieopties, met andere woorden, je hebt weinig waarmee je je kunt

onderscheiden van die duizenden andere gebruikers van datzelfde gratis thema.

Wanneer je een thema wilt, heb je grofweg vier opties. De eerste optie is natuurlijk een gratis thema

te selecteren. Optie nummer twee is een premium thema te kopen van een gerenommeerde

aanbieder. Optie drie is een thema laten maken op basis van een thema raamwerk en de laatste

optie is een thema ‘van grond af aan’ te laten maken.

Veel ondernemers zijn zich echter niet bewust van optie drie, een optie die de ontwikkelaar van het

thema tijd en de opdrachtgever geld bespaart. WordXPression werkt bij het ontwikkelen van

maatthema’s in principe met 3 raamwerken: Suffusion, Genesis en Thematic. Suffusion is geschikt

voor de wensen van zeker 70% van de gemiddelde ondernemers. Hiermee is het dus betrekkelijk

eenvoudig en dus ook financieel aantrekkelijk een site op maat te maken, waarbij de kosten vaak

onder de 500 euro kunnen blijven.

Heb je wensen die niet in Suffusion gerealiseerd kunnen worden, zijn Genesis en Thematic de

raamwerken waar ik dan graag verder op bouw. In tegenstelling tot Suffusion hebben deze

raamwerken niet veel instelopties, maar wordt het maatwerk gerealiseerd door zogenaamde ‘child

thema’s’ te maken… een thema wat zijn basisfuncties ‘erft’ van het raamwerk, maar alles wat

specifiek is wordt via speciale templates ‘aangepast’. Het kost iets meer tijd dan een raamwerk als

Suffusion, maar het resultaat is er dan ook naar. Een gemiddelde Genesis of Thematic site blijft

makkelijk onder de 1000 euro.

Wanneer je dus op zoek bent, naar een maatwerk thema, vraag aan de ontwerper, welke

raamwerken hij gebruikt. Dit geeft je al een indicatie of het goedkoper kan. Zegt hij je geen

raamwerk te gebruiken en alles ‘van de grond’ op te bouwen, weet jij in ieder geval, dat het

efficiënter en goedkoper kan en het wellicht goed is eens verder te kijken.

En zoals ik in mijn inleiding al begon: Websites zijn aan mode onderhevig. Gelukkig verandert de

website-mode niet met ieder seizoen, maar wees je ervan bewust, dat om een professionele indruk

te blijven maken, je iedere 2-3 jaar voor een nieuwe ‘look’ zult moeten zorgen (ben je actief in de

modesector, waarschijnlijk vaker… je wilt immers dat de stijl van je website is afgestemd op de mode

zelf). Met het oog hierop is de keuze voor een website van de grond af op te bouwen ook niet de

meest gewenste keuze: Niet alleen betaal je meer, maar waarschijnlijk is niets van hetgeen je hebt

laten bouwen herbruikbaar. Wordt er echter gewerkt vanuit een raamwerk, is het vaak mogelijk

grote delen van de lay-out opnieuw te gebruiken en wordt een revisie van de looks van je website

een minder ingrijpende operatie.

Over WordXPression Expressief WordPress. Sinds het oprichten van het bedrijf is dit het motto geweest en ik geloof ook

niet, dat ik het ooit zal veranderen. WordXPression helpt met name de zelfstandige ondernemer om

meer financieel rendement uit zijn website te halen. Grote woorden? Ik denk het niet. Natuurlijk is

een mooie, aantrekkelijke website belangrijk en de keuze van een goed thema helpt je je site

aantrekkelijker te maken voor je bezoekers, maar jouw uiteindelijke doel is toch meer klanten,

betere klanten en meer omzet… of niet?

Page 12: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

12

Helaas merk ik maar al te vaak, dat ondernemers het idee hebben dat marketing duur moet zijn en er

naast het ‘budget voor de site’ geen budget voor marketing is. Waar ze echter zelden bij stilstaan, is

dat een op een juiste manier gespendeerd budget voor een site, je direct een krachtige

marketingtool in handen hebt gekregen. En dat is waar ik met WordXPression jou als ondernemer

van bewust wil maken.

Dit rapport mag je eigenlijk ook niet lezen, als je daarna niet direct mijn gratis e-Boek ‘Verleid je

Klant’ gaat lezen. Als je dat wel doet, loop je alsnog een groot risico de foute keuzes te maken… een

goed thema op een website die verkeerd gebruikt wordt, levert je alsnog niets op.

Bij WordXPression staat dienstverlening centraal. Verrassing! Ken jij een bedrijf wat anders beweert?

Maar bij WordXPression wordt het ook waargemaakt: Wekelijks een blogpost en een nieuwsbrief

waarin informatie wordt gegeven, die veel anderen alleen tegen betaling geven. Gratis e-boeken…

een gratis videocursus op WordXPression trainingen en –hoewel niet gratis- laagdrempelige ‘skype’

consults voor al je vragen. Kortom, voor alles rond WordPress kun je bij WordXPression terecht, ook

binnen jouw budget.

Page 13: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

13

Bijlage – Premium Thema sites In deze bijlage treft je een aantal sites aan, waar Premium Thema’s verkocht worden. De manier

waarop de thema’s te koop aan worden geboden kan nogal verschillen.

Abonnementen Sommige sites bieden een abonnement aan, waarbij je voor de duur van het abonnement onbeperkt

thema’s kunt downloaden, maar hij het stoppen van het abonnement stopt ook de mogelijkheid tot

downloaden. Hoewel het in eerste instantie misschien aantrekkelijk lijkt om een maand een

abonnement te nemen en daarna alle denkbare thema’s te downloaden, is dit het in de praktijk niet:

Je kunt namelijk gedurende die maand dan wel onbeperkt downloaden, maar WordPress heeft de

eigenschap regelmatig nieuwe features te krijgen, waarvoor ondersteuning wel ingebouwd moet

worden in het thema. Ook bevatten thema’s wel eens programmafouten of zelfs security risico’s. Als

dit zo is, wil je dit natuurlijk ook hersteld hebben. Dit lukt niet, indien je je abonnement hebt

opgezegd. Een site als WPMUDEV werkt op deze manier en de prijsstelling is zodanig, dat een

jaarabonnement goedkoper en aantrekkelijker is dan 3x per jaar een maand abonnement te nemen

en ‘snel even’ alles de downloaden.

Maar een abonnement op een thema site is alleen aantrekkelijk als je meerdere sites hebt, waarop je

de thema’s wilt installeren.

Vaste prijs – onbeperkte updates De meest populaire manier van verkopen van thema’s is natuurlijk het verkopen van een thema

tegen een vaste prijs, waarbij je als koper op de hoogte gehouden wordt van nieuwe updates en deze

onbeperkt gratis kunt downloaden. Wanneer je maar één site hebt, is dit natuurlijk wat je wilt. Een

éénmalige uitgave voor een product waar je eeuwig wat aan hebt.

Het is overigens ook goed om de licentiebepalingen goed door te nemen. Sommige thema’s mag je

na aanschaf namelijk op ieder domein wat je bezit installeren, andere licenties zijn echt specifiek

voor één domein.

Vaste prijs voor alle thema’s en onbeperkte updates Dit wordt bijvoorbeeld aangeboden op de site van Genesis. Genesis is een ‘thema-raamwerk’,

waarop je thema’s kunt bouwen. Op de site van Genesis kun je een aantal thema’s kopen die

gebouwd zijn op dit raamwerk, maar het is ook mogelijk om in één keer een licentie te kopen voor

alle thema’s. Afzonderlijke thema’s kosten zo rond de 80 dollar, maar voor ongeveer 350 dollar heb

je direct alle thema’s plus alle toekomstige thema’s die nog door het bedrijf ontwikkeld zullen worden.

Wanneer je meerdere websites hebt, kan dit een zeer interessante optie zijn.

De lijst

WPMUDEV

WPMUDEV, wat eigenlijk staat voor WordPress MultiUser Developers is eigenlijk een wat vreemde

eend in de bijt van de thema-ontwikkelaars. WPMU was voor WordPress 3.0 een aparte ‘tak’ van

WordPress die geschikt was om meerdere blogs vanuit één centraal domein te bedienen. Dus in feite

hetgeen je ook op WordPress.com ziet. Maar naast het ontwikkelen van deze aparte WordPress

versie, werden er ook talloze plugins en thema’s speciaal voor multi-user sites ontwikkeld.

Tegenwoordig is de multi-user functie een standaard mogelijkheid van WordPress. WPMUDEV biedt

Page 14: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

14

nog steeds allerlei producten die de effectiviteit van je WordPress installatie als je in ‘multi user’

modus draait (die tegenwoordig meer juist ‘multi site’ genoemd wordt) aan, maar daarnaast zijn ze

ook meer algemene plugins en thema’s gaan ontwikkelen. Alle ‘aankopen’ van de site zijn op basis

van een abonnement: Heb je een abonnement kun je voor de duur van het abonnement onbeperkt

downloaden en gebruik maken van de diensten van WPMUDEV. Het leuke van deze site is, dat er

daadwerkelijk naar de klanten wordt geluisterd: De meeste plugins komen tot stand aan de hand van

een verzoek van een lid van de site wat voldoende stemmen van andere leden krijgt. Zelf heb ik een

jaarabonnement op deze site en kan dit zeker aanbevelen aan mensen die serieus met hun website

bezig zijn, voor een relatief gering bedrag heb je toegang tot plugins van hoge kwaliteit. Voor wat

betreft de thema’s is WPMUDEV een wat minder spectaculaire site: Er wordt weinig nieuws meer

ontwikkeld op dit moment, alhoewel hetgeen er is kwalitatief goed is.

WooThemes

WooThemes is één van de grootste aanbieders van Premium Themes… en één van de goedkoopste,

tenminste… als je alles koopt. Een enkel thema ‘gaat’ voor zo’n 70 dollar, maar je kunt alles in één

keer kopen voor 125 dollar. En dan hebben we het over 105 thema’s.

Themeforest

Themeforest is geen aanbieder van Premium Themes maar een marktplaats waar aanbieders hun

thema te koop aan bieden. Je moet hier even opletten: Niet alle thema’s zijn ook WordPress thema’s.

Zorg dat je zoekt in de juiste categorie.

De prijzen zijn laag, de kwaliteit is wisselend en de continuïteit onzeker… Hoe groot is de kans, dat

een ontwikkelaar die slechts één exemplaar van zijn thema heeft verkocht (aan jou) dit ook zal

onderhouden en ervoor zal zorgen, dat dit thema in de toekomst ook goed zal werken? Inderdaad…

Toch wil ik niet louter negatief doen over Themeforest, maar let er bij een aankoop op, dat de

ontwikkelaar een goede reputatie heeft (te zien aan het aantal sterren) en bij in ieder geval een

redelijk aantal van zijn product heeft verkocht.

Themes Kingdom

Themes Kingdom is cool! Voor nog geen 30 dollar per jaar krijg je toegang tot op dit moment 34

thema’s… en dat worden er twee meer per maand. De prijs per thema ligt net iets boven die van

WooThemes, maar dat is verwaarloosbaar. Door de lage instapprijs eigenlijk voor iedereen die iets

aantrekkelijks ziet op de site direct aan te bevelen. En ja, ik heb ook een abonnement.

Genesis van StudioPress

De naam is in het rapport diverse malen gevallen. StudioPress is in eerste instantie de maker van één

van de beste thema raamwerken die er op dit moment te vinden is (Genesis), Maar omdat een

raamwerk leuk is voor ontwikkelaars, maar een eind-klant hier niets aan heeft, biedt Genesis ook

diverse thema’s aan die zijn gebouwd op dit thema.

Een Genesis thema installeer je wat anders dan een ‘normaal’ thema. Omdat de Genesis gebaseerde

thema’s ‘child themes’ zijn, is het noodzakelijk eerst Genesis als thema te installeren, maar niet te

activeren en daarna het thema wat je koopt te installeren en activeren.

Je kunt individuele thema’s kopen, of alle thema’s in een enkele deal.

Page 15: Tips voor het selecteren of ontwerpen van je WordPress Thema€¦ · Wat we even in het midden laten, is hoe je het thema voor je site uiteindelijk gaat realiseren : Het aanpassen

15

OptimizePress

OptimizePress biedt weinig keuze: Wij van WC-Eend adviseren WC-eend… maar waar WC-eend

inmiddels een complete productlijn heeft ontwikkeld, biedt OptimizePress nog steeds alleen

OptimizePress. Het is een thema gericht op de Internet Marketer en als zodanig slechts geschikt voor

een relatief kleine doelgroep. OptimizePress is uitermate geschikt voor het snel maken van sales- en

squeezepages, als je niet weet wat dit is, heb je OptimizePress (nog) niet nodig.

Daarnaast is het ook bijzonder geschikt voor de vormgeving van het gesloten gedeelte van

membership sites.

OptimizePress is een thema voor twee zeer selecte doelgroepen, maar voor deze doelgroepen het

beste thema verkrijgbaar.