Hoe voeg je custom code toe aan WordPress met een code snippet plugin?

Je wilt een stukje PHP-code toevoegen aan je WordPress website. Misschien om een functie uit te schakelen, een shortcode aan te maken of het gedrag van een plugin aan te passen. De klassieke methode is om die code in het functions.php bestand van je thema te plakken, maar dat brengt risico’s met zich mee: je code verdwijnt bij een thema-update en een typfout kan je hele website platleggen. Er is een veel veiligere manier: een code snippet plugin. In dit artikel leggen we uit hoe zo’n plugin werkt, welke opties er zijn en hoe je er stap voor stap mee aan de slag gaat.

Waarom is een code snippet plugin veiliger dan het bewerken van functions.php?

Het functions.php bestand van je thema wordt bij elk paginabezoek uitgevoerd. Een fout in dat bestand, hoe klein ook, kan resulteren in een wit scherm waardoor je niet meer kunt inloggen in je dashboard. Bovendien is de code gebonden aan je thema: wissel je van thema, dan werkt de code niet meer. En update je je thema, dan worden je aanpassingen overschreven.

Een code snippet plugin lost al deze problemen op. De code die je via de plugin toevoegt wordt onafhankelijk van je thema opgeslagen. Dat betekent dat je code behouden blijft als je van thema wisselt of je thema bijwerkt. Maar het allergrootste voordeel is de ingebouwde foutbeveiliging: als een stukje code een fout veroorzaakt, deactiveert de plugin dat snippet automatisch zodat je website gewoon blijft draaien. Je krijgt een melding en kunt de fout in alle rust corrigeren. Geen wit scherm, geen paniek.

Welke code snippet plugins zijn er voor WordPress?

Er zijn twee populaire opties die allebei uitstekend werk leveren.

WPCode: de meest complete optie

WPCode, voorheen bekend als Insert Headers and Footers, is de meest populaire code snippet plugin met meer dan twee miljoen actieve installaties. De gratis versie biedt alles wat je nodig hebt: een overzichtelijk dashboard waar je snippets toevoegt, beheert en in- of uitschakelt. Je kunt per snippet aangeven waar de code moet worden uitgevoerd: in de header, de footer, voor of na de content, of overal op je site. WPCode bevat daarnaast een bibliotheek met kant-en-klare snippets voor veelgevraagde aanpassingen, zodat je niet zelf hoeft te coderen. De premium versie voegt functies toe zoals een revisiegeschiedenis, geplande activering en privé cloud-snippets

Code Snippets: een sterk gratis alternatief

Code Snippets is een andere veelgebruikte optie die een vergelijkbare werkwijze biedt. Na het installeren krijg je een overzicht dat lijkt op de pluginpagina van WordPress: je ziet al je snippets met de mogelijkheid om ze individueel te activeren of deactiveren. Je kunt snippets taggen, beschrijven en exporteren naar andere websites. Code Snippets is volledig gratis en biedt een prettige interface voor iedereen die regelmatig kleine stukjes code aan zijn website toevoegt.

Hoe voeg je een code snippet toe met WPCode?

Het toevoegen van custom code via WPCode is een eenvoudig proces in vier stappen.

Stap 1: Installeer en activeer de WPCode plugin

Ga in je WordPress dashboard naar Plugins, klik op Nieuwe plugin en zoek op WPCode. Installeer en activeer de plugin. Je ziet nu een nieuw menu-item Code Snippets verschijnen in je dashboard.

Stap 2: Maak een nieuw snippet aan

Klik op Code Snippets en dan op Snippet toevoegen. Je kunt kiezen uit de snippetbibliotheek of op Eigen code klikken om zelf code in te voeren. Geef je snippet een duidelijke naam zodat je later weet wat het doet, bijvoorbeeld ‘Revisies beperken tot 5’.

Stap 3: Voeg je code toe en kies de instellingen

Plak je PHP-code in het codeveld. Kies het codetype (PHP Snippet voor de meeste WordPress-aanpassingen) en geef aan waar de code moet worden uitgevoerd. Voor de meeste PHP-snippets kies je ‘Everywhere’ of ‘Admin Only’, afhankelijk van de functie. Je kunt ook voorwaarden instellen, zoals alleen op specifieke pagina’s of voor bepaalde gebruikersrollen.

Stap 4: Activeer het snippet en test je website

Klik op Opslaan en activeren. Je snippet is nu actief. Open je website in een incognito-venster en controleer of alles naar behoren werkt. Werkt iets niet zoals verwacht? Ga terug naar het snippet en deactiveer het met één klik. Dankzij de foutbeveiliging van WPCode is je website nooit in gevaar, zelfs als de code een fout bevat.

Welke aanpassingen kun je maken met een code snippet plugin?

De mogelijkheden zijn vrijwel eindeloos. Enkele veelvoorkomende voorbeelden: het beperken van het aantal berichtrevisies, het verwijderen van het WordPress versienummer uit de broncode, het toevoegen van eigen shortcodes, het uitschakelen van de Gutenberg editor voor specifieke berichttypen, het aanpassen van het WordPress login-logo, het toevoegen van trackingscripts in de header of footer, en het uitschakelen van bepaalde functies die je niet gebruikt. In de snippetbibliotheek van WPCode vind je tientallen kant-en-klare voorbeelden die je met één klik kunt activeren.

Code snippet plugins maken custom code toegankelijk en veilig

Of je nu een beginner bent die voor het eerst een stukje code wilt toevoegen of een gevorderde gebruiker die regelmatig aanpassingen maakt, een code snippet plugin is de veiligste en meest overzichtelijke manier om custom code te beheren op je WordPress website. Je code blijft behouden bij thema-updates en thema-wissels, je loopt geen risico op een crashende website en je hebt al je snippets netjes op één plek. Het is de moderne vervanger van het functions.php bestand voor alles wat niet thema-specifiek is.