WordPress website maken: een stap-voor-stap handleiding voor beginners

Iedereen kan een WordPress website maken. 

Maar het is een stuk makkelijk (en sneller) wanneer je een handleiding gebruikt die je het hele proces stap-voor-stap laat zien.

Wat je nu leest is de handleiding die ik had willen hebben toen ik m’n eerste WordPress website maakte. Het maken van die eerste site kostte me uiteindelijk weken van het blogs, fora en vraag-en-antwoord websites afstruinen.

Die tijd wil ik je besparen. Daarom laat ik je hier van A tot Z zien hoe je zelf een WordPress website opzet binnen een paar uur. Je hebt hier geen technische kennis voor nodig. 

Om preciezer te zijn, ik ga je laten zien hoe je:

  • Webhosting opzet en een domeinnaam registreert
  • Je site via een beveiligde verbinding (dankzij een SSL-certificaat) laat lopen
  • WordPress installeert (op de correcte manier)
  • Zelf een goed WordPress thema kiest en installeert (een die snel is, makkelijk te gebruiken is en er prachtig uitziet)
  • De beste plugins voor je site kiest en installeert (en niet diegenen die je site vertragen of om zeep helpen)
  • En meer

Kortom, we slaan geen stap over.

Ben je er klaar voor? Dan gaan we beginnen. 

1. Hoe maak je een WordPress website? Een overzicht

Allereerst, álles wat je in deze handleiding tegenkomt kun je zelf doen. Je zal geen technische hulp in hoeven schakelen.

Daarnaast gaan we ervoor zorgen dat de kosten voor je site zo laag mogelijk gaan uitvallen.

Waar je dus mee gaat eindigen na het doorlopen van deze handleiding is een prachtige, functionele website voor een zachte prijs.

Eerst ga ik je vertellen hoelang het duurt deze handleiding af te ronden, wat het je kost om deze site op te zetten, en waarom ik denk dat WordPress voor de meeste mensen het beste platform is om een site op te bouwen. 

Als je dit alles wel gelooft en direct wilt beginnen met het bouwen van je site, kun je dit hoofdstuk overslaan en beginnen met webhosting opzetten en een domeinnaam registreren. Klik hier om door te scrollen.

Hoelang duurt het om deze WordPress handleiding af te ronden?

Het volledig doorlopen van deze handleiding kost je ongeveer een dagdeel.

Het opzetten van je WordPress site duurt niet langer dan 10 minuten. Ik heb het dan over het installeren van WordPress op een goede webhost met een eigen domeinnaam.

Maar om WordPress in de vingers te krijgen – bijvoorbeeld pagina’s toevoegen, het design aanpassen, en een menu maken – ben je wel een paar uur verder.

Bedenk dat je deze handleiding niet in één keer hoeft af te ronden. Je kunt er bijvoorbeeld voor kiezen een hoofdstuk per dag af te ronden. Hou een tempo aan dat jezelf prettig vindt. 

Ik hoop dat het proces zoals ik het hier uitleg duidelijk voor je is. Maar mocht je op een gegeven ogenblik tegen iets aanlopen, maak je geen zorgen. De webhosts die ik je aanbeveel bieden zeer goede (en snelle) support. Daarnaast ben ik ook altijd beschikbaar om je vragen te beantwoorden.

Je kunt onderaan dit artikel een vraag voor me achterlaten of me anders per mail bereiken via onze contactpagina.

Hoeveel kost het opzetten van een WordPress website?

Je hoeft niks uit te geven aan je WordPress website zelf. Het WordPress thema (een tool wat het uiterlijk en de functionaliteit van je site bepaalt) wat ik je aanbeveel is gratis en dat geldt ook voor de plugins (programmaatjes die je in je site klikt) die ik je aanraad. Deze theme gebruik ik trouwens voor al m’n eigen websites, waaronder Start24.nl. 

Homepage Kadence website

Je site heeft echter wel webhosting nodig. Via SiteGround, wat managed WordPress hosting biedt, kost dit €12.99 per maand (hoewel je voor het eerste jaar een goedkoper instaptarief betaalt). 

Waarom WordPress gebruiken?

De grootste fout die mensen maken met het bouwen van een website is het verkeerde platform te kiezen. Hoewel er talloze manieren zijn om een site het wereldwijde web op te krijgen, is WordPress.org in 99% van de gevallen de beste optie.

Waarom is dit?

WordPress.org heeft een aantal gigantische voordelen ten op zichten van de alternatieven:

  • Het is gratis
  • Het biedt nagenoeg volledige vrijheid over het design van je site
  • Je kunt er bijna elke soort website mee bouwen (blog, bedrijfswebsite, ecommerce shop)
  • Je hebt er geen enkele technische kennis voor nodig
  • Het is snel, goed-geoptimaliseerd en veilig
  • Het is goed voor SEO

Hierbij komt dat meer dan een derde van alle websites draait op WordPress. Dit betekent dat het een gigantische support community heeft. Over de hele wereld zijn er talloze WordPress ontwikkelaars die het platform verrijken met plugins en andere innovaties.

Meer weten over WordPress? Bekijk dan dit artikel. Hier leg ik ook de verschillen uit tussen de commerciële tak van WordPress (WordPress.com), en de open source WordPress die wij en de meeste mensen gebruiken (WordPress.org).

Iedere website heeft webhosting en een domeinnaam nodig.

In dit hoofdstuk ga ik je laten zien hoe je webhosting opzet. Ook laat ik je zien hoe je een domeinnaam kiest en registreert.

Hoewel het kopen van een hosting pakket en domeinnaam misschien een beetje intimiderend klinkt, is er niets om je zorgen over te maken. Het proces dat ik je hier ga laten zien is zeer eenvoudig en vereist geen enkel technisch vernuft.

Webhosting is waar je website leeft op het internet. Het is waar alle bestanden van je site, zoals tekst en afbeeldingen, opgeslagen staan. Simpel gezegd kan geen enkele website bestaan zonder webhosting.

