Op diverse videokanalen wordt je momenteel bekogeld door de webbouwers met allerlei mooie beloftes dat je een prachtige website kunt maken. Of het nu de konijnen Jim en Do, een oerhollandse kerel van Jouwweb of een Engelstalige boer is, ze spammen je scherm vrolijk vol. Met behulp van dit drieluik maak je in enkele stappen een mooie site.

In deel één spraken we met elkaar over het registreren van een domeinnaam. Waar moet je op letten en hoe leg je een domeinnaam vast? Want één ding mag duidelijk zijn: de Jimdo’s, Blogspots, Jouw Webs en Weeblies maken het leven een stuk gemakkelijker, maar is niet dé oplossing voor mensen die hun digitale huisje willen inrichten. Los van eventuele reclame die op de sites wordt weergegeven, ben je immers niet zeker wat er met je gegevens gebeurt.

Next step: create!

Maar nu is het tijd om de website te gaan ontwerpen. Heb je al bedacht hoe je dat wil laten doen? Misschien heb je een handig nichtje of neefje, maar nóg leuker is als je de site from scratch bouwt. Immers, Handige Hanny of Harry heeft ook weer bepaalde ideeën, waardoor jijzelf er misschien minder je stempel op kan drukken. Natuurlijk kun je gebruik maken van Adobe Dreamweaver of andere offline programma’s, maar tegenwoordig kun je heel gemakkelijk met content management systemen (cms) je eigen platform bouwen. Ik stam nog uit de tijd dat Dreamweaver, kladblok en php hot waren, maar gebruik maken van een cms.

Mijn persoonlijke top drie:

03 BOLT CMS

In de tijd dat BOLT begon, waren er genoeg cms’en maar vaak waren ze te ingewikkeld of te zwaar. Dat was het begin van Bolt: een systeem waarmee je snel een nieuwe site kan opzetten die je eenvoudig naar je hand te zet. BOLT is ooit bedacht door Bob den Otter van webbureau Two Kings. Groot voordeel: het is volledig Nederlands.

02 Drupal

Drupal is oorspronkelijk ontwikkeld door Dries Buytaert als een bulletin board system. Het werd in 2001 een open source project, dat inhoudt dat de code geheel openbaar is. Drupal is de Engelse schrijfwijze van de Engelse uitspraak van het Nederlandse woord “druppel”, wat op zijn beurt in het Engels weer “drop” is. De naam komt van de inmiddels niet meer actieve website Drop.org. Buytaert wilde de site eigenlijk “dorp” noemen, als verwijzing naar het bulletin board system als gemeenschap, maar hij maakte een typefout bij het controleren van de domeinnaam en vond dat het zo beter klonk.

01 WordPress

WordPress is erg gemakkelijk in het gebruik. De tekstverwerker lijkt aardig op Microsoft Word, ook je site inrichten is erg gemakkelijk. Vroeger was WordPress een weblogsysteem. Tegenwoordig is WordPress ongeveer even uitgebreid als Drupal, maar qua gebruik vele malen efficiënter. Niet voor niets gebruiken grote organisaties als Talpa, de Fietsersbond en GroenLinks dit systeem.  Maar ook media zoals OneWorld.nl.

Omdat dit cms het makkelijkst in de omgang is én omdat deze mijn persoonlijke nummer één is (lol), gaat de rest van dit artikel over WordPress.

Het recept voor een perfecte WordPress site

Zo, tijd om je site te installeren. Neem een kopje thee en ga er rustig voor zitten.

Je hoeft enkel WordPress te downloaden vanaf www.wordpress.org. Via het control panel dat bij je domeinnaam is meegeleverd, kun je vaak gemakkelijk een ‘MySL’-database aanmaken. Als je dat gedaan hebt, is de volgende stap WordPress uit te pakken en te uploaden met je favoriete FTP programma. Ikzelf gebruik bij voorkeur FileZilla, na jaren WS FTP gebruikt te hebben. Heb je dat gedaan? Surf dan naar je website, waar je vervolgens alle installatiegegevens kunt invoeren.

