Hoe zet ik WordPress om van http naar https (SSL versleuteling)

Dit is een verouderd artikel. Bezoek de nieuwe versie:

https://support.henselhosting.nl/article/259-wordpress-from-http-to-https

Origineel artikel:

Nadat je een officieel certificaat hebt aangevraagd bij ons, of geïnstalleerd via het control panel, of als je CloudFlare SSL gebruikt kun je de https:// versie van je website gebruiken. Onderstaande stappen kun je gebruiken om je WordPress site volledig op https:// te laten draaien. Je ziet dan een groen slotje in je browser als je je website bezoekt

Kom je er niet uit? We helpen je graag verder op weg via support. Daarnaast bieden we ook een omzet-service aan, waarbij we dit geheel voor je uitvoeren (informeer naar de mogelijkheden).

WordPress URL

Hoeveel werk het omzetten is hangt er van af hoe complex je website is, maar in de meeste gevallen ben je een heel eind met het wijzigen van de "Site URL" en de "Base URL" naar https:// ipv http:// onder Instellingen->Algemeen (Settings->General).

Actieve inhoud

Je kunt daarna je site opvragen om te zien of deze nog goed werkt, maar soms is nog meer nodig. Links in je website kunnen nog wijzen naar http:// links. Omdat de meeste browsers niet accepteren dat je onbeveiligde inhoud laad van http:// op een beveiligde website, moet je in ieder geval alle actieve inhoud zoals javascript, en css (ook die van externe websites) wijzigen zodat die vanaf een beveiligde website komen (dus met https://).

Om alle elementen op je website te zien, en of deze goed geladen worden kun je gebruik maken van www.whynopadlock.com, maar alle moderne browsers hebben ook een optie om te zien of er fouten op je website optreden:

Firefox: Tools->Web developer->Web Console

Chrome: View->Developer->Developer Tools Tab: Console

Safari: Develop->Show Error Console

Als je daar berichten ziet zoals "Blocked loading mixed active content http://www.example.com/script.js" moet je deze scripts nog even vervangen met een https:// versie (je kan ook /script.js of //www.example.com/script.js gebruiken). Die scripts staan soms in thema bestanden, die moet je dan zelf bewerken of de thema maker vragen dit te doen.

Links

Om alle oude links naar http:// door te sturen naar de https:// versie gebruik je de optie "Standaard Homepage" in het Customer Care Center.

Belangrijk is dat de URL in WordPress, en de URL die je instelt in het Control Panel overeenkomen (dus met of zonder www). Anders kom je in een oneindig cirkeltje terecht, wat opgelost kan worden door de verwijzing opnieuw correct in te stellen via het Control Panel.

Afbeeldingen en links

Dan blijven over nog alle afbeeldingen en interne links op je website in posts en pages. Deze worden met bovenstaande .htaccess code al wel doorgestuurd en je website zal werken, maar de afbeeldingen worden anders toch gezien als onbeveiligde inhoud, waardoor je geen groen slotje in je browser krijgt.

Met een plugin (aanbevolen)

Gebruik de plugin Really simple ssl https://wordpress.org/plugins/really-simple-ssl/ en vervang met behulp van deze plugin de URL http://www.jouwwebsite.nl door http s://www.jouwwebsite.nl.

Installatie: via Plugins->Add New

Na installatie heb je een extra optie onder: Extra->Update URLs

Zet je URL met http in het oude URL veld en https in het nieuwe URL veld updaten. Vink alle opties behalve de laatste (GUIDs) aan, en klik op bijwerken.

Handmatig

Als de hoeveelheid pagina's op je website mee valt kun je er voor kiezen even alle afbeeldingen en plaatjes per pagina te updaten via de normale posts editor.

Gefeliciteerd! Als het goed is draait nu je website volledig op https:// en is deze beveiligd tegen het ongewenst afluisteren van de verbinding.

Optioneel

Installeer het Site-Seal logo op je website, om meer vertrouwen te geven aan bezoekers. Kopieer deze hier, of vanuit de link https://www.positivessl.com/trusted-ssl-site-seal.php (PositiveSSL)

Of als het om een Let's Encrypt certificaat gaat, kan je hier logo's downloaden: https://letsencrypt.org/trademarks/

FAQ: Mogelijke Problemen en oplossingen

Ik krijg wel een slotje, maar daarnaast verschijnt nog steeds een geel driehoekje of slotje met een streep erdoor in beeld na het wijzigen naar https://

Oplossing: dit geeft aan dat hoewel je website versleuteld is, er nog inhoud (afbeeldingen, CSS, fonts) van onbeveiligde verbindingen wordt geladen. Als je Firefox gebruikt kun je dit handig controleren via Tools->Web developer->Web Console (In Chrome: View->Developer->Developer Tools Tab: Console). Als je daar berichten ziet zoals "Blocked loading mixed active content..." zie je daar achter om welke inhoud het gaat. Veel thema's gebruiken bijvoorbeeld een door jou ingesteld logo vanaf http:// of Google Fonts vanaf http://. Die http:// links kun je vaak wijzigen onder Theme Options naar https://.

Mijn website, of een onderliggende website in een submap geeft de melding "Could not open the page, too many redirects"

Oplossing: dit wordt meestal veroorzaakt door de regels in je .htaccess bestand. De bovenste 2 regels geven aan dat alle bezoekers moeten worden verwezen naar www.>. Als echter in je applicatie staat ingesteld dat bezoekers verwezen moeten worden naar <website.nl> (zonder www) verwijzen beiden dus telkens naar zich zelf terug (oneindige loop). Je kan dit oplossen door 1 van beiden aan te passen, dus ofwel de htaccess regels al dan niet tijdelijk te verwijderen, of in je applicatie in te stellen dat deze op www.<website.nl> draait.