WordPress: een stap voor stap handleiding voor beginners

door | 2 november, 2020

Iedereen kan een WordPress website maken. Maar het gaat een stuk eenvoudiger (en sneller) met een complete gids die geen stap overslaat.

Wat je hier ziet is de handleiding die ik zelf had willen hebben toen ik m’n eerste WordPress website maakte.

Die eerste site maken kostte me destijds weken van trial en error. Dit ging gepaard met het lezen van een eindeloos aantal artikelen die elk een stukje van de puzzel belichtten, maar nooit het hele plaatje lieten zien.

Hierom neem ik in deze handleiding stap voor stap met je door hoe je een zelfontworpen WordPress site online krijgt. En dat binnen een paar uur.

Om precies te zijn ga ik je uitleggen hoe je:

  • Webhosting opzet en een domeinnaam registreert
  • WordPress installeert (op de juiste manier)
  • Een WordPress theme installeert en gebruikt (zodat je nooit afhankelijk hoeft te zijn van een web developer)
  • De juiste plugins kiest (en niet diegenen die je site vertragen)
  • Je je site via een beveiligde verbinding laat draaien (via een SSL-certificaat) 

Ben je er klaar voor? Laten we dan beginnen.

1. Zo snel mogelijk een goede WordPress site online

Voordat we van start gaan, zul je misschien benieuwd zijn hoe je website eruit ziet nadat je klaar bent met deze handleiding.

Hier is ‘ie:

De site heeft een homepage, een diensten pagina, een team pagina, en een contact pagina. Dit is een uitstekende basis voor de meeste websites.

De WordPress theme waar we mee aan de slag gaan, Divi van Elegant Themes, is de theme die we zelf gebruiken voor Start24. Deze theme laat je praktisch iedere website ontwerpen die je maar kunt bedenken.

Nadat je klaar bent met deze handleiding, kun je de inhoud en het ontwerp van site eenvoudig naar je eigen behoeften aanpassen.

De webhosting die we gebruiken in deze handleiding is van SiteGround. Net als dat we zelf Divi gebruiken, gebruiken wij zelf ook SiteGround.

Oftewel, wij vinden dit de allerbeste hosting en WordPress theme om een WordPress website mee te bouwen. De redenen hiervoor zijn als volgt.

Waarom SiteGround?

  • SiteGround wordt officieel aanbevolen door WordPress
  • ElegantThemes, het bedrijf achter Divi, raadt eveneens SiteGround officieel aan
  • SiteGround heeft ongeëvenaarde klantenservice. Hun medewerkers staan je te woord in niet meer dan een paar minuten
  • SiteGround is een van ’s werelds hoogst aangeschreven webhosting diensten die meer dan twee miljoen domeinen host

Waarom Divi?

  • Divi is meer dan alleen een WordPress theme. Het is een complete websitebouwer die volkomen superieur is aan de standaard WordPress editor
  • Het is ’s werelds meest populaire WordPress theme
  • Je bouwt je website met Divi direct in de frontend. Dit houdt in dat je je webdesign direct op je scherm ziet verschijnen, en daardoor makkelijk kunt bijsturen
  • Net als SiteGround heeft ook Divi een belachelijk goede klantenservice. Kom je ergens niet uit? Het zal niet meer dan een paar minuten duren voor een Divi medewerker je uit de brand helpt

Oké, nu is het tijd voor actie. Laten we je webhosting op gaan zetten en een domeinnaam registreren.

2. Webhosting en een domeinnaam registreren

Iets wat je altijd nodig zult hebben voor een nieuwe website is webhosting. Webhosting is waar je site op het internet opgeslagen staat. Ook heeft iedere website een domeinnaam nodig. Dit is de naam die je in URL-balk intikt om een website te kunnen bereiken.

Voor onze webhosting en domeinnaam registratie gaan we aan de slag met SiteGround. Allereerst, kies voor WordPress hosting.  

SiteGround pakketten.

Vervolgens kies je een webhosting pakket dat het beste bij jouw behoeftes aan sluit. De relevante opties zijn de eerste twee. De derde is pas van toepassing wanneer je écht veel bezoekers genereert, en op dat moment kun je altijd nog je webhosting pakket upgraden.

Als je één website gaat maken, kies dan voor Startup (1). Wil je direct aan de slag met meerdere websites, kies dan GrowBig (2).

SiteGround StartUp GrowBig

Vervolgens kies je een domeinnaam. Mocht je gewenste domeinnaam niet meer beschikbaar zijn, lees dan ons artikel over hoe je een goed alternatief selecteert. Als je al een domein elders geregistreerd hebt staan die je wilt gebruiken, selecteer dan I already have a domain. Je kunt dit domein vervolgens eenvoudig koppelen naar SiteGround.

SiteGround kies een domein

Hierna voer je je persoons- en betalingsgegevens in, en kun je je aankoop afronden. Zorg dat voor je dit doet Data Center ingesteld staat op Europe, the Netherlands, en je niet de SG Site Scanner selecteert als extra service. Deze laatste voegt niet veel toe.

SiteGround koop een domain

Gefeliciteerd, je beschikt nu over webhosting en een domeinnaam voor je WordPress website.

Nu kunnen we WordPress gaan installeren.

3. WordPress opzetten

Na dat je dit hoofstuk hebt afgerond, heb je WordPress geïnstalleerd, loopt je website via een beveiligde verbinding middels een SSL Certificaat, en heb je onnodige posts en pagina’s uit je WordPress account verwijderd.

3.1 WordPress installeren

Om WordPress te kunnen installeren in je SiteGround account, ga je naar Websites en vervolgens druk je op Add New Site.

SiteGround voeg nieuwe site toe

Dan selecteer je Existing Domain en kies je je domainnaam.

SiteGround bestaand domein

Selecteer vervolgens Start New Website (1) en kies WordPress (2) bij Choose Application. Bij Set Up Login (3) stel je vervolgens je login email adres en je wachtwoord in voor je WordPress website.

SiteGround kies WordPress login

Druk op Finish en nu zal binnen twee minuten je website gereed staan voor je.

3.2 Installeer een SSL-certificaat

Voordat we WordPress induiken, laten we eerst een SSL-certificaat op je website installeren om de verbinding naar je site te beveiligen. Een SSL certificaat laat zich zien middels het groene slotje in je URL balk. Het zorgt dat er geen mensen tussen jou en je bezoeker in kunnen zitten, die daardoor gevoelige persoonlijke informatie zouden kunnen stelen.

Klik allereerst op Manage Site.

Let op: het kan zijn dat in eerste instantie je een melding krijgt die aangeeft dat je website leeg is. Wacht een paar minuten en probeer het dan weer: dit lost zich altijd vanzelf op.

SiteGround manage site

Wanneer je in Manage Site aangekomen bent, selecteer je Security (1) in het linker menu, vervolgens klik op je op SSL Manager (2) en hierna kies je voor Let’s Encrypt (3) onder Select SSL. Hierna druk je op de Get (4) knop en dan is het een paar minuten wachten.

SiteGround SSL Manager

Let wel, het SSL-certificaat is nu geïnstalleerd, maar je website zelf draait nog niet op een beveiligde verbinding. Dit is iets wat we nu via WordPress admin gaan instellen. Ga naar je WordPress admin door te surfen naar [je domeinnnaam]/wp-admin/.

Als alternatief kun je hier ook naar navigeren via SiteGround, door in het linker menu op WordPress te drukken en dan Install & Manage, en vervolgens het icoontje onder aan Actions aan te klikken.

SiteGround inloggen WordPress

Voer nu het email adres en wachtwoord in wat je zojuist hebt gebruikt om je WordPress account aan te maken, en klik op Exit op het scherm wat verschijnt nadat je bent ingelogd.

Vervolgens klik je op SG Optimizer in het linker menu, navigeer je naar Environment Optimization en druk je op de knop naast Enable HTTPS. Hierop volgt een pop up die je moet bevestigen.

Hierna word je automatisch uitgelogd uit je WordPress admin en zul je weer moeten inloggen via [je domainnaam]/wp-admin/.

We hebben nu een domeinnaam, webhosting, een geïnstalleerd WordPress pakket, en een via een SSL-certificaat beveiligde website. Nu wordt het tijd om Divi, onze Theme, te installeren.  