Wanneer je gebruik maakt van een hosting dienst, huur je een stuk webruimte op een server. Een server is een computer die continue in verbinding staat met het internet en zich bevindt in een datacenter. De server zorgt er dus voor dat mensen jouw website kunnen bezoeken.

Dit alles is een stuk eenvoudiger voor jou als gebruiker dan dat dit klinkt, zoals je zo direct zal zien.

Webhosting en domeinnaam registreren

Er zijn letterlijk honderden bedrijven waar je een hosting pakket kan kopen en waar je een domeinnaam kunt registreren.

Wij gaan van SiteGround gebruik maken. Dit is waarom:

  • SiteGround wordt officieel aanbevolen door WordPress. Hun WordPress hosting is 100% geoptimaliseerd voor WordPress websites wat betekent dat deze er supersnel op lopen
  • SiteGround heeft een waanzinnige klantenservice. Hun medewerkers staan je te woord in niet meer dan een paar minuten via de telefoon of via hun site’s chat functie. Je hoeft niet uren of zelfs dagen te wachten zoals bij veel andere diensten
  • Ze zijn zowel geschikt voor kleine als zeer grote websites. Al mijn sites – nieuw en oud – draaien op SiteGround
  • Het is gemakkelijk te gebruiken en beginners vriendelijk
  • SiteGround is een van de hoogst aangeschreven webhosting diensten en huisvest meer dan twee miljoen websites

Dit is wat we nu gaan doen:

  1. We gaan naar SiteGround en we gaan een hosting pakket voor onze site kiezen
  2. We gaan een domeinnaam registreren via SiteGround
  3. We gaan via SiteGround binnen twee klikken WordPress installeren
  4. We eindigen met een 100% werkende WordPress website!

Laten we beginnen. Hier is de eerste stap die je moet nemen om een website te maken:

Allereerst, klik hier om naar SiteGround te gaan. Op de SiteGround homepage, kies voor WordPress hosting en klik op Get Started:

SiteGround kies een hosting pakket.

Nu heb je de keuze uit 3 hosting pakketten. Als je één site gaat maken, kies dan voor Startup. Als je direct aan de slag wilt gaan met meerdere sites, kies dan GrowBig.

Je hoeft je over deze keuze niet druk te maken. Indien nodig, kun je je pakket op ieder gewenst moment upgraden of downgraden.

Nu kies je een domeinnaam.

Een domeinnaam is het adres van je website wat mensen in hun browser balk intypen om je site te bezoeken.

Simpel uitgelegd, als je een website een huis was, zou de domeinnaam het adres zijn.

Hier een net iets meer uitgebreide uitleg:

Het internet is een enorm netwerk van computers die met elkaar zijn verbonden via een wereldwijd netwerk van kabels. Elke computer op dit netwerk kan communiceren met andere computers.

Om ze te identificeren, krijgt elke computer een IP-adres toegewezen. Het is een reeks cijfers die een bepaalde computer op internet identificeert. Een typisch IP-adres ziet zo uit:

45.358.77.1

Zo’n IP-adres is vrij lastig te onthouden. Stel je voor dat je zulke nummers zou moeten gebruiken om je favoriete websites te bezoeken.

Om dit probleem op te lossen zijn domeinnamen bedacht.

Mocht je gewenste domeinnaam niet meer beschikbaar zijn, lees dan ons artikel over hoe je een goed alternatief selecteert.

Als je een domein ergens anders geregistreerd hebt staan dat je wilt gebruiken, kies dan “I already have a domain.” Je kunt dit domein gratis overzetten naar SiteGround.

SiteGround domein kiezen.

Tot slot vul je je persoons- en betalingsgegevens in en kun je je aankoop afronden. Zorg dat Data Center ingesteld staat op Europe, the Netherlands. De SG Site Scanner hoef je niet toe te voegen.

SiteGround betalen voor hosting.

Gefeliciteerd, je bent nu de trotse eigenaar van een stukje internetvastgoed. 🙂

Nu gaan we WordPress installeren binnen enkele klikken.

3. WordPress installeren en een beveiligde verbinding opzetten

Met SiteGround kun je WordPress installeren in een paar klikken.

Ook gaan we ervoor zorgen dat je site via een beveiligde verbinding loopt dankzij een SSL-certificaat. Dit zorgt ervoor dat hackers niet de gegevens van je bezoekers kunnen stelen.

In dit hoofdstuk laat ik je zien hoe je dit doet.

WordPress installeren

Om WordPress te installeren klik je op Websites en vervolgens klik je op Add New Site.

Voeg een nieuwe website toe via Siteground.

Dan kies je Existing Domain en selecteer je je domeinnaam.

Voeg een domeinnaam toe via SiteGround.

Klik daarna op Start New Website en dan op WordPress bij Choose Application.

Bij Set Up Login stel je vervolgens een email en wachtwoord in om op je WordPress site in te kunnen loggen.

Installeer WordPress op SiteGround.

Druk op Finish. Binnen een minuut of twee zal WordPress geïnstalleerd zijn.

Website maken via SiteGround wachtscherm.

SSL installeren

Voor we aan de slag gaan met WordPress, gaan we eerst een SSL-certificaat op je site installeren voor een veilige verbinding. Dit is iets wat iedere site tegenwoordig gebruikt.

Een site is beveiligd wanneer je een groen slotje in je URL-balk ziet. Een beveiligde verbinding zorgt ervoor dat derden geen gevoelige persoonlijke informatie kunnen stelen van je bezoekers.

Klik eerst op Manage Site.

Manage site in SiteGround.

Klik nu op Security » SSL Manager en kies hierna voor Let’s Encrypt onder Select SSL. Druk dan op de Get knop. Nu moet je een paar minuten wachten.

SSL aanzetten via SiteGround.

Hoewel het SSL-certificaat nu is geïnstalleerd, draait je site zelf nog niet op een beveiligde verbinding. Dit is iets wat we via het WordPress dashboard in gaan stellen (ik ga je zo direct uitleggen waar het WordPress dashboard voor dient, en wat je er allemaal mee kan).

