Bouw een WordPress website in 10min | WordPress BEGINNER tutorial 2024

5/5 - (4 stemmen)

Met deze WordPress tutorial voor complete beginners leer je in 10 minuten je eigen website bouwen. Geen uren en uren YouTube tutorials meer kijken dus, de beste start is hier 👆

Registreer je domeinnaam en hosting

De eerste stap is het registreren van je domeinnaam en hosting bij Combell. Ga naar Domeinnamen / Domeinnaam registreren en kies je nieuwe domeinnaam.

Onmiddellijk controleren ze de beschikbaarheid van je domeinnaam.

Heb je al een domeinnaam (en website) bij een andere hostingprovider? Geen nood. Combell helpt je om je website te verhuizen. Jij kan relaxen, want zij doen de heavy lifting!

Voeg je nieuwe domeinnaam toe aan je winkelmandje. Kijk intussen ook eens of er andere extensies interessant zijn voor je website. Dit is natuurlijk optioneel!

Registreer je domeinnaam bij combell

Ga naar Hosting / Webhosting en kies daar het Business webhostingpakket voor een goede prijs-kwaliteit verhouding. De beste prestaties vind je sowieso bij Combell, dus twijfel niet en kies je pakket.

Wil je nog betere prestaties, dan kun je onmiddellijk voor een Professional of Expert pakket gaan.
TIP: kies deze als je een webshop, leerplatform, POS-systeem of andere speciale systemen plant.

Registreer je hosting bij combell

Klik op de knop Bestellen en klik daarna op de knop Selecteer een domeinnaam uit je winkelwagen.

Ga naar je winkelmand en bekijk het overzicht.

Selecteer de domeinnaam in winkelmand

✅ Plaats een vinkje bij Startklare WordPress installatie (dan hoef je dat zelf al niet meer te doen!)
✅ Plaats ook een vinkje bij Automatische updates van WordPress, thema en plugins, zo hoef je zelf geen zorgen te maken over het onderhoud en de updates van je website.

Rond je bestelling af, geef optioneel je bedrijfsnaam en btw-nummer mee en betaal je bestelling.

Selecteer startklare website en automatische updates

Pas je hosting instellingen aan

Wanneer je bestelling en betaling afgerond is, ga je naar het Combell controlepaneel. Klik daar op Mijn producten / Webhosting en klik op je nieuwe domeinnaam.

Klik op Domeinnamen & SSL.

Dashboard webhosting combell 1

Klik op de knop Beheer website / SSL-instellingen.

Controleer de ssl instellingen combell 2

Activeer je SSL-certificaat door op de knop te klikken. Schakel HTTP/2 en HTTPS forceren beide in.
Let op: het kan tot 10 à 15 minuten duren tot het SSL-certificaat herkend en geaccepteerd wordt!

Activeer ssl certificaat 3

Ga naar Beveiliging en controleer of alle beveiligingsinstellingen ingeschakeld zijn.

Controleer de beveiligingsinstellingen 4

Ga naar Performance & Caching en schakel GZIP Compressie in. Dit zorgt voor een snelheidsboost voor je website.

Controleer performance instellingen 5

Installeer gratis Kadence thema

Log in op je website. Ga daarvoor naar jouwdomein.be/wp-admin.

Ga naar Weergave / Thema’s. Klik op de knop Nieuwe toevoegen en geef in de zoekbalk rechts het woord Kadence in.

Installeer kadence thema 6

Eens geïnstalleerd klik je op de knop Activeren. Daarna geeft hij automatisch aan om de Kadence Starter Templates plugin te downloaden. Klik op de knop Installeer Kadence Starter Templates. Deze plugin heb je nodig om snel en eenvoudig een complete website te importeren.

Kadence starter templates activeren 7

Kies je Kadence Starter Template

Nu begint het leuke deel! 🎉

Eens alles is geïnstalleerd en geactiveerd kun je je starter template design uitkiezen. De meeste templates zijn gratis. Sommige hebben een rode PRO badge, dit betekent dat je dit enkel kan gebruiken wanneer je de PRO versie hebt van het Kadence thema.

Je kunt eender welke template kiezen, je kunt ze volledig importeren of één enkele pagina. Handig!

Om een complete website te importeren, klik je favoriete template aan. Je kunt al meteen kleuren en typografie aanpassen, maar dit hoeft nog niet.

Alle noodzakelijke plugins worden ook meteen mee geïmporteerd en geactiveerd wanneer je de volledige site importeert. Als alles oké is voor jou, klik je op de knop Full Site.

Kadence-starter template importeren

Daarna krijg je een popup waarmee je nog eens alle instellingen kan nakijken. Alles staat normaal goed. Er wordt ook gevraagd om in te schrijven op de e-maillijst van Kadence, dit mag natuurlijk maar hoeft niet per se. Klik daarvoor op de knop Skip, Start importing.

Opgelet: dit kan 1 tot 2 minuten duren, afhankelijk van de snelheid van je hosting.

Eens klaar, klik je op Finished! View your site om je website al eens te bekijken.

Starter template bekijken

Pas je website aan met de Customizer

Pas je logo aan

Ga naar de Customizer. Daar passen we alle globale styling van typografie, kleuren, lay-out,… aan.

Customizer knop

Klik op Site Identity om je logo aan te passen.

Pas je logo aan in site identity

Je logo aanpassen doe je door op Wijzig logo te klikken en je nieuwe logo te uploaden. Je kunt optioneel ook de breedte van je logo instellen. TIP: plaats je logo niet te groot, dit leidt alleen maar af van de rest van je website!

Verder kun je er ook voor kiezen om je logo met Site titel te gebruiken of ook optioneel met Site tagline.

Pas je logo aan

Pas de footer aan

Gebruik de pijl knop om terug naar alle opties te gaan, kies daar voor Footer. Of je kunt ook naar onder scrollen en daar op de potloodjes klikken om je footer elementen aan te passen.

De footer bestaat uit 3 rijen: top row, middle row en bottom row. In deze template wordt enkel gebruik gemaakt van de onderste twee. Met drag & drop kun je de widgets verschuiven of toevoegen.

Klik op het tandwiel van de Copyright widget (of klik op het potloodje in de live preview). Verwijder de plaatshouder {theme-credit} om alle verwijzingen naar Kadence weg te halen.

Copyright info verwijderen

Pas de navigatie aan

Ga naar Header / Primary Navigation / Select Menu / Menu bewerken
Of je klikt op het potloodje van je navigatie om rechtstreeks naar je menu te gaan.

Je kunt heel eenvoudig je pagina’s en links verslepen (drag & drop) of je voegt items/pagina’s toe door op de knop + Items toevoegen te klikken.

Menu items aanpassen in de header

Pas de kleuren aan

Ga terug met de pijl knop en kies General / Colors om je kleuren aan te passen met de pipet. Je hebt tot 3 verschillende kleurenpalletten binnen Kadence. Hierdoor kun je makkelijk gebruik maken van een dark thema mocht je dat willen.

Het voordeel van deze kleuren is dat overal op elke pagina de kleuren aangepast worden. Je hoeft dus niet meer invididueel op elke pagina de kleur gaan aanpassen, want deze instellingen zijn globaal.

Kleurenpallet aanpassen

Vergeet na je wijzigingen niet om op de blauwe knop Publiceren te klikken bovenaan. Zo bewaar je alle wijzigingen.

Het enige wat jou nog rest is het aanpassen van de pagina’s, de eigenlijke content blokken van je website (teksten en beelden) en dan kun je lanceren! 🎉

Verdere literatuur

Deze vind je misschien ook interessant