Moet ik coderen voor WordPress websites?

11 mei 2022 | webdesign

coderen wordpress website

De laatste jaren worden contentmanagementsystemen en digitale websitebouwers steeds verfijnder. Daarbij wordt ook steeds vaker gesteld dat kennis van code niet langer nodig is. Voor een vrij algemene website hoeft dat niet altijd, maar als je zaken echt op je eigen manier wilt aanpassen, dan kan het schrijven van enkele lijntjes code superhandig zijn. In dit artikel krijg je antwoord op de zoekterm “coderen website WordPress”. Je leert waar je zoal voor je WordPress-website code voor nodig hebt en waar je die kan vinden.

Even een woordje vooraf: in de begintijden van het internet werden zo’n beetje alle websites geschreven met code. Nu komt er nog altijd een heleboel code aan het maken van een website te pas, alleen is het proces nu geautomatiseerd. Waar een ontwikkelaar soms uren code aan het schrijven is, kan een contentmanagementsysteem (CMS) als WordPress zo’n proces aanzienlijk versnellen.

Veelgebruikte programmeertalen zijn HTML, CSS, PHP, jQuery en Java. Misschien heb je actieve herinneringen aan de websites van rond het jaar 2000. Die werden vooral in code gemaakt. Je moest wel behoorlijk technisch en wiskundig onderlegd zijn om hier mee uit te voeten te kunnen. Het was echt heel erg veel werk om destijds een website te bouwen. Een site designen is nu nog altijd veel werk, maar lang niet zoveel meer als in de jaren stilletjes. En er zijn ook veel meer mogelijkheden, want de techniek staat niet stil.

Moet je dit nu echt doen?

Of coderen echt nodig is, hangt helemaal van jezelf af. Toen ik vijftien jaar geleden een eerste website bouwde met een online websitebouwer, moest ik gewoon iets simpels voor een school creëren. Dit hoefde niet verder aangepast te worden, het sjabloon volstond. Ga je dus aan de slag met een bouwer, bijvoorbeeld met Wix, dan heb je geen kennis van code nodig.

Hetzelfde geldt voor een CMS als WordPress. Sinds het verschijnen van WordPress-bouwers als Elementor en Divi kun je echt al heel erg veel zonder code. Toch kom je op een bepaald moment op het punt dat de bouwer ontoereikend is: je wilt het knopje “to send” in het Nederlands vertalen, maar je bouwer kan dat (nog) niet. In zo’n geval heb je waarschijnlijk wat lijntjes CSS nodig om aan je wensen te voldoen. Of als je je mobiele menu (het fameuze hamburgermenu in het jargon) netjes wilt uitlijnen in de telefoonweergave, ga je in bepaalde gevallen ook wat CSS nodig hebben.

Waar heb ik code voor nodig?

Zelf bouw ik vooral websites in het populaire WordPress thema en bouwer Divi. Dit is een fantastische tool voor als je, zoals ik, visueel bent ingesteld: what you see is what you get, je ziet wat je doet. Heel handig ook voor klanten die zonder kennis van code nadien hun eigen website willen onderhouden en bijwerken.

Tijdens het bouwen van websites, heb ik steevast code nodig voor heel wat zaken. Onderstaande zijn er vijf van:

Tip: ben je een doe-het-zelver en op zoek naar codes? Klik op de onderlijnde woorden om bij de code uit te komen!

Hamburgermenu in Divi uitlijnen

Een basis hamburgermenu maken, gaat in deze bouwer prima, maar het uitlijnen zit niet in de bouwer inbegrepen. Daarvoor heb je CSS nodig. Hier kun je de code vinden om je mobiel menu in Divi netjes uit te lijnen.

One pager in Divi maken

Een one pager is een website die eigenlijk maar uit één pagina bestaat, maar vaak wel een menu heeft. Om dit menu operationeel te maken, heb je CSS nodig. Hier kun je de code vinden om een one pager in Divi te maken.

Blog grid in Divi maken

Een blog grid is een overzicht van blog posts in tegelvorm. Zoiets kun je vrij gemakkelijk met Divi maken, maar iedere tegel even groot krijgen is soms even een karweitje. Hier lees je hoe je je blog grid een consequente lay-out kan geven.

Google Analytics aan je website koppelen

Google Analytics is heel belangrijk om je websiteverkeer mee op te volgen. Je kan dat via een plugin koppelen aan je WordPress-website, bijvoorbeeld met Monster Insights. Je kan het ook handmatig doen door code bijvoorbeeld in de header van je website te plaatsen. Hier kun je lezen waar je de Google Analytics code kan vinden.

Items op volledige grootte weergeven

Soms heeft een thema en / of bouwer er een handje van om je afbeeldingen of stukjes tekst te klein te publiceren. Je kan dat handmatig aanpassen door bij de betreffende custom CSS de volgende code in te voeren: {width: 100%;}

Waar kan ik codes vinden?

Heb je andere codes nodig, dan is Google je beste vriend. Maar sommige websites, die je in de zoekresultaten tegenkomt, zijn betrouwbaarder dan andere. Zelf gebruik ik vaak W3Schools.org als vraagbak. Hier vind ik de meest interessante en handige CSS en HTML codes voor websites. Gaat het om andere codes, dan Google ik het net zo lang totdat ik het vind.

Code en duurzaamheid

Het toevoegen van enkele lijntjes code is niet direct van invloed op de CO2-uitstoot van je website. Maar zodra de code complexer wordt, kan het een ander verhaal worden. Dat kan namelijk van invloed zijn op de prestatie van je website. Een trage website heeft waarschijnlijk meer serverkracht nodig, dus meer elektriciteit. Je kan dat voorkomen door enkele de broodnodige code toe te passen en ongebruikte extra code te verwijderen. Doe dit alleen als je weet waar je mee bezig bent. Heb je vragen? Schakel een specialist in.

Conclusie

Is het nu echt nodig? Ja, als jij je website wilt echt zo wilt maken zoals jij het in gedachte hebt, dan raad ik je aan om de nodige codes op te zoeken. Ben je met een standaard website tevreden, dan kun je overwegen om dit niet te doen.

Veel succes!

Artikel geüpdatet op 4 januari 2025.

Dit artikel bevat meerdere affiliate links. Kijk hier voor meer informatie.

Vond je dit artikel interessant? Deel het via de knoppen op social media!

Lees hier meer

Hoe maak je een duurzame website?

Wist je dat het internet één van de grootste vervuilers op deze planeet is? En dat websites een hoog energieverbruik hebben? Tijd dus om je eigen website te verduurzamen. In dit artikel lees je hoe je zelf een duurzame website kan maken. Waarom zijn websites vervuilend?“Als het internet een...

Hoe kun je duurzaam fotograferen? | 10 tips

Wist je dat er ook zoiets als duurzame fotografie bestaat? Als fotograaf kun je namelijk je ecologische voetafdruk verkleinen. Maar duurzaam fotograferen, hoe doe je dat? Je leest het in dit artikel. Waarom is fotografie niet altijd zo duurzaam?Sinds de digitale fotografie haar intrede deed,...

Waarom kiezen voor Ecosia?

Bij iedere online zoekopdracht laat je een ecologische voetafdruk achter. Bij groene zoekmachine Ecosia wordt dat gecompenseerd. Want, terwijl je zoekt, worden er nieuwe bomen geplant. Hoe werkt dit? En waarom zou je kiezen voor Ecosia? Je leest het in dit artikel.Waarom zijn zoekmachines...

Pin It on Pinterest

Share This