Ga naar het WordPress dashboard via [je domeinnaam]/wp-admin/.

Voer nu het email adres en wachtwoord in wat je zojuist hebt gebruikt om je WordPress account aan te maken, en klik op Exit op het scherm dat verschijnt nadat je bent ingelogd.

SiteGround welkom op je WordPress site.

Vervolgens klik je op SG Optimizer in het linker menu, ga je naar Environment Optimization en druk je op de knop naast Enable HTTPS. Nu verschijnt een pop up die je moet bevestigen.

SSL inschakelen via WordPress met SiteGround.

Hierna word je automatisch uitgelogd uit je WordPress admin. Log weer in via [je domeinnaam]/wp-admin/.

4. De WordPress interface en handige instellingen

In dit hoofdstuk ga ik je uitleggen hoe je met het WordPress dashboard werkt.

Ook laat ik je een paar praktische instellingen voordat je begint met het bouwen van je website.

Je kunt toegang krijgen tot het WordPress dashboard via [je domeinnnaam]/wp-admin/ (Zoals we hebben gedaan in het vorige hoofdstuk).

Inlogscherm van een WordPress website

Nadat je bent ingelogd zie je dit scherm:

WordPress dashboard bij een nieuwe website

Hier kun je je berichten, pagina’s, plugins en alle andere aspecten van jouw WordPress website managen. 

Instellingen (Settings)

Nu we op dit punt aangekomen zijn, is het handig een paar instellingen aan je site te veranderen die jou je en bezoekers een betere gebruikerservaring geven. Ik laat je de instellingen zien die ikzelf gebruik en vertel kort wat ze doen. 

Om bij instellingen te komen, klik op Settings » General (Instellingen » Algemeen)

WordPress instellingen
  • Site Title (Sitetitel). Vul hier de naam van je website in. Je ziet deze linksboven in je dashboard wanneer je bent ingelogd. Ook wordt deze automatisch door sommige SEO plugins zoals Yoast of Rank Match in de titel van je artikelen geplaatst 
  • Tagline (Ondertitel). Leg hier in een paar woorden uit waar je site over gaat
  • WordPress Address (URL) & Site Address (URL). Met deze instellingen hoef je niks te doen. Het is beter om ze helemaal niet aan te raken, want als je het verkeerde adres intypt, kun je jezelf buiten je eigen website sluiten
  • Administration Email Address (Administratie e-mailadres). Het email adres waarmee je toegang krijgt tot je WordPress site. Je hebt dit ingevoerd tijdens het installeren van WordPress. Mocht je ooit een ander emailadres hiervoor willen gebruiken, dan kun je het hier veranderen 
  • Membership (Lidmaatschap). Hier hoef je niks mee te doen
  • New User Default Role (Standaard rol voor nieuwe gebruikers). Je kunt andere mensen aan je WordPress site toevoegen. Hier kun je instellen hoeveel rechten nieuwe gebruikers standaard krijgen (je kunt dit altijd aanpassen). Subscribers hebben de minste rechten en Administrators hebben de meeste rechten
  • Site language (Site taal). Stel hier de taal van je site in. Als je voor Nederlandse kiest, zorgt dit ervoor dat bijvoorbeeld bij blog artikelen “Read more” automatisch verandert in “Lees meer.” Ook zal je WordPress dashboard in Nederlands worden. Mocht je liever je dashboard in het Engels houden, maar de rest van de site in het Nederlands willen, dan kun je dit ook instellen. Ik laat je zo direct zien hoe je dit doet 
  • Time zone (Tijdzone). Stel hier de tijdzone van je website in
  • Date format (Datumnotatie). Hier je stel je in hoe je datum wordt weergegeven. “j” staat voor dag, “F” voor maand en “Y” voor jaar. Ikzelf kies altijd voor het volgende format: j, F, Y

Wanneer je klaar bent, kies dan op de Save Changes (Wijzigingen opslaan) knop linksonder. 

Onder Settings vind je ook nog instellingen voor Writing, Reading, Perma Links en meer. Persoonlijk raak ik de meeste standaardinstellingen die WordPress heeft bedacht nooit aan. Maar blader vooral even door alle pagina’s om te kijken of dit ook voor jou geldt. 

Profiel aanpassen

Via Users » Profile (Gebruikers » Profiel) kun je je eigen profiel aanpassen. De enige opties die je waarschijnlijk wilt aanpassen zijn de volgende:

WordPress user profile.

Indien je liever je WordPress dashboard in het Engels houdt, kun je dat bij Language instellen. Persoonlijk doe ik dit. Veel plugins en themes zijn slechts in het Engels beschikbaar. Kies je voor een Nederlandse dashboard, dan krijg je te maken met een mengelmoes van twee talen. 

Voor het geval je Nederlands kiest, heb ik de vertaling van de termen die je gaat tegenkomen tussen haakjes toegevoegd. 

Bij de naam sectie kun je je voor- en achternaam opgeven. Bij Display name publicly as (Schermnaam) kun je kiezen welke auteursnaam verschijnt bij eventuele blog artikelen die je gaat plaatsen.

Bij About Yourself (Over jezelf) kun je een korte biografie over jezelf schrijven en je profielfoto aanpassen via Gravatar. Let wel, voor het aanpassen van je profielfoto moet je een aparte WordPress.com account aanmaken. Als je wilt, kun je instellen dat je profielfoto en biografie automatisch bij de berichten die je plaatst wordt gezet.  

Ook kun je op deze pagina je wachtwoord opnieuw instellen.

5. WordPress thema installeren: Kadence

Nu is het tijd om een WordPress thema te installeren.

Een theme is het hart van je WordPress website. Het is een tool die je de lay-out en het design van je site bepaalt en laat aanpassen. Denk hier aan het lettertype, kleur en andere design elementen. Ook kun je met sommige WordPress themes zelf webpagina’s ontwerpen en bouwen.

In dit hoofdstuk laat ik je zien hoe je een theme installeert.