Leuk weetje: sommige webhosters bieden de mogelijkheid om ‘via het control panel’, WordPress te installeren. Je herkent dat aan de optie ‘Installatron’. Leuk om eens te kijken, want er zitten ook een hoop andere programma’s in!

Het technische deel heb je nu achter de rug! Well done!

Maar toen was het tijd voor het leukste deel van het verhaal: creëren!

Hoe komt een goede website qua uiterlijk tot stand?

Oké. Je hebt nu mogelijk allerlei ideeën. Van complete video’s op je voorpagina tot hele lappen tekst. Je wilt je rubrieken niet de standaard opmaak geven zoals iedereen dat heeft, maar het moet een feestje worden. Of je hebt een website gezien en denkt: ‘Damn! Zoiets wil ik ook!’

Allemaal leuk en aardig, maar let even op het volgende

Zorg dat je website responsive is

Niets is zo irritant als je op je iPhone zit en de website zich niet aan je scherm aanpast.

Gebruik niet teveel en geen zware afbeeldingen

Allereerst: te zware afbeeldingen vertragen de boel enorm, teveel afbeeldingen maakt het daarnaast ook nog te druk. De inhoud bevat dadelijk nog genoeg afbeeldingen 😉

Niet teveel links in het menu

Om een voorbeeld te noemen: het hoofdmenu van dit platform heeft enkele hoofdlinks. Daaronder zitten nog allerlei rubrieken, die via de inhoud zichtbaar worden. Teveel links zorgt voor een bos waardoor je bomen niet ziet.

And last but not least:

Herken jezelf in je site

Ik grijp even terug naar ongeveer 13 jaar geleden. Ik had toen de website PotterDome, welke een groot succes was (daarover in een latere blog wellicht meer). Die site heb ik gebouwd op de manier zoals die voor mij goed leek. PotterDome evolueerde gaandeweg van een Dreamweaver site naar een site met cms en forum. Het was duister qua opzet; niets was te gek, the sky wasn’t the limit’. Ik deed geen concessies; een visie is een visie. Dus de tip voor jou: Doe geen concessies, het is jouw feestje.

Uh… hoe maak ik een basis voor een design?

Allright. Je kunt natuurlijk zelf achter het toetsenbord kruipen en zelf een ‘theme’ (zo heet een WordPress ontwerp) ontwerpen, maar dat vergt tijd en een hoop energie. Terwijl er ook allerlei themes zijn die je zelf kunt aanpassen naar je smaak. Gratis én betaald.

Enkele voorbeelden?

Zekers!

DIVI

Divi is veruit het meest uitgebreide WordPress theme dat er bestaat. Divi is namelijk niet alleen een theme, maar een volwaardig ‘framework’. Met andere woorden: Wat jij wil is wat je krijgt. Divi is gemaakt door Elegant Themes en tegen betaling verkrijgbaar.

Themeforest

Themeforest is een van de bekendste theme leveranciers van de wereld. Dat het één van de grootste is, is dankzij hun marktplaatsconcept. Diverse theme bouwers – ook Nederlandse – verkopen hier hun werk. Ook biedt Themeforest regelmatig gratis tools en themes aan hun leden.

Good old WordPress.org

WordPress.org heeft ook een groot theme bestand. Variërend van simpele blogsites tot complete bedrijfsplatformen, het is er allemaal te vinden. Wel één advies: pak géén themes waar ‘Lite’ achter staat en let goed op dat je een volledig gratis theme pakt. Lites zijn beperkte versies van themes die normaliter betaald zijn. Ook kan het zijn dat de theme bouwer data van je vraagt. Niet handig dus!

Je theme kun je gemakkelijk installeren via de ‘achterkant’ van je WordPress site. Als je dat gedaan hebt, kan het zijn dat je bepaalde ‘plugins’ moet installeren. Dit zijn programmaatjes die ervoor zorgen dat je theme perfect werken. Maar er zijn meerdere Plugins, van ‘share’ plugins tot complete betaalmuren. Anyway, hierna hoef je enkel nog via ‘customizer’ (onder ‘Weergave’) het design zo aan te passen als je zelf wilt, en klaar!

Dit was deel 2. In het laatste deel: content maken én delen.

Lees hier het eerste deel.