Een paar jaar terug stond ik in jouw schoenen. Ik wilde mijn eigen website maken, maar had geen idee hoe.
Met de tools van nu, is een eigen website maken gelukkig fluitje van een cent geworden. Iedere zzp’er kan z’n eigen website maken. Binnen 30 minuten. Jij ook!
In dit artikel nemen we je stap-voor-stap mee hoe jij als beginner jouw eigen website maakt binnen 30 minuten.
Kan je niet programmeren?
Geen probleem – is ook niet nodig.
We hebben deze gids specifiek gemaakt voor beginners. We gaan je helpen je eigen website te maken zonder enige code. Een kind kan de was doen.
Bang om een foutje te maken?
We bespreken de meest gemaakte fouten verderop in de gids, zodat jij ze kunt voorkomen. En ook al maak je een foutje, weet dat alle website bouwers een control + z functie hebben.
Een website maken: de allereerste stappen
Een website maken begint bij déze twee dingen:
- Kies een domeinnaam
- Beslis met welke website bouwer je jouw website wilt maken
Kies een domeinnaam
De allereerste stap tijdens het maken van een website? Dat is het vastleggen van de domeinnaam. Het registreren hiervan voorkomt namelijk dat anderen met jouw idee aan de haal gaan.
Voorbeeldje: wil je dolgraag de website KattenfilmpjesVoorIedereen.nl maken? Schaf dan in ieder geval de bijbehorende domeinnaam aan vóór een andere dierenliefhebber hetzelfde idee krijgt.
Je domeinnaam vastleggen kan bij verschillende bedrijven. Wij adviseren je dit te doen bij JouwWeb.
???? Tip: als je jouw website maakt via een websitebouwer, is het vastleggen van een domeinnaam vooraf niet per se nodig. Dan kun je meteen aan de slag, lees verder!
Beslis hoe je jouw website wilt maken
Je kunt zelf een website te maken op 3 verschillende manieren:
- Met een websitebouwer, zoals JouwWeb, Squarespace of Wix.
- Met een CMS, zoals WordPress.
- Door zelf te coderen.
De laatste optie is lastig, dus die laten we in deze gids even buiten beschouwing.
1. Een website bouwen met een websitebouwer
Wat is een websitebouwer?
Websitebouwers zijn alles-in-één-tools om eenvoudig websites mee te maken. Ze werken meestal aan de hand van een drag-and-drop-systeem. Je sleept hierbij elementen die je op je website wilt hebben simpelweg naar de plaats waar ze horen te staan.
Voorbeelden van dit soort elementen zijn tekstblokken, fotogalerijen en inschrijfformulieren, maar ook complete templates voor een hele pagina.
Wat zijn de voor- en nadelen van een website bouwen met een websitebouwer?
Voordelen
Nadelen
Wat is de beste websitebouwer?
Wij raden de volgende drie websitebouwers aan:
Squarespace
Squarespace is wat ons betreft de beste websitebouwer van het moment. Het systeem beschikt over fraaie templates, is gebruiksvriendelijk en helpt je snel zelf een website te maken.
???? Klik om verder te scrollen naar Squarespace stappenplan
Wix
Wix is min of meer vergelijkbaar met Squarespace. Of dit voor jou de beste websitebouwer is, hangt eigenlijk grotendeels af van je persoonlijke voorkeuren. Misschien vind je de templates van Wix simpelweg mooier dan die van Squarespace.
???? Scroll verder naar Wix stappenplan
Lees ook: Wix vs. Squarespace, wat moet ik kiezen?
JouwWeb
We vinden Squarespace en Wix beter dan JouwWeb, maar JouwWeb heeft wel één groot voordeel: het is Nederlands. Vind je dat belangrijk? Dan is dit voor jou misschien wel de meest voor de hand liggende optie.
???? Scroll verder naar Jouweb stappenplan
Stap-voor-stap je eigen website maken met Squarespace
- Geef aan wat je doelen zijn
- Kies een template
- Maak een account bij Squarespace
- Creëer je eerste pagina
- Extra pagina’s toevoegen
- Publiceer je website!
Squarespace is een populaire keuze onder zzp’ers. Wil je meedoen met onze uitleg? Hier start je gratis met Squarespace.
Stap 1: Geef aan wat je doelen zijn
Ga naar de website van SquareSpace en klik op Get Started. Geef daarna aan waar je website over gaat, breng Squarespace op de hoogte van je doelstellingen en laat weten hoe ver je bent met je bedrijf.
Stap 2: Kies een template
Alle stappen doorgelopen? Kies dan een van de templates die Squarespace voorstelt. Dit is gebaseerd op wat je bij Stap 1 hebt aangegeven. Onthoud dat je deze later altijd nog kunt aanpassen.
Wij kiezen in dit voorbeeld voor het template genaamd Wesley:
Stap 3: Schrijf je in bij Squarespace
Template gekozen? Klik erop en meld je aan bij Squarespace. Je maakt nu automatisch gebruik van een gratis proefperiode van veertien dagen.
Rond het aanmeldingsproces af om in de editor te komen.
Stap 4: Maak je eerste pagina op
Het eerste dat je ziet wanneer je Squarespace voor het eerst start, is de template die je bij Stap 2 hebt gekozen. Dat ziet er ongeveer zo uit:
We gaan er voor het goede even vanuit dat je géén website maken wilt over hondenriemen. Deze pagina, die functioneert als je nieuwe homepage, moet dus worden aangepast.
Voeg een logo toe
Het meest opvallende dat schittert door afwezigheid, is een logo. Tijd om deze toe te voegen – dus.
Klik hiervoor op Edit, zet je cursor op het bovenste deel van het template en klik op Edit Header. Je krijgt dan déze pop-up te zien:
Kies vervolgens voor Site Title & Logo en daarna op Add Logo. Je kunt je logo ook naar de pop-up slepen. Je site ziet er dan vervolgens ongeveer zó uit:
Verander de header
Het volgende dat we willen aanpassen, is de header. Dat is het bovenste deel van de pagina waar nu dus het logo van ZZP Daily in staat. Klik hiervoor opnieuw op Edit en vervolgens op Edit Site Header. Je krijgt dan dezelfde pop-up te zien als die bij het toevoegen van het logo.
We willen in dit geval graag een witte menubalk en geen winkelwagenicoontje, maar wél links naar Facebook en Instagram.
Het veranderen van de achtergrondkleur gaat via Style. Klik vervolgens op Dynamic en kies voor Solid. Verander de kleur bij Background Color naar wit.
Het verwijderen van het winkelwagentje doen we door op Elements te klikken. We verplaatsen vervolgens het schuifje bij Cart naar links.
De laatste stap tijdens het aanpassen van de header is het toevoegen van sociale media-icoontjes.
Ga hiervoor opnieuw naar Elements en verplaats het schuifje bij Social Links naar rechts.
Je ziet nu icoontjes voor Instagram en Facebook verschijnen. Deze kun je via hetzelfde venster onder meer groter en kleiner maken.
De opties die we hierboven hebben toegelicht, zijn slechts voorbeelden van wat er binnen Squarespace allemaal kan.
Alleen al in de header kun je eindeloos variëren. Het is bijvoorbeeld mogelijk om schaduwen en randen toe te voegen – en je kunt ervoor kiezen om je logo op mobiele apparaten anders te weergeven.
Speel met alle mogelijkheden! Alleen dan kom je erachter wat voor jouw website het beste werkt.
Pas de rest van de pagina aan
‘Dit is allemaal leuk en aardig, maar er staat nog steeds een lome hond op mijn nieuwe website!’
Dat klopt. Tijd om dat aan te passen, dus.
We willen in dit geval de nu nog Engelstalige tekst veranderen naar iets relevants en de achtergrondkleur veranderen naar wit. Oh – en uiteraard moet de hond weg.
De zin The Collar Everyone’s Talking About moet worden aangepast naar Welkom Op ZZP Daily! Dit doe je door simpelweg op de zin te klikken en deze te veranderen. Zo, dus:
De achtergrondkleur mag van ons veranderen naar wit. Dit doe je door te klikken op de achtergrond, waarna er opnieuw een pop-up verschijnt. We kiezen vervolgens voor Edit Section en daarna voor Colors, waarna we dit krijgen te zien:
Klik vervolgens op het potloodje achter het met zwart omlijnde blokje. Dat is in dit geval het blokje genaamd Light 1. Je krijgt dan dit te zien:
Een kleur veranderen gaat vervolgens door simpelweg op het rondje met daarin de huidige kleur te kiezen. We willen in dit geval de gehele achtergrond van dit deel van de website wijzigen. Klik daarvoor op de kleur achter Section Background en verander deze naar – in dit geval – wit.
En dan – de trouwe viervoeter. Deze willen we vervangen door een iets relevanter plaatje, bijvoorbeeld van een groep ondernemers bij elkaar.
Klik hiervoor op de foto, zodat er linksboven een klein menu verschijnt. Kies hier voor het potloodje. Je krijgt dan opnieuw een pop-up te zien:
De foto veranderen doe je door op Replace te klikken. We kiezen in dit geval voor een stockfoto uit de database van Squarespace. Dat kan via Browse Stock Images.
Onze site ziet er nu zo uit:
We hebben hierboven grofweg omschreven hoe je per pagina en per rubriek aanpassingen doorvoert.
Het is echter sneller – en bovendien fraaier – wanneer kleuren en lettertypes op de hele site hetzelfde zijn.
Dit doe je door in het hoofdmenu te kiezen voor Design en vervolgens voor Site Styles. Je krijgt dan de mogelijkheid om verschillende elementen voor de hele website in één keer gelijk te trekken.
Stap 5: Voeg pagina’s toe
Nu weten wij ook wel dat de website hierboven niet de mooiste is. Er is nog genoeg om aan te passen. Maar je weet nu in ieder geval wat er moet gebeuren om de rest van de pagina op te leuken.
Wat je nog niet weet, is hoe je meerdere pagina’s aanmaakt. Alleen een homepage is tenslotte waarschijnlijk niet genoeg…
Ga naar Pages in het linkermenu en klik vervolgens op het plusje achter Main Navigation. Je kunt hier onder meer lege pagina’s (via Blank Page) en nieuwe templates (via page Layout) toevoegen.
We willen in dit voorbeeld een blog toevoegen. Klik hiervoor op – niet echt verrassend – Blog. Dat brengt je op deze pagina:
Kies hier een layout die je bevalt en voilà: je hebt een nieuwe blogpagina gemaakt. Deze moet je natuurlijk nog wel volledig stylen, maar je weet inmiddels hoe je dat moet doen.
Squarespace geeft je via kant-en-klare templates de mogelijkheid om verschillende soorten nieuwe pagina’s aan te maken.
Deze opties zijn voor jou mogelijk interessant:
- Blog Voor het delen van verhalen, gedachtes en ideeën.
- Events Voor het delen van aankomende evenementen.
- Portfolio Voor de presentatie van projecten en ander visueel werk.
- Store Voor het online verkopen van producten en diensten.
- Videos Voor het delen en verkopen van video’s.
???? Zelf aan de slag? Hier start je gratis met Squarespace
Stap 6: Publiceer je website
We hebben inmiddels een aantal pagina’s toegevoegd, waardoor onze voorbeeldsite er momenteel ongeveer zó uitziet:
Stel – we zijn hier tevreden over. Dat betekent dat het tijd is om de boel daadwerkelijk online te zetten.
De eerste stap in dat proces is een upgrade naar een betaald plan. Squarespace was tot dusver gratis, maar wie daadwerkelijk wilt publiceren, moet daarvoor de knip trekken. Kan maandelijks, kan jaarlijks – en via verschillende pakketten:
We raden je aan om voor het pakket Business te gaan: dat is voor de meeste zzp’ers genoeg. Een tweede advies: betaal per jaar. Dit bespaart je op langere termijn namelijk geld.
De volgende stap is het vastleggen van de domeinnaam. De kosten hiervoor zitten tot een bedrag van $20 bij de prijs inbegrepen. Een handig bijkomend voordeel van het gebruik van Squarespace.
De derde en laatste stap is het daadwerkelijk publiceren van de site. Dit doe je door in het basismenu te kiezen voor Settings en daarna voor Site Availability. Kies vervolgens voor Public (dit wordt mogelijk zodra je een betaald pakket hebt afgesloten) en we kunnen je feliciteren: je nieuwe website staat online!
Stap-voor-stap je eigen website maken met Wix
Hoe moet je een website maken met Wix? Volg deze stappen!
Stap 1: Maak een account aan bij Wix
Ga naar de website van Wix en registreer je voor een vooralsnog gratis account. Klik vervolgens op Nieuwe Website Maken en vul alle introductievragen in.
Stap 2: Maak nieuwe pagina’s aan
Je komt – na het beantwoorden van alle introductievragen – terecht op het dashboard van Wix. Dat ziet er zo uit:
Omdat we tijdens de introductie hebben aangegeven dat we een blog willen maken, wordt ons onder meer gevraagd om een eerste blogpost te schrijven. Deze stap kun je voor nu even vergeten. Klik in plaats daarvan op Website Bewerken achter Ontwerp Je Website om te starten met het daadwerkelijke creëren van de eerste pagina’s.
Wix vraagt vervolgens om een aantal basisgegevens, waaronder je logo, bedrijfsnaam en e-mailadres. Vul deze zo volledig mogelijk in en klik op Volgende.
Kies daarna een stijl die past bij wat je wilt uitstralen. Wij gaan in ons geval voor Hi Rise.
Kies hierna een ontwerp uit de mogelijkheden die Wix je biedt. Deze zijn gebaseerd op wat je eerder hebt aangegeven. Voeg eventueel direct meerdere pagina’s toe en je komt terecht in de editor die er bij ons zo uitziet:
Stap 3: Pas je pagina’s aan
Je ziet – dankzij het heldere introductietraject van Wix staat er al vrij snel een website die al redelijk matcht met wat we willen uitstralen.
We kunnen het ons echter niet voorstellen dat je direct tevreden bent. Bovendien willen we zelf ook het een en ander aanpassen. De tekst bovenaan moet anders en we willen eigenlijk ook een andere foto.
Verander de tekst
Het wijzigen van teksten is binnen Wix makkelijk. Klik hiervoor simpelweg op de tekst die je wilt veranderen en druk daarna op Tekst Bewerken:
We hebben in dit geval de tekst Uit Het Hart veranderd in Financiën Voor Zzp’ers Simpel Gemaakt. Wil je echter meer? Dat kan via dezelfde knop – Tekst Bewerken, dus. Je kunt onder meer lettertypes wijzigen en de groottes aanpassen.
Wijzig de afbeeldingen
De foto met daarop de drie mensen willen we wijzigen naar een plaatje van een laptop. Dit gaat op een soortgelijke manier als het aanpassen van de tekst. Klik op de foto in kwestie en vervolgens op Achtergrond Strook Wijzigen en daarna op Afbeelding. Kies vervolgens een foto uit een van de beschikbare mogelijkheden.
Sleep je pagina naar perfectie
Nu de tekst en de afbeelding zijn gewijzigd, vinden we de zin Ontdek ZZP Daily eigenlijk een beetje overbodig. De naam van de website staat tenslotte ook al in het logo. Kortom: dit mag weg. En dat gaat bij Wix uiterst eenvoudig. Klik simpelweg op het element dat je wilt verwijderen en druk op je backspace-toets.
Probleem is echter dat hierdoor de volgende loze witruimte is ontstaan:
Eén van de voordelen van Wix is echter dat dit eenvoudig is op te lossen. Wix is namelijk een drag-and-drop-systeem waarbij vrijwel alle onderdelen vrij te verslepen zijn. Het is dus simpel om zowel de enige overgebleven tekst als de foto iets naar boven te verslepen, waardoor alles weer mooi in balans is. Dit is daardoor het resultaat:
Stap 4: Voeg aanvullende elementen toe
Het drag-and-drop-systeem van Wix helpt je op soortgelijke wijze tijdens het toevoegen van allerlei verschillende elementen. Wil je bijvoorbeeld een extra tekstblok over je bedrijf invoegen? Ga dan gewóón naar het menu links, klik op Onderdeel Toevoegen en zoek een onderdeel dat je op jouw pagina wilt zien. Dit onderdeel kun je vervolgens eenvoudig naar je template slepen:
Een handig extraatje is dat Wix ook apps van derden aanbiedt. Deze zijn verkrijgbaar via de Wix Appmarkt. De Appmarkt is eveneens toegankelijk via het linkermenu.
In ons geval willen wij eigenlijk wel een aantal links naar onze sociale mediakanalen toevoegen. Wil je dat ook? Ga dan naar de Wix Appmarkt en zoek naar de app Social Media Icons. Klik vervolgens op Toevoegen Aan Website en sleep de icoontjes naar de gewenste positie – dat is voor ons links naast het logo. Het resultaat ziet er zó uit:
Stap 5: Zet je website online
We hebben een aantal pagina’s toegevoegd, waardoor onze voorbeeldsite er nu zo uitziet:
Tijd om hem online te zetten. Klik daarvoor op Publiceren – rechtsboven in de editor.
Het verschil met Squarespace is dat Wix je website direct online zet. Deze is echter alleen te bezoeken via een nogal onhandige link die begint met je gebruikersnaam. Niet wenselijk, nee. Het is dus zaak om het zo snel mogelijk te koppelen aan een domeinnaam naar keuze.
Om dat te doen, moet je – net als bij Squarespace – een betaald abonnement nemen. Wix biedt daarvoor verschillende mogelijkheden:
Wij raden je het pakket Unlimited van €17 per maand aan. Dit is genoeg voor de gemiddelde zzp’er.
Stap-voor-stap je eigen website maken met JouwWeb
Het Nederlandse JouwWeb is een derde interessante optie wanneer je van plan bent een simpele website te maken met een websitebouwer. Volg daarvoor de volgende stappen.
Stap 1: Maak een account aan bij JouwWeb
Bezoek de website van JouwWeb en maak een account aan. Je wordt daarbij gevraagd wat voor type website je wilt maken en wat de titel van je website is.
Stap 2: Kies een design
Je mag direct na het aanvraagproces een design kiezen om mee te starten. Het is daarbij simpel om van ontwerp te wisselen en je kunt de kleuren en opmaak vrij aanpassen.
Wij gaan voor het tweede design in de bovenste rij.
Stap 3: Registreer je eigen domeinnaam
Kies tijdens de derde stap voor een domeinnaam. Deze zijn inbegrepen bij de meeste betaalde pakketten, hoewel je ook kosteloos kunt doorgaan. Je website eindigt in dat geval op -jouwweb.nl.
Stap 4: Kies een pakket
Maak vervolgens een keuze uit een van de verschillende betaalmogelijkheden. Dit zijn je opties:
We raden je aan om te gaan voor het pakket Pro. Dit kost je €7,50 per maand, inclusief domeinnaam, een webshop met tien producten en toegang tot een mailbox.
Ga je specifiek een webshop starten? Kies dan voor Business. Deze optie kost €15 per maand, maar biedt wel een webshop met een onbeperkt aantal producten.
Je krijgt in beide gevallen de eerste drie maanden gratis.
Lees ook: Alles wat je nodig hebt om een webshop te starten
Stap 5: Geef je website vorm
Je komt na deze vier stappen terecht in de Editor waar je jouw website kunt aanpassen. De eerste versie van je site ziet er in ieder geval zó uit:
Ziet er al best aardig uit, vinden we. Maar we zien toch een aantal dingen die anders moeten. We willen ons logo kwijt kunnen en missen een stukje tekst op de homepage. En hoe mooi we die Erasmusbrug ook vinden – daar mag iets anders komen.
Plaats je logo
Het vervangen van – in ons geval – de woorden ZZP Daily door ons logo is erg eenvoudig. Klik simpelweg op de woorden en vervolgens op Logo. Voeg vervolgens je logo toe.
Vervang de afbeelding
Het toevoegen of vervangen van een afbeelding gaat eigenlijk op dezelfde manier. Dubbelklik op – in dit geval – het plaatje van de Erasmusbrug en daarna op Bewerken. Maak vervolgens gebruik van de database van JouwWeb en kies iets dat aansluit op jouw business. Druk hierna op Opslaan.
Voeg teksten toe
Het toevoegen van teksten werkt ietsje anders, maar is alsnog erg simpel te doen. Sleep simpelweg vanuit het linkermenu de knop Tekst naar de plaats waar je tekst wilt invoegen. Plak vervolgens je beoogde tekst in dit nieuwe tekstvak.
Je kunt vervolgens alles naar wens aanpassen. Teksten zijn voorbeeld vetgedrukt en gecentreerd te maken.
Style je pagina verder
Het handige van JouwWeb is dat allerlei andere elementen op soortgelijke manier zijn toe te voegen aan je website. Dat geldt bijvoorbeeld voor audio- en videobestanden en knoppen naar websites van derden.
Wij willen bijvoorbeeld graag links naar onze sociale mediakanalen plaatsen. Dat kan door in het linkermenu te kiezen voor Social – Knoppen en dit te verslepen naar de plaats waar je de links wilt hebben.
Stap 6: Publiceer je website
Publiceren gaat bij JouwWeb erg simpel. Dit doe je door op de knop met Publiceer, rechtsboven, te drukken.
Je moet dan nog wel een domeinnaam kiezen als je dit nog niet eerder hebt gedaan.
2. Zelf een website bouwen met een CMS
Wat is een CMS?
De term CMS staat voor Content Management System en geeft je de mogelijkheid om zonder technische kennis een website op poten te zetten.
Het verschil met een websitebouwer is dat het hierbij gaat om zogenoemde opensourcesoftware. Dat houdt in begrijpelijke taal in dat het systeem door iedereen bewerkt kan en mag worden.
Je kunt hierdoor feitelijk alles bouwen met behulp van een CMS.
Wat zijn de voordelen van zelf een website bouwen met een CMS?
- Je kunt met behulp van een websitebouwer als Squarespace of Wix veel maken, maar je blijft toch gebonden aan een template. Een CMS helpt je te maken wat je maar wilt;
- Je hebt iets meer technische kennis nodig dan bij een websitebouwer, maar alsnog is werken met een CMS voor iedereen te begrijpen.
Wat zijn de nadelen van zelf een website bouwen met een CMS?
- Je moet zogenoemde plug-ins downloaden wanneer je bijvoorbeeld sociale mediakoppelingen wilt maken. Dit soort dingen zijn bij websitebouwers veelal inbegrepen;
- Je moet zelf je CMS en de plug-ins updaten. Dat kan gevolgen hebben voor het uiterlijk van je website.
Wat is het beste CMS?
Wil je zelf een website maken met behulp van een CMS? Dan is er eigenlijk maar één optie: WordPress.
Stap-voor-stap je eigen website maken met WordPress
Met WordPress zelf een website maken steekt anders in elkaar dan de bouw van een website met behulp van bijvoorbeeld Squarespace. We loodsen je hieronder door het volledige proces.
Stap 1: Registreer een domeinnaam
We noemden het al eerder: een website maken begint met het registreren van een domeinnaam. Meestal, althans. Bij sommige websitebouwers krijg je de mogelijkheid om dit pas later te doen. Dit moet echter als allereerste gebeuren wanneer je gebruikmaakt van WordPress.
Voorbeelden van bedrijven die domeinnamen aanbieden, zijn Antagonist, GreenGeeks en Kinsta. JouwWeb biedt ook losse domeinnamen aan, maar je bent daarna min of meer verplicht om hun websitebouwer te gebruiken. Dit is dus geen goede optie wanneer je met WordPress aan de slag gaat.
Stap 2: Kies een hostingplan
Hosting is iets anders dan het registreren van domeinnamen. Zo’n hostingplan biedt je ruimte aan voor de opslag van alle data die op jouw website is te vinden, zoals afbeeldingen en video’s.
Bedrijven die domeinnamen aanbieden, bieden in de meeste gevallen ook hosting. Je betaalt dan een x-bedrag per maand of jaar om je website er kwijt te kunnen.
Het daadwerkelijke bedrag hangt af van de partij in kwestie, maar ook van de grootte van je website. Een website met veel informatie en bezoekers leidt tenslotte tot meer data, waarvoor ook meer opslag nodig is. Deze pakketten zijn vaak duurder.
???? Vergelijk hier webhostingplannen
Stap 3: Koppel je domeinnaam aan je hostingplan
Dit gaat in de meeste gevallen automatisch, doordat je jouw domeinnaam en hostingplan bij dezelfde partij aansluit.
Stap 4: Installeer WordPress
WordPress installeren gaat via bij vrijwel alle hostingbedrijven via een speciale installatie-app. Deze heet bij Antagonist bijvoorbeeld Installatron. Dat ziet er zo uit:
Installeren werkt in dit geval door simpelweg door te klikken op Installeer Deze App. Deze kans is echter groot dat het bij jouw hostingbedrijf niet veel moeilijker is. Vraag je host om een handleiding of zoek instructies op diens website.
Je geeft tijdens deze installatie ook het domein op waarop WordPress moet worden geïnstalleerd. De installatie vraagt ook om onder meer een gebruikersnaam en wachtwoord, de taal en of updates automatisch geïnstalleerd moeten worden.
Stap 5: Log in bij WordPress
Je kunt na de installatie aan de slag met je nieuwe WordPress-website. Dit doe je door je domeinnaam aan te vullen met /wp-admin.
Voorbeeld: wil je de website KattenfilmpjesVoorIedereen.nlmaken? Dan is WordPress bereikbaar via www.KattenfilmpjesVoorIedereen.nl/wp-admin.
Vul vervolgens de gebruikersnaam en het wachtwoord in die je bij Stap 4 hebt opgegeven.
Stap 6: Kies een thema
Je komt na Stap 5 terecht in de interne WordPress-omgeving terecht. Deze ziet er ongeveer zo uit:
Kies vervolgens een thema om mee te werken. Zo’n thema is vergelijkbaar met de templates die websitebouwers gebruiken.
Ga hiervoor in het linkermenu naar Weergave en vervolgens naar Thema’s.
Kies hier een van de thema’s. Wij zijn in dit geval gegaan voor Sydney, maar het aantal opties is eindeloos. Verken het aanbod via Nieuw Thema Toevoegen.
Stap 7: Bewerk je thema
Het is nu zaak om het door jou gekozen thema volledig aan te passen naar je wensen en smaak. We kunnen in geuren en kleuren uitleggen hoe je dit moet doen, maar dat verschilt echt per thema. Check de website van de ontwikkelaar van het thema in kwestie voor meer informatie hierover.
Stap 8: Installeer plug-ins
Een groot verschil tussen het maken van een website met een websitebouwer en een CMS-systeem als WordPress is dat een CMS-systeem in beginsel weinig aanvullende mogelijkheden biedt. Wil je elementen als contactformulieren, knoppen en mailinglijsten toevoegen? Dan heb je daarvoor plug-ins nodig.
Het grote voordeel van WordPress is dat er voor eigenlijk alles wel een plug-in voorhanden is. Het gevolg van het feit dat WordPress opensourcesoftware is, waaraan iedereen kan bijdragen.
Ga in ieder geval in het linkermenu naar Plugins en kies voor Nieuwe Plugin.
We willen in dit voorbeeld graag knoppen naar onze sociale mediakanalen installeren. Dit doen we simpelweg door via de zoekbalk rechtsboven te zoeken op Sociale Media.
We komen op basis daarvan deze plug-in tegen die ons wel wat lijkt:
Het is nu alleen nog maar zaak om deze te installeren door op Nu Installeren te klikken.
De meeste plug-ins verschijnen na installatie in hetzelfde linkermenu. Verken de mogelijkheden en bekijk per plug-in wat je moet doen om deze te customizen. Is het niets? Verwijder de plug-in en kies een ander.
Stap 9: Publiceer content
Je weet nu hoe je WordPress installeert, hoe je een thema kiest en hoe je met plug-ins werkt. We willen nog één laatste dingetje uitleggen. Want wat is een website zonder inhoud?
Content publiceren gaat via WordPress erg eenvoudig. Wil je een nieuwe pagina aanmaken? Klik in het linkermenu op Pagina’s en vervolgens op Nieuwe Pagina. Je komt dan op het onderstaande scherm terecht, waar je nieuwe paginacontent kunt uploaden. Zo kun je een eenvoudige website maken, maar ook kiezen voor een uitgebreide door meer pagina’s toe te voegen.
Wil je een bericht maken, zoals een blogpost? Ga dan opnieuw naar het linkermenu, klik op Berichten en vervolgens op Nieuw Bericht. Je krijgt dan dit venster te zien:
Veelgestelde vragen: wat moet ik nog meer weten over het maken van websites?
Wat werkt voor mij het beste: een websitebouwer of een CMS-systeem?
Dit is een keuze die vooral te maken heeft met twee dingen: gebruiksvriendelijkheid en vrijheid.
Met WordPress een online website maken is eenvoudig te leren, maar het vergt wel enige tijd voordat je weet hoe het programma precies in elkaar steekt. Websitebouwers als Squarespace, Wix en JouwWeb zijn gericht op de gebruikersvriendelijkheid en dus stukken simpeler. Het gebruik van zo’n websitebouwer is voor de hand liggend wanneer je snel zelf een website maken wilt, zonder al te veel poespas.
Wil je echter een volledige vrije hand in het maken van je website en maakt het je daarbij niet uit als dit iets meer tijd in beslag neemt? Kies dan voor WordPress als CMS-systeem.
Het maakt hierbij niet meer echt uit of je van plan bent een simpele website te maken, of een volledige webshop. Het was vroeger nog weleens zo dat WordPress zich dankzij plug-ins als WooCommerce het beste leende voor het maken van webshops, maar de verschillende websitebouwers hebben hierin inmiddels een behoorlijke inhaalslag mee gemaakt.
???? Check de top 5 beste websitesoftware
Wat zijn de kosten voor het zelf maken van een website?
De kosten voor je eigen website maken lopen uiteen. We hebben de tarieven van de verschillende websitebouwers hieronder voor je op een rijtje gezet.
| JouwWeb | €4 – €15 per maand (op jaarbasis) |
| Squarespace | €11 – €36 per maand (op jaarbasis) |
| Wix | €5,50 – €29 per maand |
Deze bedragen zijn, afhankelijk van het pakket dat je kiest, inclusief domeinnaam en kosten voor de hosting.
Het gebruik van WordPress om online een website te maken is gratis, maar je betaalt wel de kosten voor een domeinnaam en hosting bij een derde partij. De prijzen daarvoor zijn afhankelijk van de partij waarmee je in zee gaat en het pakket dat je bij ze afneemt.
Kijken we naar Antagonist – dan zien we dat ze drie pakketten aanbieden. De kosten hiervoor zijn €4,99, €9,99 en €19,99 per maand.
Kan ik ook gratis zelf een website maken?
Het maken van een website is, ook bij de websitebouwers, gratis. Je moet echter betalen voor je domeinnaam en hosting wanneer je jouw ontwerp ook daadwerkelijk online wilt zien.
Wix is hierop een – soort van – uitzondering. Zij publiceren je website wél daadwerkelijk, maar doen dit onder een URL die je simpelweg niet op een visitekaartje kwijt kunt: niet qua professionaliteit én niet qua lengte.
Samengevat komt het er op neer dat een gratis website eigenlijk een utopie is. Vroeg of laat moet je toch de knip trekken.