WordPress themes hebben geen directe impact op de inhoud (je geschreven content) van je site. Het gave is dat je een theme binnen twee klikken kunt installeren maar het even eenvoudig kunt vervangen met een andere theme. Wat voor theme keuze je dus ook maakt, je zit er niet voor altijd aan vast.

Er zijn duizenden themes beschikbaar voor WordPress. Het kan als beginner overweldigend zijn om de juiste theme voor je site te kiezen. Sommige themes kunnen er prachtig uit zien, maar zijn slecht gecodeerd. Zo’n theme kan je site traag maken en slecht in zoekmachines gevonden laten worden.

Ik zal deze zoektocht een stuk makkelijker (en korter) voor je maken door de theme aan te raden die ikzelf gebruik voor al m’n websites: Kadence

Waarom Kadence?  

Er zijn een paar redenen waarom Kadence een geweldige theme is voor iedere WordPress site:

  • Het heeft een prachtig design. Zonder dat je er ook maar iets aan hoeft te doen, ziet een Kadence site er zeer gelikt uit. Ideaal als design niet je sterkste skill is
  • Het is eenvoudig te gebruiken. Kadence is een theme die door veel professionele WordPress gebruikers wordt gebruikt, maar ook voor beginners makkelijk op te pakken is. Iets wat hieraan bijdraagt zijn hun Starter Templates: prachtig ontworpen, kant-en-klare websites waarbij je alleen de tekst hoeft aan te passen
  • Het is super licht en snel. Kadence heeft een super getalenteerd team wat performance zeer hoog in het vaandel heeft. Het resultaat? Een site die je bouwt met Kadence is bliksemsnel, wat leidt tot een goede gebruikerservaring voor je bezoekers en een site die hoger in Google komt
  • Het is gratis. Kadence is er ook in de vorm van een betaalde, premium WordPress theme (Kadence Pro). Maar de gratis variant biedt meer dan genoeg mogelijkheden voor de meeste websites. Sterker nog, de gratis variant van Kadence biedt al veel meer mogelijkheden dan de meeste betaalde WordPress themes 

Dit alles maakt Kadence met stip het beste WordPress thema in mijn ogen.

Dit is hoe je een WordPress thema installeert

Het installeren van een WordPress kost niet meer dan een paar klikken. Allereerst, navigeer naar Appearance » Themes (Weergave » Thema’s) in het WordPress dashboard. Klik nu op Add New (Nieuwe toevoegen).

WordPress dashboard appearance, themes

Vervolgens type je “Kadence” in de zoekbalk. 

Zoek een WordPress theme.

Ga nu met je muis over Kadence heen en klik op de Install (Installeren) knop.

Kadence installeren

Ga nu weer met je muis over Kadence heen en klik op Activate (Activeren). Dit ervoor dat je site de theme ook daadwerkelijk gebruikt. 

Kadence activeren

En that’s it. Dit is hoe je zelf een WordPress thema zoekt, installeert en op je site toepast.

Kadence Starter Template kiezen

Als je zo snel mogelijk een prachtige, professioneel ogende website online wilt krijgen, dan raad ik je aan een Kadence Starter template te kiezen. Je kunt natuurlijk ook met een blank canvas beginnen en zelf een site van A tot Z ontwerpen. Maar als je daar de tijd of zin niet voor hebt, dan is een Starter Template ideaal. 

De starter templates van Kadence

Deze Starter Templates zijn volledige websites waarbij je slechts de tekst en afbeeldingen hoeft aan te passen.

Een Starter Template kies je op de volgende manier. Ga naar Plugins » Add New Plugins » Nieuwe plugin). Type nu in de zoekbalk “Kadence Starter Templates” in.   

Zoeken naar Kadence starter templates

Klik nu op Install Now (Nu installeren).

Kadence starter template activeren

En vervolgens op Activate (Activeren).

Kadence Starter Template activeren

Klik nu op View Template Library

Kadence bekijk Template Library

En kies voor de Gutenberg optie.  

Kiezen tussen Gutenberg of Elementor

Nu zie je een overzicht van alle beschikbare Starter Templates. Klik op een van de afbeeldingen om de volledige site te kunnen zien. Je kunt hier het kleurenschema en het lettertype aanpassen, en navigeren naar de verschillende pagina’s.

Kadence Starter Template kiezen in WordPress dashboard

Zodra je een site hebt gevonden die je aanspreekt, klik op Full Site linksonder op je scherm onder Import Options.

Kadence Starter Template importeren

Klik nu op Start Importing

Starter Template importeren Kadence

En… zo eenvoudig is het om een prachtige website online te zetten. Je kunt hem bekijken door linksboven in de WordPress dashboard met je muis over de naam te gaan en op Visit Site (Site bekijken) te klikken. 

In de volgende hoofdstukken ga ik je alles vertellen over WordPress instellingen, hoe je pagina’s verwijdert, toevoegt en aanpast, hoe je je eigen logo uploadt, en meer.

6. Voeg pagina’s (pages) en berichten (posts) toe in WordPress

In dit hoofdstuk ga ik je laten zien hoe pagina’s (pages) en berichten (posts) toevoegt aan je website.

Maar laten we eerst eens kijken naar het verschil tussen de twee. Ze lijken namelijk niet zo verschillend binnen het WordPress dashboard, of zelfs op je site.

Wat is het verschil tussen pagina’s en berichten?

Binnen WordPress gebruik je pagina’s voor onderdelen van je site zoals je homepage, over ons pagina of contact-pagina. Dit zijn pagina’s waar je volledige controle over wilt kunnen hebben en van kop tot staart wilt kunnen aanpassen. Deze pagina’s hebben meestal geen datum of auteurs sectie.  

Berichten verschijnen in omgekeerd chronologische volgorde (nieuwste berichten bovenaan) op je site. Deze berichten zie je verschijnen op je blog pagina. Je kunt ze huisvesten onder een bepaalde categorie en er tags aan verbinden. 

Gebruik je WordPress als een weblog, dan zal de meerderheid van je site uit berichten bestaan. Dit artikel wat je nu leest, is een bericht. 

