Je WordPress website maken in 7 stappen

Leer stap voor stap je eigen WordPress website maken. Deze gratis tutorial is voor beginners zonder ervaring en bestaat uit 20 korte instructievideo’s. Als je dit stappenplan volgt, heb je meteen ook een zeer goede basis om hoog te scoren in Google!

Tot voor Corona gaf ik maandelijks WordPress-workshops voor zelfstandigen in Gent. Sinds Corona heb ik deze cursus gratis ter beschikking gesteld. Ondertussen gingen meer dan 1.000 cursisten je voor!

Na het volgen van dit stappenplan heb je je eigen professionele website gemaakt die je zelf eenvoudig kan aanpassen.

• Je hebt geen ervaring nodig, deze WordPress handleiding is ideaal voor beginners
• Aan de hand van 20 korte video’s leer je op je eigen tempo met WordPress werken
• Je leert ook de basis van SEO zodat je website goed vindbaar zal zijn in Google!
• Ik gids je langs enkele struikelblokken zodat je snel resultaat behaalt!

De video’s zijn afkomstig van mijn vorige website bloksy.digitaalgroeien.be/. Vandaar dat af en toe bloksy.digitaalgroeien.be/ staat vermeld.

Voordelen van een WordPress website

• WordPress is gratis, je hoeft enkel te betalen voor je domeinnaam en webhosting
• Maak zoveel pagina’s als je wil
• Voeg de functionaliteiten toe die jij nodig hebt
• Een WordPress-website scoort standaard al goed in Google!

Wat leer je maken met deze tutorial?

Je leert in 7 stappen een professionele WordPress website maken die je nadien gemakkelijk kan aanpassen en uitbreiden.

De website die je tijdens deze handleiding leert maken bevat 4 pagina’s:

• Home (overzicht van wat je website te bieden heeft)
• Diensten-pagina (waarvoor kan men bij jou terecht?)
• Over ons / mij (deze pagina is cruciaal om vertrouwen op te wekken bij je bezoekers)
• Contact (een eenvoudige maar duidelijke contact-pagina)

Heb je meer pagina’s nodig of een andere layout? Geen probleem, tijdens deze WordPress handleiding leer je hoe je dit zelf kan aanpassen.

STAP 1: registreer je domeinnaam en webhosting

WordPress zelf is gratis, maar je hebt altijd een domeinnaam en webhosting nodig. Ook als je je website zou laten maken door een webdesigner. Hiervoor betaal je een jaarlijks bedrag.

Combell WordPress hosting

Ik ben zelf al meer dan 20 jaar klant bij Combell, zowel voor mijn eigen websites als die van mijn klanten.

Combell biedt hosting aan specifiek voor WordPress.

Hoeveel kost het?

Het eerste jaar krijg je een gratis domeinnaam en een grote korting op je webhosting. Daardoor betaal je slechts €5,99 / maand (of ongeveer €72 / jaar) excl. btw. Bovendien hanteert Combell een “niet tevreden, geld terug”-garantie tot 90 dagen na aankoop. Zo kan je volledig risicoloos uittesten of WordPress iets voor jou is.

👉 Klik hier voor een overzicht van de WordPress-pakketten bij Combell

Tip: het goedkoopste WordPress-pakket volstaat ruimschoots voor websites van zelfstandigen!

STAP 2: inloggen in WordPress + kennismaking met het Dashboard

In deze video leer je volgende zaken:

• Het verschil tussen het publieke gedeelte (front-end) en het beheergedeelte (back-end) van je website (dit klinkt misschien ingewikkeld, maar eigenlijk is het heel simpel!)
• Hoe je inlogt op het beheergedeelte van je website
• De verschillende onderdelen en instellingen in WordPress
• Hoe ga je van het beheergedeelte naar de publieke website

STAP 3: de layout van je website aanpassen

Inleiding

In deze stap-voor-stap WordPress handleiding leer je een WordPress website maken met het gratis thema “Chaplin”. Met dit gratis thema kan je een mooie, professionele website bouwen. Bovendien is dit thema voorzien van voldoende opties om het lettertypes en kleuren op een eenvoudige manier aan te passen.

