{"id":71182,"date":"2022-10-25T07:00:06","date_gmt":"2022-10-25T14:00:06","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71182"},"modified":"2025-05-26T09:25:32","modified_gmt":"2025-05-26T16:25:32","slug":"alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/","title":{"rendered":"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand"},"content":{"rendered":"\n<p>Om betrokken te raken bij <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress-ontwikkeling<\/a>, moet je eerst begrijpen hoe de belangrijkste bestanden van het platform werken. WordPress maakt het vrij eenvoudig om met je site te knutselen. Het kan echter moeilijk zijn om te weten waar je moet beginnen \u2014 of te voorspellen wat je wijzigingen daadwerkelijk zullen doen.<\/p>\n\n\n<p>Een perfecte plek om te leren is het <a href=\"https:\/\/codex.wordpress.org\/Functions_File_Explained\" target=\"_blank\" rel=\"noopener\"><i>functions.php<\/i> bestand<\/a>, dat ook bekend staat als het functions bestand. Dit is een veelvoorkomende locatie voor het maken van wijzigingen en het toevoegen van code aan WordPress. Door dit bestand te bewerken, kun je verschillende nuttige dingen bereiken, zoals Google Analytics toevoegen aan je site, aangepaste menu&#8217;s maken, of de geschatte leestijd van een bericht weergeven.<\/p>\n\n\n<h2 id=\"h-what-is-the-functions-php-file\" class=\"wp-block-heading\"><b>Wat Is Het functions.php Bestand?<\/b><\/h2>\n\n\n<p>Het WordPress <i>functions.php<\/i>-bestand zit bij alle gratis en premium WordPress-thema&#8217;s. Voor het ongetrainde oog lijkt het misschien niet veel, maar het functions-bestand is een krachtige tool waarmee je veel interessante dingen kunt doen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"379\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-theme-support-1024x379.jpg\" alt=\"WordPress functions.php\" class=\"wp-image-37723 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-theme-support-1024x379.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-theme-support-300x111.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-theme-support-768x284.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-theme-support-1536x569.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-theme-support-600x222.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-theme-support-750x278.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-theme-support-100x37.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-theme-support.jpg.webp 1588w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/379;\" \/><\/figure><\/div>\n\n<p>De <a href=\"https:\/\/codex.wordpress.org\/Main_Page\" target=\"_blank\" rel=\"noopener\">WordPress Codex<\/a> beschrijft het functiebestand als volgt:<\/p>\n\n\n<p>\u201cJe kunt het gebruiken om functies aan te roepen, zowel PHP als ingebouwde WordPress, en om je eigen functies te defini\u00ebren. Je kunt dezelfde resultaten bereiken door code toe te voegen aan een WordPress Plugin of via het functiebestand van het WordPress Thema.\u201d<\/p>\n\n\n<p>In eenvoudige termen stelt het functiebestand je in staat om aangepaste code aan je site toe te voegen. Het laat je nieuwe functies cre\u00ebren of bestaande refereren op aangepaste manieren. Zoals de Codex aangeeft, maakt dit het functiebestand zeer vergelijkbaar met een plugin, maar er zijn enkele verschillen tussen de twee.<\/p>\n\n\n<p>Het belangrijkste verschil is dat het functiebestand bij een specifiek thema hoort. Als je van thema wisselt of een update naar een nieuwere versie uitvoert, zullen de wijzigingen die je hebt aangebracht verdwijnen.<\/p>\n\n\n<p>Om deze reden zou je moeten overwegen een <a href=\"https:\/\/www.dreamhost.com\/blog\/why-you-need-a-child-theme\/\" target=\"_blank\" rel=\"noopener\">child-thema<\/a> te cre\u00ebren en de nieuwe code toe te voegen aan het functiebestand van het child-thema. Op deze manier kun je het parent-thema updaten zonder je wijzigingen te verliezen.<\/p>\n\n\n<p>Of je nu ervoor kiest om het functiebestand te gebruiken of een <a href=\"https:\/\/www.dreamhost.com\/blog\/writing-plugins-for-wordpress\/\" target=\"_blank\" rel=\"noopener\">plugin te maken<\/a> is helemaal aan jou. Laten we voor nu kijken naar de verschillende manieren waarop je je functiebestand kunt bewerken!<\/p>\n\n\n<h2 id=\"h-how-to-edit-the-functions-file-2-methods\" class=\"wp-block-heading\"><b>Hoe De Functies Bestand Te Bewerken (2 Methoden)<\/b><\/h2>\n\n\n<p>Het bewerken van je functions-bestand is eenvoudig met een standaard teksteditor, zoals TextEdit of Kladblok. Voordat je begint, is het echter van cruciaal belang dat je <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-back-up-wordpress-tutorial\/\" target=\"_blank\" rel=\"noopener\">een back-up maakt<\/a> van je site en het originele, onbewerkte <i>functions.php<\/i>-bestand opslaat. Dit stelt je in staat om je website te herstellen als er iets misgaat tijdens het bewerkingsproces.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-use-the-wordpress-editor\"><b>1. Gebruik De WordPress Editor<\/b><\/h3>\n\n\n<p>Als je toegang hebt tot de WordPress-beheerinterface, kun je het functiebestand rechtstreeks bewerken vanuit de Theme Editor. Ga naar <i>Uiterlijk &gt; Editor<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"474\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-editor-stylesheet-css-1024x474.jpg\" alt=\"WordPress Thema Bestandseditor\" class=\"wp-image-37724 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-editor-stylesheet-css-1024x474.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-editor-stylesheet-css-300x139.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-editor-stylesheet-css-768x356.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-editor-stylesheet-css-1536x712.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-theme-editor-stylesheet-css-600x278.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-theme-editor-stylesheet-css-750x347.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-editor-stylesheet-css-100x46.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-theme-editor-stylesheet-css.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/474;\" \/><\/figure><\/div>\n\n<p>Aan de rechterkant van het scherm zie je een lijst van al je themabestanden. Deze verschillen afhankelijk van het thema dat je gebruikt, maar een van de opties zou <i>Theme Functions<\/i> (<i>functions.php<\/i>) moeten zijn.<\/p>\n\n\n<p>Klik gewoon op het bestand om het in de editor te openen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"452\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-functions-functions-php-file-1024x452.jpg\" alt=\"WordPress Theme Editor functions.php bestand\" class=\"wp-image-37725 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-functions-functions-php-file-1024x452.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-functions-functions-php-file-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-functions-functions-php-file-768x339.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-functions-functions-php-file-1536x678.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-theme-functions-functions-php-file-600x265.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-theme-functions-functions-php-file-750x331.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-theme-functions-functions-php-file-100x44.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-theme-functions-functions-php-file.jpg.webp 1938w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/452;\" \/><\/figure><\/div>\n\n<p>Nu kun je het bestand rechtstreeks bewerken. Vergeet niet om op <i>Update File<\/i> onderaan te klikken om je wijzigingen op te slaan als je klaar bent.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-access-the-file-through-ftp\"><b>2. Toegang Tot Het Bestand Via FTP<\/b><\/h3>\n\n\n<p>Als je het admin dashboard niet kunt gebruiken of liever bestanden rechtstreeks configureert, kun je ook toegang krijgen tot het functiebestand met behulp van een <a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\">Secure File Transfer Protocol (SFTP) client <\/a>zoals <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\">FileZilla<\/a>.<\/p>\n\n\n<p>Open je FTP-tool en voer je hostinggegevens in om verbinding te maken met je site. Om het juiste bestand te vinden, navigeer naar <i>wp-content\/themes\/[de naam van je thema]<\/i>. Wanneer je deze map opent, zie je het bestand <i>functions.php<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-file-ftp-client-1024x477.jpg\" alt=\"het bewerken van het WordPress functions.php bestand via een FTP-client\" class=\"wp-image-37722 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-file-ftp-client-1024x477.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-file-ftp-client-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-file-ftp-client-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-file-ftp-client-1536x716.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-php-file-ftp-client-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-php-file-ftp-client-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-file-ftp-client-100x47.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-php-file-ftp-client.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/477;\" \/><\/figure><\/div>\n\n<p>Het enige wat je nu hoeft te doen is het bewerken met je favoriete tekstbewerkingssoftware. Wanneer je klaar bent, sla je het bestand op en overschrijf je het met dezelfde naam en extensie.<\/p>\n\n\n<h2 id=\"h-8-tricks-you-can-accomplish-with-the-wordpress-functions-file\" class=\"wp-block-heading\"><b>8 Trucs Die Je Kunt Uitvoeren Met Het WordPress Functiesbestand<\/b><\/h2>\n\n\n<p>Je zou nu klaar moeten zijn om te beginnen met het bewerken van je functiebestand. Om je op weg te helpen, bekijken we enkele wijzigingen die je kunt aanbrengen. Het enige wat je hoeft te doen is de verstrekte codesnippets kopi\u00ebren en deze op een nieuwe regel helemaal onderaan je functiebestand plakken (vergeet niet om het op te slaan!).<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-add-google-analytics-to-your-site\"><b>1. Voeg Google Analytics Toe Aan Je Site<\/b><\/h3>\n\n\n<p>Er zijn verschillende manieren om <a href=\"https:\/\/analytics.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a> te integreren met je WordPress-site. Een daarvan is door je inloggegevens rechtstreeks toe te voegen aan het functiebestand. Deze methode zal de trackingcode in de koptekst van je site invoegen, zodat elk bezoek correct wordt geregistreerd.<\/p>\n\n\n<p>Begin door <a href=\"https:\/\/www.dreamhost.com\/blog\/use-google-analytics-wordpress\/\" target=\"_blank\" rel=\"noopener\">de volgende code<\/a> onderaan je functiebestand te plakken:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php\n\nadd_action('wp_head', 'wpb_add_googleanalytics');\n\nfunction wpb_add_googleanalytics() { ?&gt;\n\n\/\/ Vervang deze regel door je Google Analytics Tracking-ID\n\n&lt;?php } ?&gt;<\/pre>\n\n\n<p>Het enige wat je nu hoeft te doen is je <a href=\"https:\/\/support.google.com\/analytics\/answer\/1008080#trackingID\" target=\"_blank\" rel=\"noopener\">Tracking ID vinden<\/a> en deze plakken in de regel die de tijdelijke tekst bevat. Wanneer je het functiebestand opslaat, zal je site verbonden zijn met je Google Analytics-account.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-change-the-default-login-error-message\"><b>2. Wijzig Het Standaard Inlogfoutbericht<\/b><\/h3>\n\n\n<p>Standaard ziet iemand die een mislukte inlogpoging doet op een WordPress-site een foutmelding zoals deze:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"792\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-default-login-error-message-1024x792.jpg\" alt=\"Standaard WordPress inlogfoutmelding\" class=\"wp-image-37715 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-default-login-error-message-1024x792.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-default-login-error-message-300x232.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-default-login-error-message-768x594.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-default-login-error-message-600x464.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-default-login-error-message-750x580.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-default-login-error-message-100x77.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-default-login-error-message.jpg.webp 1318w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/792;\" \/><\/figure><\/div>\n\n<p>Helaas geeft deze boodschap potenti\u00eble indringers informatie over waarom de poging niet is gelukt. Een veiligere oplossing is om dit te wijzigen naar een algemene boodschap.<\/p>\n\n\n<p>Je kunt dit eenvoudig doen door de <a href=\"https:\/\/gist.github.com\/reviewsquirrel\/6bed41b280fdff5db75d18f0aac2cd79\" target=\"_blank\" rel=\"noopener\">volgende code<\/a> toe te voegen aan je functies bestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function no_wordpress_errors(){\nreturn 'Er is iets misgegaan!';\n}\nadd_filter( 'login_errors', 'no_wordpress_errors' );<\/pre>\n\n\n<p>Zie je dat <i>Er is iets misgegaan!<\/i> bericht op de tweede regel? Dat bericht verschijnt nu de volgende keer dat een verkeerde inlogpoging plaatsvindt:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"711\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-change-default-login-error-message-1024x711.jpg\" alt=\"WordPress aangepast inlogfoutbericht\" class=\"wp-image-37717 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-change-default-login-error-message-1024x711.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-change-default-login-error-message-300x208.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-change-default-login-error-message-768x533.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-change-default-login-error-message-600x417.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-change-default-login-error-message-750x521.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-change-default-login-error-message-100x69.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-change-default-login-error-message.jpg.webp 1308w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/711;\" \/><\/figure><\/div>\n\n<p>Je kunt de tekst veranderen in wat je wilt, zolang je de enkele aanhalingstekens maar behoudt. Probeer het uit met verschillende berichten om te zien hoe het werkt.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-add-the-estimated-reading-time-for-a-post\"><b>3. Voeg De Geschatte Leestijd Voor Een Bericht Toe<\/b><\/h3>\n\n\n<p>Deze handige truc stelt je in staat om te berekenen en weer te geven hoeveel tijd er nodig is om een bericht te lezen. Je bezoekers kunnen dan meteen een algemeen idee krijgen van de lengte van de inhoud.<\/p>\n\n\n<p>Om deze code te implementeren, moet je twee afzonderlijke aanpassingen maken. De eerste vindt plaats in het <i>functions.php<\/i> bestand, waar je <a href=\"https:\/\/birchtree.me\/blog\/reading-time-wp-php\/\" target=\"_blank\" rel=\"noopener\">het volgende fragment<\/a> wilt plakken:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function leestijd() {\n$content = get_post_field( 'post_content', $post-&gt;ID );\n$woord_count = str_word_count( strip_tags( $content ) );\n$leestijd = ceil($woord_count \/ 200);\nif ($leestijd == 1) {\n$tijdseenheid = \" minuut\";\n} else {\n$tijdseenheid = \" minuten\";\n}\n$totaleleestijd = $leestijd . $tijdseenheid;\nreturn $totaleleestijd;\n}<\/pre>\n\n\n<p>Echter, dit fragment voert alleen de berekening uit. Je moet nu de volgende code toevoegen waar je de resultaten wilt laten weergeven:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">echo reading_time();<\/pre>\n\n\n<p>Bijvoorbeeld, je kunt het toevoegen aan de metadata die naast elke post verschijnt. Elk thema is anders opgebouwd, maar meestal vind je het in <i>template-parts &gt; post &gt; content.php<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"978\" height=\"332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts.jpg\" alt=\"Geschatte leestijd volgens WordPress functions.php\" class=\"wp-image-37726 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts.jpg.webp 978w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts-300x102.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts-768x261.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts-600x204.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts-750x255.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wp-functions-add-estimated-reading-time-for-wordpress-posts-100x34.jpg 100w\" data-sizes=\"(max-width: 978px) 100vw, 978px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 978px; --smush-placeholder-aspect-ratio: 978\/332;\" \/><\/figure><\/div>\n\n<p>De geschatte leestijd zal nu in de kop van elke post verschijnen naast de datum.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-remove-the-wordpress-version-number\"><b>4. Verwijder Het WordPress Versienummer<\/b><\/h3>\n\n\n<p>Oude versies van WordPress kunnen beveiligingsfouten bevatten die kwaadwillende hackers en bots kunnen misbruiken. Een manier om dit risico te vermijden is door te verbergen welke versie van WordPress je site gebruikt. Dit wordt <a href=\"https:\/\/en.wikipedia.org\/wiki\/Security_through_obscurity\" target=\"_blank\" rel=\"noopener\">security through obscurity<\/a> genoemd.<\/p>\n\n\n<p>Voordat we verder gaan, is het belangrijk om op te merken dat obscuriteit nooit je <i>enige<\/i> beveiligingsmaatregel moet zijn. Het is meer als het toevoegen van een extra bolwerk aan je al <a href=\"https:\/\/www.dreamhost.com\/blog\/secure-your-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">beveiligde WordPress fort<\/a>.<\/p>\n\n\n<p>Je versienummer verbergen vereist alleen het toevoegen van de volgende <a href=\"https:\/\/digwp.com\/2009\/07\/remove-wordpress-version-number\/\" target=\"_blank\" rel=\"noopener\">codefragment<\/a> aan het functiebestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">remove_action('wp_head', 'wp_generator');<\/pre>\n\n\n<p>Het versienummer zal nu uit alle gebieden van je site verwijderd worden, inclusief de code en je RSS-feed.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-automatically-update-your-copyright-notice\"><b>5. Werk Je Auteursrechtverklaring Automatisch Bij<\/b><\/h3>\n\n\n<p>Het bijwerken van het jaar in je auteursrechtvermelding is een van die kleine taken die gemakkelijk te vergeten zijn. Gelukkig kun je je functiesbestand bewerken om de auteursrechtdatum automatisch te genereren op basis van het jaar waarin je eerste bericht is geschreven.<\/p>\n\n\n<p>Plak <a href=\"https:\/\/premium.wpmudev.org\/blog\/daily-tip-how-to-add-a-dynamic-copyright-date-in-the-footer\/#comment-13309\" target=\"_blank\" rel=\"noopener\">de volgende code<\/a> in je functions-bestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function wpb_copyright() {\nglobal $wpdb;\n$copyright_dates = $wpdb-&gt;get_results(\"\nSELECT\nYEAR(min(post_date_gmt)) AS firstdate,\nYEAR(max(post_date_gmt)) AS lastdate\nFROM\n$wpdb-&gt;posts\nWHERE\npost_status = 'publish'\n\");\n$output = '';\nif($copyright_dates) {\n$copyright = \"\u00a9 \" . $copyright_dates[0]-&gt;firstdate;\nif($copyright_dates[0]-&gt;firstdate != $copyright_dates[0]-&gt;lastdate) {\n$copyright .= '-' . $copyright_dates[0]-&gt;lastdate;\n}\n$output = $copyright;\n}\nreturn $output;\n}<\/pre>\n\n\n<p>Voeg dan de volgende code toe waar je de auteursrechtinformatie wilt laten weergeven:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php echo wpb_copyright(); ?&gt;<\/pre>\n\n\n<p>Je ziet nu de dynamisch bijgewerkte auteursrechtdatum op je site.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"92\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-1024x92.png\" alt=\"Een dynamisch bijwerkende auteursrechtdatum op een website\" class=\"wp-image-37721 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-1024x92.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-300x27.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-768x69.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-1536x139.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-600x54.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-750x68.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date-100x9.png 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-php-dynamic-auto-update-copyright-date.png.webp 1695w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/92;\" \/><\/figure><\/div>\n\n<p>In ons geval hebben we de datum toegevoegd aan het <i>footer.php<\/i>-bestand, zodat deze onderaan de pagina wordt weergegeven.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-add-custom-menus\"><b>6. Voeg Aangepaste Menu&#8217;s Toe<\/b><\/h3>\n\n\n<p>De meeste thema&#8217;s hebben vooraf gedefinieerde <a href=\"https:\/\/www.dreamhost.com\/blog\/navigation-menu-design\/\" target=\"_blank\" rel=\"noopener\">navigatiemenu&#8217;s<\/a>. Maar wat als je je eigen menu wilt cre\u00ebren en het overal op je site wilt plaatsen?<\/p>\n\n\n<p>Alles wat je hoeft te doen is <a href=\"http:\/\/www.wpbeginner.com\/wp-themes\/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes\/\" target=\"_blank\" rel=\"noopener\">deze code<\/a> in je functiebestand plakken:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function wpb_custom_new_menu() {\nregister_nav_menu('my-custom-menu',__( 'Mijn Aangepaste Menu' ));\n}\nadd_action( 'init', 'wpb_custom_new_menu' );<\/pre>\n\n\n<p>Je kunt <i>\u2018My Customized Menu\u2019<\/i> vervangen door de naam die je aan het menu wilt geven. Als je naar <i>Uiterlijk &gt; Menu&#8217;s<\/i> in je beheergebied gaat, zou je de nieuwe optie op de pagina moeten zien staan:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"254\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-add-custom-menu-1024x254.jpg\" alt=\"pas je WordPress-menu's aan met het functions.php-bestand\" class=\"wp-image-37716 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-add-custom-menu-1024x254.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-add-custom-menu-300x74.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-add-custom-menu-768x190.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-add-custom-menu-600x149.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-add-custom-menu-750x186.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-add-custom-menu-100x25.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-add-custom-menu.jpg.webp 1234w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/254;\" \/><\/figure><\/div>\n\n<p>Je kunt nu het nieuwe menu overal op je site toevoegen.<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php\nwp_nav_menu( array(\n'theme_location' =&gt; 'my-custom-menu',\n'container_class' =&gt; 'custom-menu-class' ) );\n?&gt;<\/pre>\n\n\n<p>Waarschijnlijk wil je deze code in het <i>header.php<\/i> bestand plaatsen. Dit zorgt ervoor dat het menu bovenaan je site komt te staan.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-7-customize-your-excerpts\"><b>7. Pas Je Excerpts Aan<\/b><\/h3>\n\n\n<p>Fragmenten zijn korte voorbeeldbeschrijvingen van je berichten die je kunt weergeven op je homepage of blogfeed. Standaard hebben alle fragmenten dezelfde lengte en linktekst, maar je kunt dat veranderen.<\/p>\n\n\n<p>Eerst gaan we de tekst van de link die je van het uittreksel naar de volledige post brengt wijzigen. Dit is meestal \u201cLees meer\u201d of \u201cVerder lezen,\u201d maar je kunt het maken zoals je wilt door <a href=\"https:\/\/codex.wordpress.org\/Customizing_the_Read_More\" target=\"_blank\" rel=\"noopener\">het volgende fragment<\/a> in je functiesbestand te plakken:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function new_excerpt_more($more) {\nglobal $post;\nreturn '&lt;a class=\"moretag\" href=\"'. get_permalink($post-&gt;ID) . '\"&gt; Lees het volledige artikel...&lt;\/a&gt;';\n}\nadd_filter('excerpt_more', 'new_excerpt_more');<\/pre>\n\n\n<p>Hier is de linktekst ingesteld op <i>Lees het volledige artikel&#8230;<\/i><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-customize-post-excerpts-1024x363.jpg\" alt=\"WordPress-excerpts aanpassen door het bewerken van het functions.php bestand\" class=\"wp-image-37718 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-customize-post-excerpts-1024x363.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-customize-post-excerpts-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-customize-post-excerpts-768x273.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-customize-post-excerpts-600x213.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-customize-post-excerpts-750x266.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-customize-post-excerpts-100x35.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-customize-post-excerpts.jpg.webp 1082w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure><\/div>\n\n<p>Laten we dan de lengte van het uittreksel wijzigen. Plak <a href=\"https:\/\/wp-snippets.com\/shorten-the-excerpt\/\" target=\"_blank\" rel=\"noopener\">deze code<\/a> in je functiebestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function new_excerpt_length($length) {\nreturn 20;\n}\nadd_filter('excerpt_length', 'new_excerpt_length');<\/pre>\n\n\n<p>Standaard is de lengte 55 woorden. In dit voorbeeld is het echter ingesteld op 20. Je kunt het aantal naar wens aanpassen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-8-generate-a-random-background-to-your-site\"><b>8. <\/b><b>Genereer<\/b><b> een Willekeurige Achtergrond voor Je Site<\/b><\/h3>\n\n\n<p>Ten slotte, laten we eindigen met een leuk ontwerptrucje. Deze aanpassing laat je elke keer dat iemand je site bezoekt een nieuwe achtergrondkleur willekeurig genereren. Begin met het toevoegen van <a href=\"https:\/\/gist.github.com\/rwdevpixelparlor\/601157cefc1cdd1a2fa1c27d569bbdfe\" target=\"_blank\" rel=\"noopener\">de volgende code<\/a> aan het functiebestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">function wpb_bg() {\n$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');\n$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].\n$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];\necho $color;\n}<\/pre>\n\n\n<p>Deze code genereert de HTML-tag voor de kleuren, dus nu moet je ervoor zorgen dat deze op de pagina wordt toegepast. Om dat te doen, moet je de &lt;body&gt;-tag vinden, die er zo uit zou moeten zien:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;body &lt;?php body_class(); ?&gt;&gt;<\/pre>\n\n\n<p>Dit staat meestal in het <i>header.php<\/i>-bestand maar kan ook ergens anders zijn, afhankelijk van je thema. Wanneer je de juiste regel hebt gevonden, vervang deze dan simpelweg door de volgende code:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;body &lt;?php body_class(); ?&gt; style=\"background-color:&lt;?php wpb_bg();?&gt;\"&gt;<\/pre>\n\n\n<p>Sla je bestand op en open je website. Je zou moeten zien dat deze een nieuwe achtergrondkleur heeft:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"552\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-2-1024x552.jpg\" alt=\"maak willekeurige achtergrondkleuren aan bij het herladen door je WordPress functions.php bestand te bewerken\" class=\"wp-image-37719 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-2-1024x552.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-2-300x162.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-2-768x414.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-2-1536x828.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-generate-random-background-color-2-600x324.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-generate-random-background-color-2-750x404.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-2-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-generate-random-background-color-2.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/552;\" \/><\/figure><\/div>\n\n<p>Herlaad de pagina, en je zult elke keer een nieuwe kleur zien:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"552\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-1024x552.jpg\" alt=\"genereer willekeurige achtergrondkleuren bij het herladen door je WordPress functions.php-bestand te bewerken\" class=\"wp-image-37720 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-1024x552.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-300x162.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-768x414.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-1536x828.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-generate-random-background-color-600x324.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-generate-random-background-color-750x404.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/wordpress-functions-generate-random-background-color-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/10\/wordpress-functions-generate-random-background-color.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/552;\" \/><\/figure><\/div>\n\n<p>Dit is duidelijk niet de juiste ontwerpkeuze voor elke site, maar het is een handig trucje voor sommige!<\/p>\n\n\n<h2 id=\"h-edit-your-functions-php-file\" class=\"wp-block-heading\"><b>Bewerk Je functions.php Bestand<\/b><\/h2>\n\n\n<p>Het WordPress <i>functions.php<\/i> bestand is de perfecte plek om te sleutelen aan de standaardfunctionaliteit van je site. Het is een krachtig bestand dat je veel controle over je site geeft, zodra je begrijpt hoe het werkt.<\/p>\n\n\n<p>Afhankelijk van je WordPress-thema, kun je mogelijk de ingebouwde themabestanden-editor gebruiken om toegang te krijgen tot en je functions.php bestand te bewerken. Anders kun je er toegang toe krijgen via FTP. Vervolgens kun je aangepaste code gebruiken om alles te doen, van het weergeven van de geschatte leestijd van een bericht tot het aanpassen van je uittreksels.<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Doe Meer Met DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      DreamPress Plus en Pro gebruikers krijgen toegang tot Jetpack Professional (en meer dan 200 premium thema&#8217;s) zonder extra kosten!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Bekijk De Plannen                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Om betrokken te raken bij WordPress-ontwikkeling, moet je eerst begrijpen hoe de belangrijkste bestanden van het platform werken. WordPress maakt het vrij eenvoudig om met je site te knutselen. Het kan echter moeilijk zijn om te weten waar te beginnen \u2014 of te voorspellen wat je wijzigingen daadwerkelijk zullen doen. Een perfecte plek om te leren is de functions.php [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37713,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Het WordPress functions.php-bestand stelt je in staat om aangepaste code aan je site toe te voegen, waardoor je nieuwe functies en functionaliteit ontgrendelt. Leer meer.","toc_headlines":"[[\"h-what-is-the-functions-php-file\",\"Wat Is Het functions.php Bestand?\"],[\"h-how-to-edit-the-functions-file-2-methods\",\"Hoe De Functies Bestand Te Bewerken (2 Methoden)\"],[\"h-8-tricks-you-can-accomplish-with-the-wordpress-functions-file\",\"8 Trucs Die Je Kunt Uitvoeren Met Het WordPress Functiesbestand\"],[\"h-edit-your-functions-php-file\",\"Bewerk Je functions.php Bestand\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14950,14946],"tags":[],"class_list":["post-71182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-nl","category-developer-central-nl","category-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Het WordPress functions.php-bestand stelt je in staat om aangepaste code aan je site toe te voegen, waardoor je nieuwe functies en functionaliteit ontgrendelt. Leer meer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand\" \/>\n<meta property=\"og:description\" content=\"Het WordPress functions.php-bestand stelt je in staat om aangepaste code aan je site toe te voegen, waardoor je nieuwe functies en functionaliteit ontgrendelt. Leer meer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-25T14:00:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:25:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/WordPress-Functions.php-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand - DreamHost Blog","description":"Het WordPress functions.php-bestand stelt je in staat om aangepaste code aan je site toe te voegen, waardoor je nieuwe functies en functionaliteit ontgrendelt. Leer meer.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/","og_locale":"en_US","og_type":"article","og_title":"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand","og_description":"Het WordPress functions.php-bestand stelt je in staat om aangepaste code aan je site toe te voegen, waardoor je nieuwe functies en functionaliteit ontgrendelt. Leer meer.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-10-25T14:00:06+00:00","article_modified_time":"2025-05-26T16:25:32+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/WordPress-Functions.php-Feature.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand","datePublished":"2022-10-25T14:00:06+00:00","dateModified":"2025-05-26T16:25:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/"},"wordCount":1780,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/WordPress-Functions.php-Feature.jpg","articleSection":["Handleidingen","Ontwikkelaars Centraal","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/","name":"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/WordPress-Functions.php-Feature.jpg","datePublished":"2022-10-25T14:00:06+00:00","dateModified":"2025-05-26T16:25:32+00:00","description":"Het WordPress functions.php-bestand stelt je in staat om aangepaste code aan je site toe te voegen, waardoor je nieuwe functies en functionaliteit ontgrendelt. Leer meer.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/WordPress-Functions.php-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/WordPress-Functions.php-Feature.jpg","width":900,"height":598,"caption":"WordPress functions.php file"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/alles-wat-je-moet-weten-over-het-wordpress-functionsphp-bestand-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Alles Wat Je Moet Weten Over Het WordPress functions.php-bestand"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"nl","translations":{"nl":71182,"es":37728,"en":37708,"de":52356,"pl":55749,"pt":55782,"ru":55804,"uk":55807,"it":68777,"fr":71157},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=71182"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71182\/revisions"}],"predecessor-version":[{"id":71184,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71182\/revisions\/71184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37713"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=71182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}