Ben je een freelancer die WordPress gebruikt om je diensten te promoten en beschrijven, dan zal je wellicht meer op pagina’s leunen.

Berichten vallen binnen een template. Als ik de lay-out van de bovenkant van dit bericht bijvoorbeeld aanpas, waar je m’n datum en naam ziet, dan worden deze veranderingen doorgevoerd op alle artikelen. 

Een pagina daarentegen is een blank canvas waarmee je niet aan een template vast zit. 

Pagina’s en berichten toevoegen, bewerken en verwijderen

Je kunt je pagina’s managen door naar Pages » All Pages (Pagina’s » Alle Pagina’s) te navigeren. 

WordPress pagina's

Als je op Add New (Nieuwe pagina) klikt, dan maak je een nieuwe pagina aan. Door met je muis over een pagina heen te zweven, kun je deze bewerken (Edit), verwijderen (Trash / Prullenbak) of bekijken (Preview).

De berichten sectie in het WordPress dashboard oogt nagenoeg hetzelfde. Hier navigeer je heen door op Posts » All Posts (Berichten » Alle berichten) te klikken.

WordPress berichten

Pagina’s en berichten maken en bewerken

Nu ga ik je kort uitleggen hoe je pagina’s en berichten bouwt en bewerkt in WordPress.

Allereerst, klik op de Edit (Bewerken) knop onder de Homepagina.

Front page bewerken WordPress

Om de tekst aan te passen, hoef je slechts op de tekst te klikken en te beginnen met typen.

Tekst aanpassen in Gutenberg

Wil je een knop aanpassen, dan klik je erop, pas je de tekst aan en plak je er een link in van de pagina waar je je bezoeker heen wilt sturen. Klik vervolgens op Apply (Toepassen).

Knop aanpassen in Gutenberg

Om een afbeelding aan te passen, klik op de afbeelding en vervolgens op het pennetje.

Afbeelding aanpassen in Gutenberg

Klik daarna op Add to gallery (Aan galerij toevoegen) en voeg de afbeelding of afbeeldingen toe die je wilt gebruiken. 

WordPress add to gallery

Je kunt vervolgens de pagina opslaan via de Update (Updaten) knop rechts boven. Via Preview (Voorbeeld) kun je vervolgens zien hoe de pagina er voor je bezoekers uitziet.

WordPress updaten en voorbeeld

Met een paar van deze eenvoudige aanpassingen ziet deze pagina er nu als volgt uit: 

Voorbeeld WordPress website met Kadence gemaakt

Al met al heeft het me niet meer dan een paar minuten gekost om de tekst, afbeeldingen en knop naar m’n eigen wensen aan te passen. 

Om elementen te verplaatsen, kun je klikken de pijltjes of via de 6 puntjes het oppakken en verslepen. Wil je delen van de pagina verwijderen, selecteer dan de 3 puntjes en kies vervolgens voor Remove Block (Verwijder blok).  

In Gutenberg blokken verplaatsen

Om een actie ongedaan te maken, klik je op het pijltje naar links bovenaan de pagina.

WordPress Gutenberg actie ongedaan maken

Er is nog veel meer te laten zien betreft het aanpassen en maken van pagina’s. En wil je echt pagina’s from scratch bouwen, dan gaat je dit ten minstens een paar volle dagen kosten om in de vingers te krijgen. 

Het valt buiten de kaders van deze handleiding om heel erg de diepte in te gaan op dit vlak. Maar als je specifieke vragen hebt of dingen waar je tegenaan loopt, dan kun je altijd een bericht hieronder achterlaten.

7. De systeemaanpasser (theme customizer) van WordPress

Nu gaan we kijken naar de theme customizer van WordPress.

Hiermee kun je een logo aan je site toevoegen (geen zorgen als je er nog geen hebt, ik laat je later in deze handleiding zien hoe je gratis een prachtig logo kunt ontwerpen), de kleurstelling van je site aanpassen, het lettertype veranderen en een navigatiemenu ontwerpen.

Het aantal opties dat je krijgt in de theme customizer verschilt per theme. Maar als je Kadence gebruikt, zal je zien dat het er veel zijn. 

Ik ga je hieronder een paar van de belangrijkste onderdelen van de theme customizer laten zien.

Allereerst, navigeer naar Appearance » Customize (Weergave » Customizer). Nu zie je een lijst met General, Header, Footer, et cetera (dit onderdeel is enkel in het Engelstalig beschikbaar met de Kadence theme, daarom ontbreken de vertalingen).  

WordPress theme customizer

Kleurinstellingen 

Ga naar General » Colors. Hier zie je het Global Palette wat de kleurstelling van je hele website aanstuurt. Het handige hieraan is dat je niet voor elk element (zoals tekst, of knoppen) van je site telkens opnieuw de kleuren hoeft uit te zoeken.

De eerste twee kleuren zijn accenten. Deze springen eruit en worden toegepast op onder anderen je knoppen en links. Deze kleuren zul je het minste op je website terugzien. De volgende 4 kleuren zijn contrastkleuren en worden meestal toegepast op tekst. De verschillende tinten helpen een hiërarchie tussen verschillende soorten tekst te creëren. De laatste drie kleuren zijn voor de achtergrond van je site. Dit artikel van Kadence gaat hier dieper op in.

De kleuren pas je aan door erop te klikken en vervolgens een kleur te kiezen. 

Kleurenpalet aanpassen in Kadence

Het Kadence theme heeft al een paar kleurenpaletten voor je voorbereid. Zo hebben ze naast het standaard lichte palet, ook een donker kleurenpalet wat je met één klik kunt instellen. 

Ander kleurenpalet kiezen in Kadence

Lettertype instellingen 

Om het lettertype van je site aan te passen ga je naar General » Typography. Hier zie je een aantal verschillende lettertypes die je aan kunt passen. Dit is wat ze betekenen. 

  • Base Font. De standaardtekst die wordt toegepast op de meeste tekst van je site, zoals de content van je blog artikelen
  • Heading Font Family. Het lettertype van al je verschillende titels
  • H1 Font. De titel van je pagina. Elke pagina op je site hoort maar één H1 titel te hebben
  • H2 Font. De meest uit het oog springende kopjes van je pagina
  • H3 Font. Wil je een stuk tekst wat onder een H2 kopje staat indelen onder meerdere subkopjes, dan gebruik je H3
  • H4 Font. Wil je een stuk tekst wat onder een H3 kopje staat indelen onder meerdere subkopjes, dan gebruik je H4
  • Bovenstaande geldt ook voor H5 en H6

Als je deze lettertypes aan wilt passen, dan klik je op de knoppen die je ernaast ziet staan. Zo kun de kleur aanpassen, het lettertype, het soort tekst (bijvoorbeeld schuin) en de grootte (ik raad je aan minimaal 16 te kiezen voor de Base Font – kies je minder dan dat wordt je tekst moeilijk leesbaar).

Lettertype aanpassen in Kadence

Logo toevoegen

Ga naar Site Identity » Site Title and Logo Control

Logo aanpassen in WordPress

Klik hier op Change logo. Vervolgens kun je je eigen logo uploaden. Via Logo Max Width kun je de grootte van je logo bepalen.

Navigatiemenu aanpassen

Het navigatiemenu bovenaan je website kun je aanpassen via Menus in de Theme Customizer. Klik nu op het bovenste menu dat je ziet. 

WordPress menu aanpassen

Hier kun je je navigatiemenu aanpassen. Pas de volgorde van de items in je menu aan door een pagina op te pakken en verslepen. 

Door op Add Items te klikken kun je eenvoudig pagina’s (pages) of berichten (posts) aan je navigatiemenu toevoegen.  

Pagina's toevoegen aan WordPress menu

Er zitten nog veel meer dingen in de theme customizer die je aan kunt passen. Je kunt hiermee je site volledig een eigen identiteit geven. Het is de moeite waard om de verschillende opties te bekijken en een beetje te experimenteren met de verschillende mogelijkheden. Echter, de standaardinstellingen van Kadence bieden je al een geweldig design. Je kunt alles dus ook gewoon laten zoals het is.   

Wanneer je klaar bent met het doen van een aanpassing in de Theme Customizer, klik je op Publish. Hiermee sla je de aanpassing die je hebt gedaan op, en wordt deze direct op je website gepubliceerd.

Veranderingen theme customizer publiceren

8. Volgende stappen: plugins, afbeeldingen, Google Analytics en meer

Allereerst, het is fantastisch dat je zover met deze handleiding bent gekomen. In dit laatste hoofdstuk gaan we de puntjes op i zetten.

We gaan o.a. kijken naar plugins, hoe je aan afbeeldingen komt en wat de must-have analytische tools zijn.

We hebben al ontzettend veel besproken over het maken van een WordPress website. Je weet nu hoe je hosting voor je site opzet, een domeinnaam registreert en een WordPress thema installeert. Je snapt hoe je pagina’s en berichten toevoegt en wat het verschil tussen deze is. Ook weet je nu precies hoe je je site kunt personaliseren via de theme customizer. 

Het moeilijkste is nu achter de rug. Er is natuurlijk nog veel te leren over het maken van een WordPress website, maar de fundering staat er. 

In dit hoofdstuk gaan we het hebben over een aantal dingen die je WordPress website naar het volgende level kunnen tillen. Plugins, het up-to-date houden van je site en waar je gratis afbeeldingen kunt vinden komen allemaal aan bod. Ook laat ik je zien hoe je gratis een mooi logo voor je site kunt ontwerpen. 

Verder gaan het het hebben over Google Analytics en Google Search Console, en deel ik links naar praktische vervolghandleidingen over SEO, copywriting, website design en hoe je een webshop toevoegt aan je site.

WordPress plugins

WordPress plugins zijn programmaatjes die je in je website klikt die extra functionaliteit toevoegen. Denk hier aan een plugin die je site beveiligd, je site verandert in een ecommerce shop of je site sneller maakt.

Wanneer je een plugin installeert, let dan op het volgende:

  • Wanneer is de plugin voor het laatste ge-update? Als dit langer dan 5-6 maanden geleden is, is de kans vrij behoorlijk dat de developer de plugin niet meer onderhoudt. Dat wil je niet hebben
  • Wat zeggen de beoordelingen? Veel lage beoordelingen zijn een voordehand liggende rode vlag. Kies plugins die overwegend tevreden gebruikers hebben

Ik ga je hier laten zien hoe je een plugin installeert en welke plugins ikzelf voor m’n websites gebruik. 

Hoe installeer je een plugin

Om een plugin te installeren, navigeer naar Plugins » Add New (Plugins » Nieuwe plugin). Vervolgens kun je plugins die je op je PC hebt gedownload uploaden via de Upload Plugin (Nieuwe plugin) knop. De meeste plugins kun je echter gewoon installeren via WordPress zelf. Je doet dit via de Search plugins (Plugins zoeken) zoekfunctie.  

Plugin toevoegen in WordPress

Ik zal je laten zien hoe dit precies werkt door een plugin te installeren die iedere website nodig heeft: Loginizer. Deze plugin maakt het hackers bijzonder lastig om in te breken op je site.

Type allereerst Loginizer in de zoekbalk. Vervolgens, klik op de Install Now (Nu installeren) knop.  

Loginizer installeren

Zodra de plugin is geïnstalleerd, klik op Activate (Activeren) om de plugin ook daadwerkelijk op je site te gebruiken.  

Loginizer activeren

Wat je nu ziet is dat de plugin verschijnt in de linkerbalk van het WordPress dashboard.

Loginizer in linkermenu WordPress dashboard

Klik op de naam van plugin om de instellingen ervan aan te passen.

Plugins die ikzelf gebruik