Het is wel belangrijk dat je weet dat per thema de opties anders zijn: ga je een WordPress website maken met een ander thema, dan zullen de opties dus een beetje verschillen.

Installeer en activeer een nieuw, gratis, thema

1. Selecteer “Weergave” > “Thema’s” in het linker menu
2. Klik bovenaan op de knop “Nieuw thema toevoegen” en zoek (rechts) op “Chaplin”
3. Zoek “Chaplin” en klik op de blauwe knop “Installatie”
   Verkies je een andere lay-out, kies dan gerust een andere lay-out. Maar wees je er van bewust dat de opties verschillen per thema. 
4. Eens geïnstalleerd, klik je op de blauwe knop “Activeren”

Pas de lay-out van je website aan

Je vindt de opties van dit thema via “Weergave” > “Customizer” > “Thema opties” in het linker menu.

De opties die je vindt onder “Customizer” variëren van thema tot thema. Kies je een ander thema, dan zullen de opties verschillen van dit thema.

Kies een kleurenschema

In de Customizer vind je een optie “Thema opties” >“Kleurenschema’s”.

Selecteer hier het kleurenschema dat het best bij je verwachtingen past. Wil je dit verder verfijnen, dan kan in de Customizer kiezen voor de optie “Kleuren”.

Je kan dit steeds wijzigen. Wijzigingen zullen doorgevoerd worden op je hele website.

Kies een lettertype om je website uniek te maken

Uiteraard wil je een WordPress website maken die er uniek uit ziet. Een ander lettertype wijzigt de layout van je website meteen!

Je hebt keuze uit tientallen lettertypes om te gebruiken op je website. Ga in de Customizer naar “Thema opties” > “Lettertypen”. Hier kan je een lettertype voor de gewone tekst en een lettertype voor de koppen (titels en subtitels) kiezen. Neem een kijkje op fonts.google.com om een lettertype te kiezen.

Je kan dit steeds wijzigen. Wijzigingen zullen doorgevoerd worden op je hele website.

Hoofding van je website

Selecteer in de Customizer de optie “Thema opties” >“Header website”. Hier heb je 3 opties. Voor een goed leesbare website vink je deze alle 3 aan. Vink alvast volgende opties aan:

• Uitschakelen zoekknop
• Schakel menumodus op desktop uit

Weergave afbeelding homepage (Omslag thema)

In de Customizer, onder “Thema opties” >“Omslag-thema”, kan je bepalen hoe de grote afbeelding op je home-pagina er uit zal zien.

Wanneer je start, maak je best gebruik van volgende instellingen:

• Kleur bedekking achtergrondafbeelding: Zwart (#000000)
• Tekstkleur bedekte afbeelding: Wit (#ffffff)
• Dekking afbeelding mengmodus: Normaal
• Transparantie afbeelding: 30%

Eens je home-pagina klaar is, probeer je best ook eens andere combinaties.

Sla je wijzigingen op

Klik bovenaan de Customizer op de blauwe knop “Publiceren” om je wijzigingen op te slaan.

STAP 4: voeg extra functionaliteiten (plugins) toe aan je website

Natuurlijk wil iedereen een andere WordPress website maken. Naast een andere layout kan je ook kiezen welke functionaliteiten je website nodig heeft. Hiervoor gebruiken we plugins.

Plugins zijn kleine stukjes software die extra mogelijkheden aan je website toevoegen. Dat kunnen kleine zaken zijn (de optie om gemakkelijk een pagina te kopiëren) of uitgebreide mogelijkheden (zoals het toevoegen van een complete webshop met WooCommerce).

Zo installeer je een plugin

In de volgende video leer je Yoast SEO installeren. Yoast SEO is een gratis plugin die ervoor zorgt dat je website véél beter gevonden wordt in Google!

Installeer en activeer volgende plugin via “Plugins” > “Nieuwe plugins”:

Yoast SEO

Algemene configuratie van Yoast SEO

Yoast SEO verbetert je SEO op verschillende vlakken. Voor een goede werking is het belangrijk dat je eerst de wizard doorloopt.

Om de wizard op te starten ga je naar “SEO” > “Algemeen” in het linker menu. Klik op de link “Configuration wizard”. Volg de stappen in de wizard.

STAP 5: voeg nieuwe pagina’s toe

In WordPress kan je zoveel pagina’s toevoegen als je nodig hebt. In deze WordPress handleiding leer je een WordPress website maken met 4 pagina’s, maar uiteraard kan je zelf nog zoveel pagina’s toevoegen als je nodig hebt.

Voor je start…

Zo maak je een nieuwe pagina aan

In onderstaande video leer je hoe je een nieuwe pagina maakt in WordPress.

Zo voeg je inhoud toe via de WordPress editor

In onderstaande video leer je tekst en andere inhoud voeren in WordPress.

Zo voeg je een afbeelding in in WordPress

In onderstaande video leer je een afbeelding toevoegen in WordPress. Tevens leer je waar je op moet letten om je afbeelding te optimaliseren voor Google (zodat je pagina hoger scoort in Google!).

Zo voeg je een link toe in WordPress.

In onderstaande video leer je een hyperlink invoegen.

Zo verwijder je een pagina

In onderstaande video leer je hoe je een pagina verwijdert in WordPress.

Je diensten-pagina

Werkwijze

In onderstaande video leer je hoe je een diensten-pagina toevoegt.

1. Maak een nieuwe pagina aan via “Pagina’s” > “Nieuwe pagina” in het linker menu.
2. Geef bovenaan een paginatitel in
3. Voet met behulp van de blok-editor de nodige inhoud toe.
4. Indien mogelijk, maak gebruik van tussenkopjes (H2)
5. Indien mogelijk, voeg minstens 1 afbeelding toe (TIP: je vindt gratis rechtenvrije afbeeldingen op pexels.com)
6. Publiceer je pagina: klik bovenaan rechts op de blauwe knop “Publiceer…”. Bevestig door te klikken op de blauwe knop “Publiceren”. Je pagina is nu opgeslagen én staat online! Bekijk het resultaat.

Je pagina een mooiere layout geven

Geef je pagina in enkele klikken een mooiere layout.

Pagina “Over ons” / “Over mij”

Inleiding

De pagina “Over ons” of “Over mij” vertelt iets meer over de persoon of personen achter de website. Dit wekt vertrouwen op voor je bezoeker en vergroot de kans dat je bezoeker actie gaat ondernemen op je website (bijvoorbeeld: contact opnemen met jou).

Op deze pagina zal een stukje tekst komen over jezelf met daarnaast een foto.

Werkwijze

In onderstaande video leer je hoe je een “Over ons” of “Over mij” pagina toevoegt.

1. Maak een nieuwe pagina aan via “Pagina’s” > “Nieuwe pagina” in het linker menu.
2. Geef bovenaan een paginatitel in: “Over mij”
3. Typ daaronder een eerste zin: Hallo, ik ben (je naam) en ik (vertel hier heel kort in 2 zinnen wat je doet).
4. Klik links bovenaan op het icoontje met het plusje en selecteer “Layout elementen” > “Media en tekst”. Er wordt nu een blokje met 2 kolommen toegevoegd. In het linker-blokje zal je zo meteen een afbeelding invoegen, in het rechter blokje zal je een korte tekst toevoegen.
5. In de linker kolom klik je nu op de knop “Uploaden” (als je een nieuwe afbeelding vanop je pc wil opladen) of “Mediabibliotheek” (als je een afbeelding wil invoegen die je reeds hebt opgeladen”. 
6. Klik in de rechter-kolom op “Inhoud…” en voeg tekst toe: schrijf hier bijvoorbeeld neer hoe je je klanten wil helpen, hoe jij het verschil kan maken.
7. In het menu bovenaan zijn er enkele opties. Zet de uitlijning eens op volledige breedte: klik op het 2de icoontje van links en kies dan voor de optie “Volledige breedte”. Dit geeft een mooi effect aan je pagina. Klik op het 4de icoontje om de afbeelding en de tekst van kolom te wisselen.
8. Publiceer je pagina: klik bovenaan rechts op de blauwe knop “Publiceer…”. Bevestig door te klikken op de blauwe knop “Publiceren”. Je pagina is nu opgeslagen én staat online! Bekijk het resultaat.

Pagina “Contact”

In onderstaande pagina leer je een eenvoudige “Contact”-pagina toevoegen aan je website.

1. Maak een nieuwe pagina aan via “Pagina’s” > “Nieuwe pagina” in het linker menu.
2. Geef bovenaan een paginatitel in: “Contact”
3. Typ daaronder je contactgegevens.
4. Publiceer je pagina: klik bovenaan rechts op de blauwe knop “Publiceer…”. Bevestig door te klikken op de blauwe knop “Publiceren”. Je pagina is nu opgeslagen én staat online! Bekijk het resultaat.

Pagina “Home”

Voor je start…

De Home-pagina moet een overzichtspagina zijn van wat er allemaal te vinden is op je website.

Wees er je van bewust dat bezoekers op basis van deze pagina in enkele seconden beoordelen of jij hen al dan niet kan helpen!

Werkwijze

In onderstaande video leer je een homepagina toevoegen aan je WordPress-website.

1. Maak een nieuwe pagina aan via “Pagina’s” > “Nieuwe pagina” in het linker menu.
2. Geef bovenaan een paginatitel in: dit mag jouw naam of de naam van je bedrijf zijn.
3. Selecteer in de rechter zijbalk de optie “Template volledige breedte met cover” onder de optie “Pagina-attributen” > “Template”. Onze pagina zal nu een volledige breedte innemen. Bovendien zal de afbeelding die je kiest onder “Uitgelichte afbeelding” als grote coverfoto getoond worden op je website.
4. Selecteer in de rechter zijbalk een “Uitgelichte afbeelding”. Dit mag een grote afbeelding zijn, maar zorg er voor dat deze afbeelding kleiner is dan 0,5 Mb! Kies een relevantie afbeelding die duidelijk maakt wat jij of je onderneming doet!
5. Onder de “Samenvatting” voeg je een korte omschrijving toe over je website of bedrijf. Deze tekst zal meteen zichtbaar zijn voor je bezoekers als ze op de home-pagina terecht komen.
6. Geef daaronder tekst in: vermeld kort welke diensten je aanbiedt en plaats daarbij een link naar de pagina “Diensten”.
7. Plaats onderaan ook een kort stukje tekst over jezelf en eindig met een link naar de “Over ons”-pagina.
8. Publiceer je pagina: klik bovenaan rechts op de blauwe knop “Publiceer…”. Bevestig door te klikken op de blauwe knop “Publiceren”. Je pagina is nu opgeslagen én staat online! Bekijk het resultaat.

Stel de home-pagina als hoofdpagina van je website in

Tot nu toe is deze “Home”-pagina een gewone pagina en toont de homepage van je website de meest recente blogberichten.

Om deze pagina als hoofdpagina in te stellen, doe je het volgende:

1. Ga via het linker menu naar “Instellingen” > “Lezen”
2. Bij “Jouw homepage toont” selecteer je “Een statische pagina”
3. Selecteer je nieuwe “Home”-pagina bij “Homepagina

STAP 6: stel het hoofdmenu in

Inleiding

In WordPress moet je het hoofdmenu van je website zelf instellen. Als je dat niet doet, worden alle pagina’s in het hoofdmenu geplaatst.

Werkwijze

In deze video leer je hoe je een menu toevoegt in WordPress.

1. Selecteer “Weergave” > “Menu’s” in het linker menu
2. Indien nodig, maak een nieuwe menu, geef dit een naam en sla dit op.
3. Voeg volgende pagina’s toe aan je menu aan deze volgorde:
   1. Homepagina (dat is de titel of korte omschrijving van je website).
   2. Diensten
   3. Over ons
   4. Contact
4. Klik op het pijltje naar beneden rechts van je homepage. Onder “Navigatielabel” schrijf je “Home”.
5. Onderaan, bij “Menu instellingen” kan je aanvinken waar dit menu getoond moet worden. Voor dit thema selecteer je “Hoofdmenu”.
6. Klik op de blauwe knop “Menu opslaan”.
7. Bekijk je website, je zal merken dat het menu nu aangepast is.

STAP 7: plaats je contactgegevens op iedere pagina (via widgets)

Inleiding

Als je bepaalde gegevens op alle pagina’s van je website in de footer of in een zijbalk wil tonen, dan ga je hiervoor gebruik maken van widgets.

Het voordeel van een widget is dat je deze maar 1x moet instellen, en dat deze dan op iedere pagina wordt getoond.

Het is ongelooflijk belangrijk dat je contactgegevens overal goed zichtbaar zijn op de website. Tenslotte wil je gecontacteerd worden door potentiële klanten.

Werkwijze

In onderstaande video leer je hoe je snel en eenvoudig je contactgegevens op iedere pagina kan toevoegen met behulp van widgets.

Hiervoor maken we gebruik van de widget “Voettekst #1”:

1. Selecteer “Weergave” > “Widgets” in het linker menu
2. Aan de linker-zijde van het scherm klik je op de widget “Tekst”, standaard is de widget-ruimte “Voettekst #1” geselecteerd
3. Klik op de blauwe knop “Widget Toevoegen”
4. De widget staat nu in de widget-ruimte “Voettekst #1”
5. Geef als titel “Contactgegevens” in, in het eigenlijke tekstveld geef je enkel je contactgegevens in
6. Klik op de blauwe knop “Opslaan” om dit op te slaan
7. Bekijk het resultaat, je contactgegevens zijn nu op iedere pagina terug te vinden

EXTRA: optimaliseer je website voor Google

In onderstaande video leer je de basis van SEO.

De plugin Yoast SEO is een enorm krachtige plugin die je live (!) tips geeft hoe je een pagina kan verbeteren.

Werkwijze

1. Bewerk je diensten-pagina (in het linker menu selecteer je “Pagina’s”, daarna klik je op je diensten-pagina)
2. Onderaan de pagina zie je de instellingen voor Yoast SEO voor deze pagina (enkel zichtbaar als Yoast SEO geïnstalleerd en geactiveerd is)
3. Klik op “Focus keyphrase”, er verschijnt nu extra informatie
4. In het veld “Focus keyphrase” vul je nu de belangrijkste term in voor die pagina
5. Op basis van dit keyword zal deze plugin de inhoud van de pagina scannen én tips geven over hoe je je pagina moet optimaliseren voor dit woord. Probeer de rode bolletjes zoveel mogelijk weg te werken.

Kies een goede pagina-titel

Nog bij Yoast SEO plugin, onderaan iedere pagina, kan je bepalen welke titel zoekers zullen zien in de zoekresultaten van Google. Let op, het is niet 100% zeker dat Google dit overneemt!

1. Klik op de blauwe titel onder “Snippet review”
2. Er verschijnt nu een veldje “SEO-titel”, de inhoud hiervan mag je leegmaken
3. Vul een betere titel in

Vul een aantrekkelijke omschrijving in

Nog bij de Yoast SEO plugin, onderaan iedere pagina, kan je bepalen welke inleidende tekst zoekers zullen zien in de zoekresultaten van Google. Deze tekst bepaalt voor een deel of zoekers al dan niet zullen doorklikken naar je website! Hecht hieraan dus het nodige belang. Let op, het is niet 100% zeker dat Google dit overneemt!

Dit doe je als volgt:

1. Klik op de grijze tekst onder “Snippet review”
2. Er verschijnt nu een veldje “Meta omschrijving”
3. Geef hier een korte inleidende tekst in

Inspiratie nodig? Zoek zelf in Google op de zoekterm die je opgaf en neem een kijkje bij de beschrijvingen van de advertenties helemaal bovenaan de zoekresultaten. Advertenties worden gemaakt door marketeers die hun advertenties constant finetunen met als doel meer te verkopen. Ze zijn dus zeer interessant om inspiratie op te doen.

Resultaat

Als je alles goed hebt gedaan, verschijnt er een groen gezichtje links naast “Focus keyphrase”. Klik bovenaan rechts op de blauwe knop “Bijwerken” om dit alles op te slaan.

Meer weten over WordPress SEO?

Lees dan zeker ook dit blogartikel met 5 simpele tips om je WordPress-website in Google te krijgen!

Enkele veelgestelde vragen