4. WordPress theme installeren: Divi

In dit hoofdstuk gaan we Divi installeren, ’s werelds meest populaire WordPress theme en websitebouwer.

4.1 Download het Divi theme

Allereerst, ga naar de Divi website, klik op All Products en klik vervolgens op Join to Download.

Divi is 's wereld meest populaire WordPress theme.

Kies vervolgens je gewenste licentie: jaarlijkse toegang voor $89 (€81) of levenslange toegang voor $249 (€227). Je kunt je licentie op elk moment opzeggen op upgraden naar levenslange toegang. Mocht je niet tevreden zijn met Divi, dan kun je altijd gebruik maken van hun 30-daagse niet goed geld terug garantie.

Vul alle benodigde velden in en klik op Complete Registration om je registratie af te ronden.

Nu gaan we de Divi theme uploaden in je WordPress-dashboard. Voordat je Divi kunt uploaden, moet je het eerst downloaden. Log in je Divi account en klik op Download onder het kopje Divi Theme.

Divi members area.

4.2 Installeer het Divi theme in je WordPress dashboard

Om het Divi theme te uploaden, ga je weer naar je WordPress dashboard: [je domainnaam]/wp-admin/. Klik op Appearance (1) en dan op Themes (2), en upload de theme via de Add New (3) knop.

WordPress dashboard appearance.

Hierna druk je op Upload Theme (1), waarna je het zip bestand van de Divi theme kunt selecteren via de dan verschijnende knop Choose file (2). Hierna druk je op Install Now (3)

Nadat de Divi theme is geïnstalleerd, druk je op Activate om de theme daadwerkelijk toe te passen op je WordPress website. 

Gelukt! Divi is nu geïnstalleerd en geactiveerd. Zoals je ziet staan er nog wat andere themes staan. Deze heb je niet meer nodig en kun je verwijderen door op Theme Details en dan Delete te drukken.

Voordat we ons in de Divi builder gaan storten, gaan we eerst onze benodigde pagina’s toevoegen en daarna aan de slag met de WordPress theme customizer. Deze tool laat ons het lettertype instellen van de site instellen, een menu bouwen en je site naam en site tag aanpassen.

5. Voeg webpagina’s toe in WordPress

Laten we allereerst de pagina’s verwijderen die WordPress automatisch toevoegt aan je website.

Om dit te doen klik je op Pages (1) binnen het linker menu in de WordPress dashboard. Daarna klik je op de box naast Title (2) om alle pagina’s te selecteren. Vervolgens druk je op Bulk Actions (3) en dan op Move to Trash. Klik vervolgens Apply (4) om de pagina’s te verwijderen. 

Klik nu op Add New om een nieuwe pagina toe te voegen.

Noem deze pagina Home bij de titel sectie (1) en klik daarna op Publish (2).

Keer nu terug naar de WordPress dashboard via de knop linksboven.

Herhaal dit proces vervolgens en voeg de volgende pagina’s toe:

  • Diensten
  • Over ons
  • Contact

Nu hebben we alle pagina’s aangemaakt die we voor deze tutorial gaan gebruiken.

6. Stel een homepage in voor je WordPress website

De “Home” pagina die we zojuist maakten verandert niet automatisch in je homepage. Dit moeten we handmatig instellen.

Een homepage instellen gaat via de Theme Customizer. In het WordPress Dashboard, klik in het linker menu op Divi (1), en klik vervolgens op Theme Customizer (2).

Selecteer dan Homepage Settings (1), klik op Homepage (2), en kies vervolgens Home (3) uit het rijtje beschikbare pagina’s. Klik dan op Publish (4) om je instellingen op te slaan.

Je homepage is nu op de juiste manier ingesteld.

7. Kies een website titel en tagline in WordPress

Je website titel en tagline verschijnen onder anderen in je browser tab bij je homepagina.

Om de website titel en tagline aan te passen, ga je terug (1) in het Theme Customizer menu, klik je op General Settings (2) en dan op Site Identity (3). Vul hier je gewenste titel en tagline (4) in en klik dan op Publish (5)

WordPress Title and Tagline

8. Stel een lettertype in voor je WordPress site

Op het moment dat je je website aan het ontwikkelen bent wil je dit zo efficiënt mogelijk doen. Iets wat daarbij helpt is vooraf je gewenste lettertype instellen, zodat wanneer je een stuk tekst toevoegt aan je website je dit niet telkens opnieuw hoeft te doen.

Natuurlijk kun je nadien altijd nog individuele teksten van je website aanpassen naar elk gewenst lettertype.

In de WordPress theme customizer klik op General Settings en dan op Typography.

Nu je het lettertype instellen voor zowel je normale tekst (1) als je titels (2). Je kunt mijn instellingen volgen die je hieronder ziet, maar je kunt hier natuurlijk ook doen wat je eigen voorkeur heeft.

Let op: de grootte van je website’s lettertype komt niet overeen met dat van, zeg, Word. Een grootte van 12 is bijvoorbeeld veel te klein om prettig te kunnen lezen via een browser. Ik raad je aan minimaal 15 te kiezen. Ook zie je dat de meeste websites geen pikzwart lettertype hebben, maar vaker grijpen naar donkergrijs omdat dit prettiger oogt.

Wanneer je klaar bent, klik je op de Publish (3) knop.

   

Nu je het lettertype voor je website hebt ingesteld, is het tijd om een navigatie-menu te gaan ontwerpen.

9. Een navigatiemenu ontwerpen

Praktisch iedere pagina van iedere website beschikt over een navigatiemenu. Je kunt zo’n menu eenvoudig voor je WordPress website instellen, wederom via de Theme Customizer.

Om te beginnen gaan de we zoekknop uitschakelen die zich rechtsboven in je navigatiemenu bevindt. Eerst klik je op Header & Navigation (1), dan op Header Elements (2), en dan klik je het vinkje weg wat staat naast Show Search Icon (3). Je ziet dat het vergrootglas rechtsboven nu verdwenen is.    

Vervolgens klik je op Menus (1), Create New Menu (2), en Primary Menu (3). Druk dan op Next (4) en daarna op de Add Items (5) knop.

Aangezien het logo in je navigatiemenu al linkt naar je homepage, is het niet nodig nog een keer naar je homepagina te navigeren.

Daarom klikken we alleen Diensten, Over ons en Contact aan voor ons navigatiemenu. Wanneer je deze pagina’s aanklikt, zie je ze automatisch onder het menukopje verschijnen. Je kunt deze items oppakken en in elke volgorde slepen die je maar wenst.

Wanneer je klaar bent klik je op Publish.

Nu we de basics van WordPress onder de knie hebben wordt het pas echt interessant. Het is tijd om in Divi te duiken en je site tot leven te laten komen!

10. Maak een homepage met Divi

Om je homepage te maken moet je eerst terugkeren naar de WordPress Dashboard. Hier klik je in het linkermenu op Pages (1) en vervolgens op Home (2).

Dan klik je op Edit with the Divi Builder.

We gaan de homepage zelf ontwerpen, daarom kies je nu voor de optie Build from Scratch door op Start Building te klikken.

10.1 Header ontwerpen

Je wordt nu gevraagd een kolom structuur te kiezen. Omdat we onze header image gaan maken, die bestaat uit tekst aan de linkerzijde en een plaatje aan de rechterzijde, kiezen we kiezen we de tweede optie.  

Vul nu de tekst in die je onder je titel wilt weergeven (als je hier nog even over na wilt denken, volg dan gewoon onze tekst en verander het later) en druk op het groene vinkje.

Nu gaan we een knop toevoegen onder deze tekst die door linkt naar onze diensten pagina. Hiervoor kies je weer Add Module, en selecteer je de Button module.

Klik op Text (1) en verander de tekst van de knop naar Klik hier. Ga nu naar Link (2) en voeg hier de tekst [je domeinnaam]/diensten/ toe, om de knop naar de Diensten pagina te laten wijzen.

Omdat de kleur van de knop nogal wegvalt in de achtergrond gaan we de kleur aanpassen. Klik op Design (1), kies Yes (2) bij Use Custom Style for Button, en selecteer Wit (3) onder Button Text Color.

Selecteer nu Spacing (1) en kies 50px bij Top (2) Margin.

Nu gaan we onze header zelf wat meer vormgeven. Allereerst, klik op Row Settings.

Klik op Background (1) en vul daar de volgende kleur code in: #3c87f4 (2). Als je wilt kun je hier ook met de Gradient (3) functie experimenteren om je achtergrond net wat spannender te maken.

Selecteer nu Design (1), klik op Sizing (2) en volg de onderstaande instellingen: Custom Gutter Witdh (3) – yes, Gutter Witdh (4) – 1, Width (5) – 100%, Max Width (6) – 100%.

Onder Sizing, klik nu op Spacing (1) en stel de top en bottom padding (2) in op 0px.

Klik nu op Content, en selecteer vervolgens het tandwiel naast de eerste column.

Klik op Design (1), dan op Spacing (2) en stel bij Padding (3) de top en bottom in op 10% en left en right op 8%.

Ga nu terug, en klik op het tandwiel naast de tweede column. Ga naar Background en druk op het derde icoontje. Upload vervolgens hier een achtergrond foto. Pexels is een uitstekende site voor gratis foto’s.

Druk op Yes bij Parallax Effect.

Nu moeten we nog de tekst kleur aanpassen naar wit van onze titel en onderstaande tekst, zodat de tekst goed afsteekt tegen de achtergrond. Om dit te doen, kies je voor beide tekst modules de Module Settings. Je kunt de kleur van de tekst nu direct aanpassen in de tekst editor, of via Design.

Om onze header sectie af te ronden, gaan we nu naar Section Settings.

Klik op Design (1), ga naar Spacing (2) en volg de onderstaande instellingen (3).

Het lastigste deel van de tutorial zit erop! Via het ontwerpen van deze header ben je met aardig wat elementen van de Divi builder in aanraking gekomen. De rest van de tutorial zal hierdoor een stuk eenvoudiger zijn.

10.2 Blurbs toevoegen

Nu de header af is gaan we een stel blurbs toevoegen. Onder aan de header, klik op Add New Section en kies Regular.

Klik op de de Row met drie kolommen.

Bij Insert Module, selecteer nu de Blurb.

Voer nu je gewenste tekst in bij Title (1) en Body (2).

Klik nu op Image & Icon, druk op Yes en kies vervolgens een icoontje.

Ga nu naar Design (1) en bij Title Text en Body Text, centreer de alignment (2).

Druk op het groene vinkje om je module op te slaan.

Hoover met je muis over de blurb, klik onderaan op Add New Module en voeg een Button toe. Link deze button naar [je domeinnaam]/diensten/.  

Klik nu op Design (1) en onder Button Alignment (2) druk op de middelste optie.

Herhaal deze stappen nu voor de tweede en derde kolom voor je sectie. Je kunt dit proces versnellen door de Duplicate Module (1) optie te gebruiken en daarna de module met de Move Module (2) knop te verslepen naar de aangrenzende kolommen.

Onze blurb sectie is nu afgerond. Dit is hoe het eruit zou moeten zien:

10.3 Testimonial toevoegen

Het is altijd krachtig om de bezoekers van je site aanbevelingen te laten lezen van je voorgaande klanten. Divi heeft hiervoor een handige module, de Testimonial.

Allereerst voegen we een nieuwe sectie toe, ditmaal met één kolom. Voeg nu de Testimonal module toe.

Vul hier de Text (1) sectie in en voeg vervolgens een foto toe bij Image (2).

Om deze sectie makkelijk te onderscheiden van de blurb, kun je de achtergrond kleur lichtgrijs maken via Section Settings en Background. Voer de kleurcode #f7f7f7 in.

  

Je Homepage staat er nu! Zorg dat je rechts onderaan de pagina op Save en Publish (dit zorgt dat de pagina live gaat, en dus gezien kan worden door bezoekers) drukt.

Nu is het tijd om de Diensten pagina in elkaar te gaan zetten.

11. Maak een diensten pagina met Divi

Keer terug naar het WordPress Dashboard. Hier klik je in het linker menu op Pages en vervolgens op Diensten.

Dan klik je op Edit with the Divi Builder.

Net als bij de homepage kies je weer voor de optie Build from Scratch.

Kies de enkele kolom structuur en selecteer de Text module.

Schrijf “Diensten” in het tekstveld en centreer vervolgens de module via Design, Heading Text, en Heading Text Aligment, net als in het vorige hoofdstuk.

Kies 48px bij Heading Text Size.

Druk nu op het groene vinkje om de module op te slaan.

Voeg nu weer een sectie toe, kies een enkele kolom, en selecteer de Text module. Vul hier de tekst in voor een van je diensten, zoals hieronder:

Klik nu op New Section, maar kies ditmaal Fullwidth.

Kies nu de Fullwidth Image.

Klik op Add Image en voeg vervolgens een afbeelding naar keuze toe.

Herhaal dit proces vervolgens een paar keer, klik op Save rechtsonder, en nu hebben we een goede opzet voor een diensten pagina afgerond!

12. Maak een Over Ons pagina met Divi

Volg allereerst de eerste stappen van hoofdstuk 11 om een titel toe te voegen aan je pagina. Noem je pagina ditmaal “Over Ons.”

Kies nu Add Section, ditmaal met een dubbele kolom structuur.

Bij Insert Module kies je voor Text. Vul hier in wat je over je bedrijf wilt vertellen.

Bij de tweede kolom kies je voor Image. Kies een afbeelding waarvan jij denkt dat die je onderneming goed representeert.

Dit is hoe je pagina er tot nu toe uit zou moeten zien:

Voeg nu weer een sectie toe met één kolom en kies weer de Text module. Vul hier in “Ons Team” en verander de tekstsoort in Heading 2

Om deze sectie makkelijk te onderscheiden van de voorgaande, kun je wederom de achtergrond kleur lichtgrijs maken via Section Settings en Background. Voer de kleurcode #f7f7f7 in.

Nu gaan we ons team toevoegen aan de pagina.

Voeg een nieuwe Row toe onder de “Ons Team” tekst, en kies de 3 kolommen optie.

Bij Insert Module, kies Person.

Vul nu alle gewenste velden (1) in, zoals naam, positie en social media URLs. Je kunt ook nog een biografie toevoegen. Via Image (2) voeg je een foto toe.

Ga naar Design (3), Text (4), en stel de alignment op het midden (5) in.

Klik op het groene vinkje wanneer je klaar bent, en herhaal dit proces voor de overige twee kolommen.

Nu heb je een over ons pagina!

Als laatste pagina rest ons dan nog de contact pagina.

13. Maak een Contact pagina met Divi

Volg allereerst de eerste stappen van hoofdstuk 11 om een titel toe te voegen aan je pagina. Noem je pagina ditmaal “Contact.”

Verander de achtergrond van de sectie nu naar blauw (kleurcode) #2b87da, en voeg onder en boven je tekst 50px spacing toe.

Voeg een Section toe en kies de Regular variant. Selecteer nu één kolom, en kies vervolgens de Contact module.

Pas nu de Title, de Success Message en de Submit (1) button aan. Vul je email adres in waar je de berichten van je bezoekers wilt ontvangen bij Email (2).

Verder kun je nog de titels van je velden aanpassen door op de tandwieltjes (3) te klikken.

Druk nu op het groene knopje en… het zit erop! De hoofdpagina’s van je website staan. We hebben aardig wat Divi functionaliteit besproken en vertrouwen erop dat je zonder problemen verder kunt bouwen aan je website.

Ons volgende hoofdstuk gaat nog een paar belangrijke WordPress kwesties behandelen, zoals plugins, Google Search Console, hoe je gratis een logo voor je site kunt ontwerpen, en wat goede vervolg tutorials zijn om je WordPress website naar het volgende level te tillen.

14. De volgende stappen

14.1 WordPress plugins

Er zijn voor het gros van de WordPress websites uiteindelijk maar een paar plugins die je echt nodig hebt.

Op het moment dat je een plugin installeert, zorg dat je altijd kijkt hoe vaak de developer hem update. Een plugin die bijvoorbeeld een jaar terug voor het laatst is ge-update kan veiligheidsrisico’s bevatten en niet compatible zijn met je WordPress theme of andere plugins.

Je kunt je WordPress plugins managen in de Plugin sectie binnen je WordPress Dashboard.

De volgende plugins zijn een paar van de plugins die wijzelf gebruiken voor Start24:

  • Yoast SEO. Sinds 2008 heeft Yoast SEO al miljoenen websites wereldwijd geholpen om hoger te scoren in zoekmachines. Deze WordPress SEO-plug-in helpt je bij het optimaliseren van je SEO en zorgt dat je website beter gaat ranken. Voor elke post en pagina geeft Yoast aan hoe je je SEO kunt verbeteren.
  • MonsterInsights. Met meer dan 2 miljoen actieve installaties is MonsterInsights de populairste Google Analytics plug-in voor WordPress. MonsterInsights verbind je WordPress-site moeiteloos met Google Analytics.
  • SG Optimizer. Wordt automatisch meegeleverd met je SiteGround hosting. Zorgt dat je website soepel loopt en optimaal functioneert.
  • Monarch. Social media plugin van Divi die je eenvoudig social share buttons en dergelijken aan je posts en pagina’s laat toevoegen.
  • Complianz. Zorgt dat je binnen no-time GDPR-compliant bent via een eenvoudig te volgen wizard. Deze plugin maakt ook automatisch een cookie-policy en een privacy-policy voor je aan. Bespaar je zelf veel kopzorgen en zorg dat je vanaf dag 1 GDPR-compliant bent.
  • Loginizer. Elke dag worden talloze WordPress websites gehacked. Loginizer is een WordPress-plug-in die je beschermd tegen bruteforce-aanvallen door het inloggen voor het IP-adres te blokkeren nadat het maximale toegestane aantal nieuwe pogingen is bereikt.

Wil je meer weten over WordPress plugins? Bekijk dan ons artikel over de beste WordPress plugins voor business websites.

14.2 Google Search Console

Google Search Console is een webservice van Google waarmee je de indexeringsstatus kunt controleren en de zichtbaarheid van je website kunt optimaliseren. Deze tool is onmisbaar als het je doel is om veel gebruikers naar je website te brengen.

14.3 De beste Divi tutorials  

Divi is een ontzettend krachtige tool waarmee je nagenoeg elke website je maar wenst in elkaar kunt zetten. De volgende tutorials zijn een goed startpunt:

Joost Boer

Sinds 2014 aan het ondernemen in de tech industrie. Tot eerder dit jaar in Azië gevestigd, nu weer terug in Nederland.

6 Reacties

  1. Michelle

    Hi Joost, ik heb de instructies stap voor stap gevolgd, en ik heb nu gewoon een website online staan! Wat fantastisch!

    Wanneer ik blog artikelen plaats hebben ze nog het standaard WordPress design, dus ik ga direct met https://www.start24.nl/divi-blog-design/ aan de slag. 🙂

    Antwoord
    • Joost Boer

      Hey Michelle, wat geweldig te horen! Zet hem op met de Divi blog handleiding. 🙂

      Antwoord
  2. Anna H

    Wat een fantastisch artikel! Dit heeft me duizenden €€€ bespaart die bureaus vragen voor het maken van een website. Ik keek er een beetje tegenop om ermee aan de slag te gaan. Ik dacht, wat nou als ik ergens vastloop…… Maar ik ging er super soepel doorheen! Geen vuiltje aan de lucht.

    Bedankt voor een super gedetailleerde WordPress handleiding. Mij heb je er gigantisch mee geholpen. 🙂

    Antwoord
    • Joost Boer

      Ha Anna, graag gedaan.:) Fijn dat het je allemaal mee viel.

      Antwoord
  3. Thomas Overdijk

    Ontzettend bedankt voor deze handleiding. Ik heb er als kersverse ZZP’er een prachtige website mee in elkaar weten te draaien. Ik ben een gelukkig mens. 🙂

    Antwoord
    • Joost Boer

      Graag gedaan Thomas. Veel plezier met je website en succes met je ZZP-carrière. 🙂

      Antwoord

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Share This