Hieronder vind je een overzicht van de plugins die ik gebruik voor het gros van m’n sites:

  • Block Navigation (gratis). Een plugin waarmee je Gutenberg Editor – waarmee je in WordPress berichten en pagina’s bouwt – gemakkelijker kunt gebruiken
  • Kadence Blocks (gratis). Deze gratis plugin laat je praktisch iedere webpagina in elkaar zetten die je maar bedenken. Als je eerder al de Kadence Starter Templates hebt geïnstalleerd, dan staat deze plugin al op je website  
  • Kadence Blocks – PRO extension en Kadence Pro Premium addon (betaald). De betaalde versie van Kadence Blocks en de Kadence theme. Biedt extra features t.o.v. de gratis versie
  • Loginizer (gratis). Dit is een plugin die je beschermt tegen brute force aanvallen van hackers door een IP te blokkeren na een bepaald aantal inlogpogingen
  • Post duplicator (gratis). Laat je berichten en pagina’s kopiëren 
  • Rank Math SEO (gratis). De beste all-in-one SEO plugin die er is. Bevat features die voorheen verspreid waren over vele SEO-tools 
  • SG Optimizer (gratis). Zit inbegrepen bij SiteGround. Zorgt ervoor dat je website zo snel mogelijk laadt. Gebruik je een andere host dan SiteGround, gebruik dan WP Rocket (betaald) 

Het is goed mogelijk dat je nog een hele zwik andere plugins nodig hebt om je site de functionaliteit te geven die je nodig hebt. Bekijk hier onze favoriete WordPress plugins opgedeeld aan de hand van verschillende categorieën.

Bedenk wel: hoe minder plugins je gebruikt, hoe beter. Meer plugins betekent over het algemeen dat je een grotere kans hebt op problemen met je website. Ook kunnen plugins je site zwaarder maken en daarmee vertragen. 

Installeer dus alleen de plugins die je echt nodig hebt, en verwijder de plugins die je niet meer gebruikt.    

Updates

Door WordPress’ populariteit is het een populair doelwit van hackers. Volgens Sucuri worden 44% van alle succesvolle aanvallen veroorzaakt door achterhaalde WordPress installaties. De rest komt vooral door slecht beveiligde plugins of achterhaalde versies van plugins.

Gelukkig is het zeer eenvoudig om je WordPress site up-to-date te houden. Hieronder laat ik je zien hoe je dit doet voor je WordPress installatie, je theme en je plugins.

WordPress en je theme up-to-date houden

Om je WordPress installatie en je theme up-to-date te houden navigeer je na naar Dashboard » Updates. Wanneer een van deze twee niet meer up-to-date is, zie je dit direct in je dashboard door middel van een notificatie. 

WordPress updates

In deze sectie van het WordPress dashboard zie je automatisch welk aspect van je WordPress site je moet updaten. Je kunt dit doen met één druk van de knop. 

Plugins up-to-date houden

Om je plugins te updaten, ga je naar Plugins » Installed Plugins (Plugins » Geïnstalleerde  plugins). Wanneer een plugin niet meer up-to-date is zie je dat onder het kopje Automatic Updates (Auto updates). Hier kun je overigens ook (bij sommige webhosts, waaronder SiteGround) ervoor kiezen om automatische updates aan te zetten. Ikzelf doe dit bij al m’n plugins op al m’n sites.

WordPress plugins updaten

Echter, er bestaat altijd een (zeer kleine) kans dat een nieuwe versie van een plugin een deel van je site breekt. Maak je je hier zorgen over, stel deze optie dan niet in, en zorg dat je je plugins handmatig update. En maak een backup van je site voordat je nieuwe versies van je plugins installeert.

Afbeeldingen voor je website

Afbeeldingen maken je site levendiger en interessanter voor je bezoekers. Je kunt je eigen foto’s gebruiken, maar dit is niet altijd praktisch. Soms wil je natuurlijk iets weergeven wat je zelf niet 1 2 3 op de gevoelige plaat kunt vangen. 

Bedenk ook dat je niet zomaar de eerste de beste afbeelding van Google plukken, omdat op de meeste van deze afbeeldingen auteursrecht rust. 

Gelukkig zijn er een aantal sites die gratis prachtige afbeeldingen en video’s bieden vrij van copyright. Dit zijn m’n favorieten:

  • Freepik (voor foto’s en vector afbeeldingen)
  • Pexels (voor foto’s en video’s)
  • Pixabay (voor foto’s)
  • AllTheFreeStock (voor van alles en nog wat, waaronder geluidseffecten)

Bedenk wel dat wanneer je geen betaald lidmaatschap op deze sites hebt, je in veel gevallen een bronvermelding moet toevoegen.

Google Analytics en Google Search console

Google Analytics is een gratis webanalyse tool waarmee je je websiteverkeer kunt bijhouden en analyseren. Je kunt Google Analytics aan je site toevoegen via een stukje code, maar het is veel eenvoudiger hier een plugin voor te gebruiken. De Rank Math plugin die we hierboven bespreken laat je Google Analytics automatisch toevoegen aan je website. 

Google Search Console rapporteert hoeveel organisch verkeer je website aantrekt, geeft een overzicht van je performance en laat je problemen van je website oplossen. Deze handleiding van Google legt je precies uit hoe je Google Search Console installeert. 

Google Analytics en Google Search Console zijn beide zeer belangrijke tools voor iedere webmaster.

Logo voor je website

Er zijn ook een paar fantastische diensten waarmee je snel en gemakkelijk een logo kunt regelen voor je site. Hieronder vind je m’n favoriete opties.

Gratis logo ontwerpen

Via FreeLogo Design kun je een uitstekend logo ontwerpen binnen enkele minuten. Tik de naam van je site in, kies het soort logo dat je zoekt, en je kunt vervolgens kiezen uit een breed scala aan logo’s. Binnen een paar klikken kun je de kleuren van je logo aanpassen en andere veranderingen toepassen.

Je krijgt hiermee een enigszins generiek logo, maar als je net begint is dit meer dan prima.

Gebruik 99Design voor professioneel logo ontwerp

Als je een uniek, professioneel logo wilt voor je site (en/of onderneming) dan raad ik je aan gebruik te maken van 99Designs. 

