WordPress website maken? Je eigen website maken is helemaal niet zo moeilijk. Deze tutorial is erop gericht om jouw WordPress website ook meteen seo-technisch te optimaliseren. Van domeinnaam tot website in één overzichtelijk stappenplan.

We je WordPress website maken met hulp van hostingpartij IXL en WordPress thema Divi.

Ga naar IXL Hosting
Ga naar Divi

Onderstreepte woorden worden onder kop 8: Uitleg bij woorden toegelicht. Zo leg je meteen je vrienden uit wat je allemaal hebt weten te regelen!

  • Je hoeft niet te programmeren, dat kan ik ook niet;
  • Met onderstaand stappenplan heb je voor € 37,50 een website (€ 270 als je kiest voor Divi);

Veel succes. Lukt het niet? Mail even!

Spring naar:

  1. Introductie Wordpress website maken
  2. Domeinnaam vastleggen
  3. Webhostingpakket vastleggen
  4. De instellingen van je hostingpakket optimaliseren (in Direct Admin)
  5. Divi downloaden
  6. Divi installeren installeren
  7. Website bouwen
  8. Uitleg bij woorden

Introductie WordPress website maken

Ik ben een online marketeer. Ik schrijf dus niet vanuit een leeg kladblokbestand websites.

Wat ik wel doe is WordPress websites (zoals de website waarop je dit leest) maken. Ik weet hoe Google ze graag ziet, dus daar houden we meteen rekening mee.

Vrienden en klanten vragen me vaak of ik ze kan helpen met een website. Dat doe ik graag, maar met de juiste handvaten is het voor henzelf vaak ook goed te doen!

De WordPress website die jij nu gaat maken:

  • Is zoekmachine-geoptimaliseerd (Google houdt van duidelijke sites);
  • Ziet er professioneel uit;
  • Is bijzonder kosten efficiënt;
  • Is makkelijk te onderhouden.

Je eigen website maken hoeft dus niet lastig te zijn! Je moet een paar zaken goed op orde hebben voor je daadwerkelijk begint te bouwen. De basis is essentieel, zo kom je niet voor verrassingen te staan als je in de veronderstelling bent dat je website af is.

Zo installeren we in deze tutorial direct een (gratis!) SSL-certificaat. Dit is in verband met de AVG/GDPR een bijzonder belangrijk aspect van deze tutorial.

We nemen in dit stappenplan ook direct de emailadressen (bijvoorbeeld info@jouwbedrijf.nl) mee, ze zijn gratis aan te maken als je een domeinnaam en webhostingpakket hebt.

1. Domeinnaam vastleggen

Van start! We gaan controleren of jouw domeinnaam nog beschikbaar is via IXL Hosting.

Ik werk al enkele jaren met IXL Hosting en ben bijzonder tevreden. Ze zijn telefonisch bereikbaar, reageren snel en adequaat, en hebben de snelheid van de hostingpakketten goed op orde.

Bij prijsvechters betaal je nét iets minder maar daar betaal je naderhand extra voor zaken die door IXL Hosting gratis worden aangeboden.

Ga naar IXL Hosting

1-domeinnaam-checken-ixl-hosting

Nog beschikbaar? Mooi! Zo niet: probeer eens of de .com versie er nog wel is, of probeer het met een streepje (fictieve-firma.nl in plaats van fictievefirma.nl).

Als je jouw domein hebt gevonden klik je op registreer. Zo, die zit in je winkelwagen. Je domeinnaam staat klaar om geregistreerd te worden.

Reken nog niet af, we moeten het webhostingpakket ook nog even in je winkelmandje stoppen.

2. Webhostingpakket vastleggen

De digitale ruimte waarin we je WordPress website gaan maken is het webhostingpakket. Dit koop je ook op de website van IXL Hosting.

Ga naar IXL Hosting

Ga onder menu-item ‘Webhosting’ naar Personal Webhosting. Deze pakketten zijn vaak groot genoeg voor de startende ondernemer.

Als je maar 1 domeinnaam hebt is het prima om het Personal Basic pakket te kiezen. Klik daaronder op bestellen.

Je winkelmandje ziet er nu als volgt uit:

18-winkelmandje

Je kunt doorgaan met het afrekenproces. Kies voor de ‘nieuwe klant’-optie en maak een account aan. Weer een stap richting je eigen WordPress website maken voltooid.

3. De instellingen van je webhostingpakket optimaliseren (in Direct Admin)

Je hebt zojuist een mail van IXL binnengekregen met een onderwerp dat in ieder geval lijkt op “Uw hostingpakketgegevens”.

Open deze mail en klik op het IP-adres (de blauwe cijferreeks in de mail).

Je wordt nu naar je hostingpakket geleid. Daar log je in met de gegevens uit dezelfde mail.

Dan kom je in het volgende overzicht terecht:

Emailadressen aanmaken

  1. Klik daar op ‘E-mail accounts’ als je emailadressen voor je bedrijf wil aanmaken.
  2. Klik op ‘Create mail account’ en vul bijvoorbeeld ‘jouwnaam’ of ‘info’ in.
  3. Vul een wachtwoord in en klik op ‘create’.

Nu krijg je alle gegevens te zien die jij nodig hebt om de email in bijvoorbeeld Outlook of Gmail toe te voegen. Je kunt ook het online mailprogramma Roundcube kiezen, ook dat staat in het DirectAdmin overzicht.

SSL-certificaat installeren (https://)

De ‘s’ in https staat voor ‘secure’. Het is een extra stuk beveiliging voor je website. Google ziet dit als een rankingfactor. Nu de GDPR/AVG gehandhaafd wordt is dit een must voor je domein.

Het gratis SSL-certificaat binnen je website activeer je als volgt:

  1. Ga terug naar het DirectAdmin overzicht en klik onder ‘Advanced Features’ op SSL Certificate.

  1. Selecteer het tweede bolletje, en daarnaast het derde bolletje met ‘Free & automatic certificate from Let’s Encrypt’.
  2. Vul je administratormailadres in naast ‘e-mail’.

  1. Klik op ‘Save’

Zie je het overzichtje met ‘Certificate and Key Saved.’? Mooi! Is het niet gelukt? Controleer dan je emailadres. Het kan ook zo zijn dat je te snel bent geweest met bovenstaande stappen. Neem dan even pauze en probeer het na een uurtje nog eens.

  1. Ga nog eens terug naar SSL Certificate onder ‘Advanced Features’.
  2. Klik op ‘here’ na disable it ‘here’.
  3. Selecteer het bolletje “use a symbolic link from private_html to public_html.

  1. Klik op Save.

Mooi! SSL-certificaat geïnstalleerd. Je websitebasis is hartstikke veilig.

4. WordPress installeren op je domein

Nu de basis helemaal goed staat ingesteld zijn we klaar om het cms WordPress op je website te installeren. Eindelijk 😉

  1. Ga terug naar het DirectAdmin overzicht;
  2. Kies onder ‘Web Applications’ ‘view more’;

  1. Selecteer onder ‘Content Management’ ‘Wordpress’;

  1. Klik op ‘+ install this application;

  1. Selecteer de https:// versie van jouw domein;
  2. Selecteer Nederlands;
  3. Kies een administrator naam en wachtwoord;
  4. Vul je websitetitel en subtitel in;

  1. Klik ‘install’.

WordPress staat nu op je domein! Lekker werk.

5. WordPress-thema aanschaffen (Divi)

Ik gebruik voor álle websites die ik maak en zelf heb het WordPress thema Divi. Divi is een thema van Elegant Themes.

Ga naar Divi

Divi is een supersimpel thema dat perfect werkt. Je kunt het makkelijk seo-optimaliseren en het ziet er professioneel uit.

Je hebt twee smaken: jaarlijks $ 89 of voor altijd $ 249 en je hebt een creditcard nodig om het te kopen. Het is aan jou om te kiezen wat je een fijnere optie vindt.

Toch liever de gratis thema’s van WordPress bekijken? Klik hier

Een gratis thema gebruiken is ook een prima optie als je gewoon wat rond wilt stoeien. Wil je een professionele website voor je organisatie? Kies dan een betaald thema. Het scheelt je uiteindelijk dagen werk en frustratie. Die tijd had je natuurlijk ook in je firma kunnen steken.

6. WordPress-thema installeren (Divi)

Tijd om je gloednieuwe professionele thema te installeren!

  1. Log op Elegant Themes in met jouw account;
  2. Download Divi;

  1. Ga naar www.jouwwebsite.nl/wp-admin;
  2. Log in met jouw WordPress gebruikersnaam en wachtwoord;
  3. Ga naar ‘Weergave -> Thema’s’;
  4. Klik op ‘Nieuwe toevoegen’;

13-nieuw-thema-toevoegen-wordpress

  1. Klik op ‘Thema Uploaden’;
  2. Klik op ‘Bestand kiezen;
  3. Kies het Divi bestand dat je zojuist gedownload hebt;
  4. Wacht tot het uploaden voltooid is;
  5. Klik ‘activeren’.

Hoppa! Divi geïnstalleerd op jouw gloednieuwe website. Aan de slag met de website die je dadelijk al aan je vrienden kunt laten zien.

WordPress instellingen van Divi wijzigen

  1. Ga in het WordPress-dashboard onder ‘Divi’ naar ‘Thema-opties’

15-thema-opties-divi

  1. Voeg je logo toe
  2. Voeg je favicon toe
  3. Voeg eventuele bedrijfskleuren toe aan het palet

De basis staat nu goed ingesteld. Verder met jouw WordPress website maken! Scroll vooral ook even door de rest van de thema-opties heen en pas aan wat jij nodig vindt.

WordPress homepagina maken

Nu gaan we eindelijk naar het esthetische aspect van jouw nieuwe website!

  1. Ga in het WordPress-dashboard naar ‘Pagina’s’
  2. Klik op ‘Nieuwe pagina’

16-homepagina-maken

  1. Noem de pagina ‘home’
  2. Klik op ‘Publiceren’
  3. Klik op ‘De Divi opbouwfunctie gebruiken’
  4. Klik op ‘Visual builder gebruiken’

17-divi-opbouwfunctie

  1. Volg als je wilt de Divitour, je kunt hem ook skippen
  2. Beweeg je muis over het paarse bolletje onder in het scherm
  3. Klik op het plusje
  4. Selecteer een layout die jij mooi vindt
  5. Klik bij de ‘home’-versie op ‘use this layout’
  6. Vul je gebruikernaam en de Divi-API in (selecteer in Elegant Themes account onder ‘Account’ de functie om een nieuwe API-key te genereren).
  7. Begin met het aanpassen van de website met jouw eigen content!

18-homepagina-aanpassen

  1. Klik op ‘opslaan

Kijk eens aan, je hebt al een website, mét ssl certificaat, mét emailadressen!

Nu is het nog zaak dat de homepagina die je zojuist gemaakt hebt ook als home gezien wordt door WordPress. Dat doe je als volgt:

  1. Ga in het WordPress-dashboard naar ‘Weergave’ > ‘Lezen’
  2. Selecteer ‘Jouw homepage toont een statische pagina’
  3. Selecteer ‘home’ in het dropdown menu.

Test je werk door naar jouwbedrijf.nl te gaan. Gelukt? Mooi!

Wil het allemaal even niet meer lukken? Neem dan contact op via het contactformulier onderaan deze pagina of via de contactpagina. Dan komen we er samen wel uit.

Pagina’s en menu maken (WordPress website maken)

Volg de stappen nog eens voor het maken van bijvoorbeeld een ‘over’ en een ‘contact’ pagina. Nu wil je nog het menu aanpassen zodat al jouw pagina’s terugkomen. Dit doe je zo:

  1. Ga in het WordPress-dashboard onder ‘Weergave’ naar ‘Menu’s’
  2. Maak een nieuw menu aan
  3. Selecteer alle pagina’s die jij in je menu wilt
  4. Klik onder ‘locatie tonen’ op in ieder geval ‘Hoofdmenu’

19-menu-maken

Rest van de instellingen aanpassen in WordPress

Je bent bijna klaar met jouw eigen WordPress website maken. Nu willen we naast de kleuren en de afbeeldingen natuurlijk nog de footercredits aanpassen. Hier komt jouw bedrijfsnaam te staan. Dat doe je door:

  1. Onder je websitenaam naar ‘Systeemaanpasser van thema’ te gaan

20-thema-aanpasser

  1. Klik op ‘Voettekst’
  2. Klik op ‘Onderkantbalk’
  3. Scroll naar beneden en vul jouw gegevens in

8-wordpress

Klaar met het maken van jouw professionele WordPress website!

Gelukt?! Netjes! Gefeliciteerd met het besparen van een flink bedrag. Lukt er iets niet of heb je toch liever dat ik het voor je regel? Komt ook goed, neem dan contact op via onderstaand formulier.

Divi en IXL hebben nog veel meer opties om je website sneller, beter vindbaar en strakker te maken. Deze leg ik graag aan je uit of ik voer ze voor je door, bij genoeg vragen schrijven we daar natuurlijk gewoon weer een tutorial voor 🙂

 

Ik wil iets vragen over mijn WordPress website

Samen met partners IXL Hosting en Divi (Elegant Themes)

Ik heb talloze websites met IXL en Divi gemaakt. Het werkt zo vlot dat ik een partnerschap met ze aan ben gegaan. Koop je dus bij een van deze partijen een product? Dan ondersteun je ook het maken van dit soort tutorials, IXL en Divi delen het eindbedrag met Offbeat Marketing.