Als sommige pagina’s op WordPress niet goed worden weergegeven

Dit rare probleem kwam ik onlangs tegen: de meeste pagina’s van mijn website zagen er prima uit. Terwijl sommige pagina’s er ‘stuk’ uitzagen.

Alle tekst was wel zichtbaar, maar het zag er nogal chaotisch uit. Wat was hier aan de hand?

Het leek erop dat de CSS niet geladen werd. CSS zorgt ervoor dat de tekst op de juiste plaats komt te staan en dat je website mooi ingedeeld wordt.

Maar waarom zou WordPress op de ene pagina de CSS wel laden en op de andere pagina niet? Ik had geen idee.

Om het probleem op te lossen heb ik eerst de cache geleegd van de optimalisatie plugin die ik gebruik (W3 Total Cache). Helaas hielp dat niet.

Toen besloot ik in de broncode te kijken en daar viel me iets vreemds op: op de pagina’s waar CSS niet goed werkte, werd met http naar de CSS verwezen in plaats van https.

Waarom dat zo is ben ik nog niet achter, maar ik heb het probleem dankzij dit Engelstalige artikel kunnen verhelpen door het toevoegen van een stukje code:

if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
$_SERVER['HTTPS']='on';

Dit stukje code plaats je in het config.php bestand, precies vóór het volgende stukje code.

Wat het doet is ervoor zorgen dat er altijd https gebruikt wordt. Hiermee was het probleem verholpen 😊