99Designs is een platform voor grafische ontwerpers. Je kunt een ontwerper direct aanschrijven die je aanspreekt, of je kunt een designwedstrijd opzetten. Ikzelf heb van beide opties gebruik gemaakt en ben ontzettend tevreden met de designs die hieruit zijn gekomen. In dit artikel vertel ik je alles wat komt kijken bij het opzetten van een 99Designs wedstrijd.  

SEO: zorg dat je website gevonden wordt

Nadat je website online staat, wil je natuurlijk dat mensen hem kunnen vinden via Google. Hiervoor moet je het een en ander snappen van SEO (Search Engine Optimization).

Over SEO zijn bakken aan informatie beschikbaar. Behoorlijk wat van deze informatie spreekt elkaar tegen. Dat maakt het als beginner lastig om je wegwijs te maken binnen deze wereld.

Wat betreft SEO hou ik mezelf aan de volgende stelregels:

  • Ik geloof niet in SEO trucjes en focus me in de eerste plaats op het toevoegen van waarde voor m’n bezoekers
  • Wat voor de ene website of niche werkt hoeft niet voor de andere website of niche te werken. Wat ik ook over SEO lees, ik neem niets aan als gospel en beschouw alles met een kritische blik

Die eerste regel zorgt er voor dat je website ook de lange termijn bezoekers van Google zal blijven krijgen. Die tweede regel houdt m’n SEO koers scherp en zorgt dat ik altijd goed nadenk over het “waarom” achter het uitvoeren van m’n SEO activiteiten.

Ik geloof dat de volgende SEO strategie in de kern het beste werkt voor de meeste websites:

  • On-page SEO 1.0 tot in de puntjes op orde hebben
  • Echt goede content maken die aansluit op de zoekintentie van de gebruiker
  • Relevante individuen en veel bezochte websites bewust maken van deze content om zo sterke backlinks te vergaren

Bekijk onze SEO handleiding voor meer over dit onderwerp. Daar leg ik bovenstaande termen ook in detail uit.   

Copywriting: je tekst kan het verschil maken tussen een verkoop en met lege handen staan

Het schrijven van goede teksten voor je website is een vak apart. Het is een kritieke vaardigheid voor het slagen van je site: met ineffectieve copywriting ga je weinig verkopen maken. Daarom is het slim te investeren in goede copywriting.

Copywriting kun je als volgt definiëren:

Het is het schrijven van overtuigende tekst die lezers inspireert tot het ondernemen van actie. Dit kan zijn het kopen van iets, een email adres geven, geld schenken of op een knop drukken. Je vindt copywriting terug op sales pagina’s, advertenties, blog artikelen en social media berichten.

Lees onze copywriting handleiding om je website copywriting skills naar het volgende niveau te tillen.  

Website design

Gebruik je een van de Kadence starter templates, of een andere kant-en-klare WordPress theme voor je website, dan hoef je je met website design niet veel bezig te houden.

Maar ga je zelfs eigen pagina’s of zelfs een volledige website zelf ontwerpen en bouwen? Dan is het snappen van webdesign basisprincipes een vereiste.

Website design is super belangrijk voor het succes van je site. Mensen vellen een oordeel over je website in 50 milliseconden. Vaak is dit al genoeg om te besluiten of ze webpagina gaan lezen of terug zullen klikken naar de zoekresultaten.

Gelukkig volgen alle goed ontworpen websites een aantal universele principes die je je vrij vlot eigen kunt maken.

Bekijk onze webdesign handleiding voor meer informatie over dit onderwerp.  

Webshop toevoegen

We hebben ons in deze handleiding slechts toegelegd op het maken van een statische content site met WordPress. Gelukkig kun je dankzij een gratis plugin, WooCommerce, gemakkelijk een webshop toevoegen aan je site.

Net als voor WordPress zelf heb je ook hier geen technische kennis voor nodig. WooCommerce is een veilige, betrouwbare manier om online producten te verkopen. Het werkt ook met populaire betaalmethodes zoals iDeal.

In onze WooCommerce handleiding laat ik je stap-voor-stap zien hoe je een webshop met WooCommerce bouwt.  

Afsluitend

Gefeliciteerd met het afronden van deze handleiding! Het zelf kunnen maken van een WordPress website is een ontzettend waardevolle vaardigheid. Ik weet zeker dat je er veel aan gaat hebben.

Het mooie van het proces wat hier uit de doeken is gedaan, is dat je het helemaal zelf kan doen en niemand hoeft in te huren. Je eigen website maken met WordPress is met stip de meest budgetvriendelijke manier om een website de lucht in te krijgen.

Nu wil ik het woord aan jou geven. 

Is er iets dat je wilt weten aan het maken van een WordPress website wat je niet in deze handleiding kon terugvinden? Of heb je nog vragen over iets wat je in deze WordPress uitleg bent tegengekomen? 

Laat dan hieronder een bericht achter.

6 Comments

  1. Top artikel. Ik was al aan het zoeken naar een goede Nederlandse WordPress handleiding om te delen met een paar bekenden die hun eerste WordPress site willen maken. Dit is perfect. 🙂

  2. Iris van der Plas schreef:

    Klinkt als een interessant WordPress theme dat Kadence, ik had er nog niet van gehoord. Als ik het goed begrijp heb ik dan dus geen page builder zoals Elementor nodig?

    Fijn ook dat het een gratis theme is.

    1. Hi Iris, Kadence is een vrij nieuwe WordPress theme. Daarom is het nog niet zo bekend. 🙂

      Wanneer je het combineert met de Kadence Blocks plugin heb je inderdaad geen page builder zoals Elementor nodig. Dat zorgt er weer voor dat je site een stuk sneller is.

  3. Ik wilde al een tijdje een WordPress website maken maar heb het steeds voor me uitgeschoven. Toch maar begonnen toen ik deze handleiding vond. Dankjewel! Het was super makkelijk te volgen en ik heb nu een prachtige website online staan.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *