Website maken voor beginners – gratis online cursus WordPress

Website maken voor beginners - gratis online cursus WordPress

In deze online cursus leer je stap voor stap je eigen website maken met WordPress. Deze cursus is ideaal voor beginners en bestaat uit 20 korte instructievideo’s.

  • Met deze gratis online cursus leer je je eigen WordPress website maken
  • Je hebt geen ervaring nodig, deze 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!

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
  • Er is altijd iemand die je verder kan helpen!

Dit leer je maken

Docent website maken met WordPress - Stijn Mistiaen

Hallo, ik ben Stijn!

Ik heb deze handleiding zo opgebouwd dat je stap voor stap, op je eigen tempo, je eerste website leert maken in WordPress.

Het resultaat is een professionele website die je nadien gemakkelijk kan aanpassen en uitbreiden.

Klik op de afbeelding hieronder om een voorbeeld te zien van de website die je zal maken:

WordPress website maken - resultaat

Of bekijk een live voorbeeld van een andere website die gemaakt is via deze handleiding.

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 handleiding leer je hoe je dit zelf kan aanpassen.

STAP 1: kies je webhosting en domeinnaam

Voor je met WordPress kan starten, heb je een domeinnaam en webhosting nodig.

Domeinnaam = het adres van je website op het internet (vb: digitaalgroeien.be)

Webhosting of webruimte = de ruimte op het internet waar jouw website staat

Onze keuze: Managed WordPress hosting van Combell

Heb je reeds webhosting met WordPress voorgeïnstalleerd? Dan zit je goed! Heb je nog geen webhosting? Dan raad ik je Managed WordPress hosting van Combell aan, zeker als je een website voor je professionele activiteiten wil maken.

Managed WordPress hosting van Combell biedt volgende voordelen:

  • WordPress is reeds voorgeïnstalleerd, je hoeft dit zelf niet meer te doen
  • Je kan meteen van start na je aankoop! Je hoeft dus niet te wachten.
  • 24/7 telefonische support in het Vlaams / Nederlands, ook in het weekend en op feestdagen
  • Zorgeloos: Combell zorgt voor automatische updates, automatische backups & een uitstekende beveiliging (én nog veel meer)!
  • 90 dagen niet-tevreden-geld-terug garantie!

Het goedkoopste pakket, Managed Business, volstaat ruimschoots voor de meeste websites en webshops.

Ontdek hier alle voordelen van Managed WordPress hosting voor jouw website!

Zo bestel je Managed WordPress hosting bij Combell

Klik hier voor meer informatie over Managed WordPress hosting van Combell.

Heb je een beperkt budget?

Neem dan zeker ook een kijkje bij One.com. One.com biedt WordPress hosting aan scherpe tarieven. Wil je op een eenvoudige manier met WordPress aan de slag, kies dan voor het Explorer-pakket. Dit volstaat voor kleine WordPress websites.

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
  • 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 kiezen

Inleiding

In deze stap-voor-stap handleiding werken we met het gratis WordPress 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. De opties zoals we ze hieronder bespreken zullen dus niet allemaal beschikbaar zijn als je een ander thema selecteert.

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

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

Zo installeer je een plugin

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 5 nieuwe pagina’s toe

Voor je start…

Zo maak je een nieuwe pagina aan

Zo voeg je inhoud toe via de WordPress editor

Zo voeg je een afbeelding in in WordPress

Zo voeg je een link toe in WordPress.

Zo verwijder je een pagina

Je diensten-pagina

Werkwijze

  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

  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”

  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

  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

  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

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

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.

NEXT STEPS: je website verder uitbreiden

Proficiat!

Als je hier bent geraakt en je hebt alle stappen uitgevoerd, dan is je website waarschijnlijk ongeveer klaar.

Misschien heb je de smaak te pakken en wil je meer? Dat kan perfect! Je kan je WordPress website volledig verder uitbouwen zoals jij dat wil:

Enkele veelgestelde vragen

Waarom een WordPress website maken?

Met WordPress kan je alle kanten uit, of je nu een kleine bedrijfswebsite of een heuse webshop wil maken. Bovendien is WordPress een uitstekende keuze als je goed vindbaar wil zijn in Google!

Wat heb ik nodig om met WordPress te starten?

Niet veel. Een domeinnaam en webhosting volstaan. In sommige gevallen is WordPress zelfs al voorgeïnstalleerd (zoals bij Combell). WordPress zelf is gratis.

Zal mijn website ook leesbaar zijn op smartphones?

Ja. Het thema dat we gebruiken in deze handleiding is een “responsive” thema. Dat wil zeggen dat je website zich automatisch aanpast aan de afmetingen van je bezoeker zijn scherm.

Kan je ook als absolute beginner een website maken?

Ja, deze handleiding bestaat uit een 20-tal korte video’s. Stap voor stap leer je op je eigen tempo een professionele website maken. De handleiding is zo opgesteld dat het mogelijk is om op 1 dag je website te maken.

Stijn Mistiaen

Hallo, ik ben Stijn, zelfstandig SEO specialist en docent digitale marketing & ICT aan de Arteveldehogeschool in Gent. Via deze blog deel ik praktische tips & tutorials zodat jij een betere website of blog kan maken.

Click Here to Leave a Comment Below
guido vandamme - last week Reply

Bedankt voor deze duidelijke uitleg in 7 stappen.
Kun je mij ook vertellen hoe ik een klantenzone kan toevoegen in WordPress?
Alvast bedankt

Leave a Comment: