“Proudly powered by WordPress”.

Als je een gratis thema uit de WordPress-themabibliotheek hebt geïnstalleerd, dan heb je dat bericht waarschijnlijk in de footer van je site gezien. En als je het standaardthema gebruikt is het sowieso raak. Afhankelijk van je thema, kan dit bericht zijn vervangen door een bericht die de bezoekers vertelt wie de ontwikkelaar van je thema is.

Maar wat als je geen advertentie voor WordPress of je thema-ontwikkelaar op je site wil hebben? Wat als je liever informatie over je site in de footer vermeldt, of over jouw bedrijf of je merk?

Het goede nieuws is dat het verwijderen van het ‘Powered bij WordPress’-bericht niet moeilijk hoeft te zijn. De exacte methode om het bericht te verwijderen hangt af van de manier waarop de ontwikkelaar dit aan het thema heeft gekoppeld, maar met een beetje speurwerk kom je daar snel achter en kan je het bericht verwijderen.

In dit artikel ga ik je dus laten zien hoe je deze ‘Powered by WordPress’-notificatie en bijbehorende link kan verwijderen. Ook bespreek ik waarom je deze zou moeten verwijderen, of juist wil laten staan.

Waarom je het bericht ‘Powered by WordPress’ zou willen verwijderen

Er zijn een aantal scenario’s waarin je het bericht mogelijk zou willen verwijderen.

Misschien heb je wel een prachtig op maat gemaakt ontwerp voor je site gecreëerd die er niet typisch WordPress uitziet en wil je niet dat je bezoekers wordt getoond welk contentbeheersysteem je gebruikt. Misschien ben je niet al te enthousiast om iedereen te vertellen dat je site op WordPress draait, waardoor potentiële hackers de structuur van je website weten. (Er zijn andere manieren om te kijken of een website op WordPress is gebouwd, dus je kan het niet volledig verbergen, maar alle kleine beetjes helpen.)

Of misschien wil je het bericht vervangen door een link naar je eigen site, als je een site voor een klant hebt gemaakt met behulp van een extern thema.

Als een van deze redenen op jou van toepassing is of je bent simpelweg geen fan van het bericht ‘Powered by’, dan kan je het verwijderen.

Wanneer je ‘Powered by WordPress’ beter kan laten staan

Persoonlijk ben ik groot fan van WordPress en ik vind het niet erg om dit te laten weten aan mijn bezoekers.

Ik heb WordPress gebruikt om tientallen sites te bouwen – voor mezelf en voor klanten. Ik ben dankbaar dat er een gratis platform bestaat dat me bijna onbeperkte flexibiliteit biedt en werkt met een licentiesysteem waarmee ik zonder beperkingen sites kan ontwikkelen.

Zelfs op sites van klanten heb ik geen problemen met het ‘Powered by WordPress’-bericht (en tot dusver heeft geen enkele klant me gevraagd deze te verwijderen) Maar soms voeg ik wel iets toe aan het bericht: ik wil tenslotte mensen laten weten wie het thema heeft ontwikkeld met een link naar mijn website.

Mag ik het bericht wel verwijderen?

Mensen kunnen soms onzeker zijn of ze het ‘powered by’-bericht wel mogen verwijderen, omdat ze denken dat dit een verplicht onderdeel is van hun site.

Het is niet vergezocht om te denken dat dit een verplicht onderdeel is van een thema, aangezien alle standaardthema’s dit bericht laten zien. Je zou kunnen denken dat dit een soort betaling is om een gratis thema te mogen gebruiken.

Maar dit is niet waar. WordPress wordt gedistribueerd onder de GPL-licentie, wat betekent dat je de software op elke gewenste manier kan aanpassen en personaliseren. Hieronder valt ook het recht om het bericht ‘Powered by WordPress’ te mogen verwijderen samen met alle andere links naar de WordPress-site, zoals de dashboardwidgets in het admin-paneel.

Het korte antwoord is dus: ja, je mag het bericht verwijderen.

Hoe je ‘Powered by WordPress’ niet verwijdert

Voordat ik je laat zien hoe je daadwerkelijk het ‘Powered by WordPress’-bericht kan verwijderen, laten we eerst kort een methode bespreken – die je misschien wel bent tegengekomen – die je beslist niét moet gebruiken.

Deze methode gebruikt CSS om de footer-credits (of de colofon) te verwijderen.

Je hebt misschien wel tutorials gelezen die je vertelden om simpelweg display:none te gebruiken voor het element in kwestie binnen de customizer of thema. Maar er is een goede reden waarom je dit niet zou moeten doen en die is omdat je de credits helemaal niet van je site verwijdert. Je verbergt hem alleen voor mensen die een normale webbrowser gebruiken.

Je verbergt ze niet voor de zoekmachines: in plaats daarvan vertel je ze dat je links aan je site hebt toegevoegd die je vervolgens verbergt. Dat is natuurlijk vrij verdacht en wordt vaak gedaan door SEO-beoefenaars die het niet zo nauw nemen met de regels. Het kan dus een negatieve impact hebben op je zoekmachine-rankings.

Ook wordt het bericht niet verborgen voor mensen met visuele beperkingen die een schermlezer gebruiken. Dit betekent dat ze niet dezelfde site-ervaring krijgen als andere gebruikers. Dit is slecht voor de toegankelijkheid.

Gebruik dus geen CSS om de footercredits te verbergen. Ik ga je zelfs niet laten zien hoe je het doet, omdat je het niet hoeft te weten.

Hoe ‘Powered By WordPress’ te verwijderen met een plugin

Een van de makkelijkste en snelste manieren om het bericht ‘Powered by WordPress’ weg te halen is door een plugin te gebruiken. Laten we de beschikbare opties verkennen.

Remove Powered by WordPress

De plugin Remove Powered by WordPress doet precies wat het belooft: het verwijdert het bericht.

Activeer de plugin en hij voegt een checkbox toe aan het Theme Options-scherm in de Customizer, waarmee je het bericht ‘Powered by WordPress’ aan en uit kan zetten.

'Powered by WordPress' verwijderd uit de voettekst van het Twenty Nineteen-thema
‘Powered by WordPress’ verwijderd uit de voettekst van het Twenty Nineteen-thema

Deze plugin verwijdert echter alleen de standaard ‘Powered by WordPress’-tekst: hij verwijdert niet mogelijke andere berichten, bijvoorbeeld die van de thema-ontwikkelaar, zoals je hieronder kan zien in het voorbeeld van de WooCommerce-site met het geactiveerde Storefront-thema.

'Powered by WordPress' is niet verwijderd van het Storefront-thema
‘Powered by WordPress’ is niet verwijderd van het Storefront-thema

Om deze te verwijderen, moeten we een plugin gebruiken waarmee je specifiek tekst kan targeten naast die van de standaard-credits.

Remove Footer Credit

Met de plugin Remove Footer Credit kan je specifieke tekst of HTML uit je footer verwijderen. Dus als je thema-ontwikkelaar een aangepast bericht in de footer heeft gezet, dan kan je de plugin vertellen zich daarop te richten.

Zodra de plugin is geactiveerd, ga je naar Tools > Remove Footer Credit om het instellingenscherm te openen.

Remove Footer Credit instellingenscherm
Remove Footer Credit instellingenscherm

Om de plugin te laten werken, moet je niet alleen de tekst in de credit toevoegen, maar ook de HTML. Om deze te krijgen kan je elke pagina van je site in de browser openen en de code inspecteren (hoe je dit doet verschilt per browser)

Ik gebruik Chrome en ik ben achter de link en tekst van de footer-credit gekomen die door het Storefront-thema werd toegevoegd:

De HTML die aan de credits is toegevoegd door het Storefront-thema
De HTML die aan de credits is toegevoegd door het Storefront-thema

Kopieer de hele HTML-regel, inclusief de link, en plak die in het eerste veld in de instellingenpagina van Remove Footer Credit:

HTML toevoegen aan de instellingen van Remove Footer Credit
HTML toevoegen aan de instellingen van Remove Footer Credit

Scrol naar beneden, klik op de knop Save en ga vervolgens terug naar je site en vernieuw de pagina. Als het goed is zal je zien dat de footercredit is verwijderd:

De footercredit is verwijderd uit het Storefront-thema
De footercredit is verwijderd uit het Storefront-thema

Je kan ook je eigen alternatieve tekst toevoegen door deze in het tweede veld te typen. Deze kunnen links en andere HTML bevatten: hoewel ik zou adviseren om het niet te bont te maken!

Hoe ‘Powered by WordPress’ handmatig te verwijderen

Als je zelf de code van je WordPress-thema wil wijzigen, dan is het efficiënter om de credit te verwijderen door de code binnen je (child-)thema te wijzigen.

Als je met je eigen aangepaste thema werkt, ga je gang en wijzig deze. Maar als je een thema van een derde partij gebruikt die je uit de thema-bibliotheek hebt gehaald of van een themawinkel hebt gekocht, dan moet je een WordPress child-thema maken.

Laten we eens kijken hoe we dat doen.

Identificeren van de code

Voordat je het bericht kan verwijderen, moet je de code identificeren die zorgt dat het bericht wordt weergegeven. Dit is afhankelijk van welk thema je gebruikt.

Laten we een aantal voorbeelden bekijken.

Hier is de code van de footersectie (de colofon) die de link laat zien in het standaard Twenty Nineteen-thema:

<footer id="colophon" class="site-footer">
 
 <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
 
 <div class="site-info">
  <?php $blog_info = get_bloginfo( 'name' ); ?>
  <?php if ( ! empty( $blog_info ) ) : ?>
   <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
  <?php endif; ?>
  <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
   <?php
   /* translators: %s: WordPress. */
   printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
   ?>
  </a>

  <?php
  if ( function_exists( 'the_privacy_policy_link' ) ) {
   the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
  }
  ?>

  <?php if ( has_nav_menu( 'footer' ) ) : ?>
   <nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">

   <?php
   wp_nav_menu(
    array(
     'theme_location' => 'footer',
     'menu_class'     => 'footer-menu',
     'depth'          => 1,
    )
   );
   ?>

  </nav><!-- .footer-navigation -->

 <?php endif; ?>

 </div><!-- .site-info -->

</footer><!-- #colophon -->

Dat is behoorlijk wat code. Het produceert een colofon die er zo uitziet:

De footer in Twenty Nineteen
De footer in Twenty Nineteen

Deze footer bevat twee widgets die ik aan het widgetgebied in de footer heb toegevoegd en een colofon met de sitenaam en het bericht ‘Powered by WordPress’.

De code die het bericht weergeeft is de volgende:

<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
 <?php
 /* translators: %s: WordPress. */
 printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
 ?>
</a>

Als we deze code willen opheffen, dan zouden we de code rechtstreeks moeten bewerken, wat geen goed idee is. Als je het footerbestand footer.php wijzigt in het thema en dan op een later moment het thema updatet, dan worden je wijzigingen overschreven door de nieuwe versie van het footerbestand.

De manier om dit bericht dus permanent te wijzigen in het Twenty Nineteen-thema (of elk ander thema die de code rechtstreeks in de footer plaatst) is door het maken van een child-thema, waarbij je het footer.php-bestand vanuit het parent-thema (Twenty Nineteen) naar het child-thema kopieert en die vervolgens wijzigt.

Ik zal je verderop laten zien hoe je dat doet, maar laten we eerst kijken naar een thema dat het anders doet.

Het Storefront-thema, die voor WooCommerce-winkels is ontworpen en ook gratis is, gebruikt een functie om de footer-credit te tonen.

Hier is de colofon uit het bestand footer.php in Storefront:

<footer id="colophon" class="site-footer" role="contentinfo">

 <div class="col-full">
 
 <?php
 /**
 * Functions hooked in to storefront_footer action
 *
 * @hooked storefront_footer_widgets - 10
 * @hooked storefront_credit         - 20
 */
 do_action( 'storefront_footer' );
 ?>

 </div><!-- .col-full —>

</footer><!-- #colophon —>

Je ziet dat de code niet direct code bevat die zorgt voor een ‘Powered by WordPress’-notificatie. Maar als je een Storefront-site zou bekijken, dan krijg je wel een bericht te zien dat de site wordt aangedreven door Storefront en WooCommerce in plaats van WordPress:

De footer-output door Storefront
De footer-output door Storefront

Dus waar komt die code vandaan?
De grootste aanwijzing bevindt zich in het bestand footer.php, met daarin een lijst van functies die zijn gekoppeld aan de actie storefront_footer action: storefront_footer_widgets enstorefront_credit. De functie die de code levert is storefront_credit.

Hij wordt opgeroepen via de hook  storefront_footer die wordt geactiveerd met deze regel:

do_action( 'storefront_footer' );

Wanneer we dieper graven binnen deze themabestanden, dan zien we dat de functie storefront_credit function is gekoppeld aan die action-hook in het bestand storefront-template-hooks.php. Dit is de regel:

add_action( 'storefront_footer', 'storefront_credit', 20 );

De functie zelf bevindt zich in een ander bestand, het bestand storefront-template-functies.php, maar die bespreken we op een later moment.
Dus we hebben nu twee methodes die worden gebruikt om het bericht ‘Powered by WordPress in de footer te laten zien: directe codering in het footerbestand en deze toevoegen middels een functie en een hook. Laten we nu bespreken hoe we deze kunnen overschrijven.

Een child-thema maken

Voordat je met een van deze methodes begint, moet je een child-thema maken voor je code.

Maak een nieuwe map aan in de map wp-content en geef deze een passende naam (bijv. twentynineteen_child of storefront_child).

Volg de instructies uit de WordPress Codex om twee bestanden binnen jouw child-thema aan te maken: style.css en functions.php.

De volgende stap is het bewerken van het child-thema waarna je deze activeert. Omdat het een child-thema is, betekent dit dat je de sjabloonbestanden van het parent-thema gebruikt om je site te laten zien, tenzij het child-thema een bestand bevat met dezelfde naam. Als dat het geval is, dan wordt het equivalente bestand uit het parent-thema genegeerd en die van het child-thema gebruikt. Je kan ook functies in je child-thema schrijven om functies in het parent-thema te overschrijven.

De credit uit het footerbestand verwijderen

Laten we eerst eens kijken hoe je wijzigingen aanbrengt wanneer het bericht rechtstreeks in footer.php wordt gecodeerd.

Lokaliseer het footer.php-bestand in het parent-thema (bijv. Twenty Nineteen). Maak daarvan een kopie in je child-thema, die je ook footer.php noemt.

Open nu het footer.php-bestand van je child-thema (NIET in je parent-thema, dit is erg belangrijk).

Zoek de code die het bericht ‘Powered by WordPress’ laat zien. In het geval van Twenty Nineteen, ziet deze er zo uit:

<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
 <?php
 /* translators: %s: WordPress. */
 printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
 ?>
</a>

Om de credit te verwijderen, is het enige dat je hoeft te doen die code uit jouw footer.php-bestand te verwijderen. Doe dit en sla het vervolgens op. Wanneer je nu je scherm vernieuwt, zal je zien dat het bericht ‘Powered by WordPress’ niet meer wordt getoond.

De footer van Twenty Nineteen waarbij 'Powered by WordPress' is verwijderd
De footer van Twenty Nineteen waarbij ‘Powered by WordPress’ is verwijderd

Hoe ‘Powered By WordPress’ te verwijderen met behulp van een functie

Wanneer een credit middels een functie aan de footer is toegevoegd in plaats van met directe code, dan werkt het verwijderen ervan een beetje anders.

In plaats van een footer.php-bestand in je child-thema te creëren en deze te wijzigen, moet je nu een functie aanmaken die de credit in het functions-bestand van het child-thema verwijdert.

Volg deze stappen.

Open het functions.php-bestand van je child-thema. Je child-thema heeft dit bestand al, omdat dit de plek is waar je de stylesheet uit het parent-thema haalt.

De functie in het Storefront-thema die de footer-credit toevoegt is removedstorefront_credit binnen de Twenty Nineteen-footer.  Deze is gekoppeld aan de action-hook storefront_footer. Om alle content uit de functie storefront_credit te verwijderen moeten we die functie ont-hooken van de action-hook met de functie remove_action().

Voeg dit toe aan het functions-bestand van je child-thema:

function remove_storefront_credit() {
 remove_action( ‘storefront_footer’, ‘storefront_credit’ );
}
add_action( ‘wp_head’, ‘remove_storefront_credit’, 20 );

De functie die je schrijft moet aan een andere hook gekoppeld worden, anders wordt deze niet geactiveerd. In dit geval is het wp_head. Het is belangrijk om een derde parameter voor add_action() toe te voegen met de prioriteit en om deze dezelfde te maken als in de originele instantie van add_action van het bestand storefront-template-hooks.php.

Als je nu je site bezoekt, merk je dat de footer-credit is verdwenen:

Het Storefront-thema zonder zonder credit
Het Storefront-thema zonder zonder credit

De gehele credit is verdwenen, inclusief de copyrightvermelding. Als je specifieker wil zijn en alleen de Storefront-link wil targeten, dan moet je de functie met je eigen code bewerken. We komen hier verderop op terug.

‘Powered by WordPress’ vervangen door je eigen code

Als je niet de footer-credit wil verwijderen, dan kan je in plaats daarvan deze vervangen met je eigen code.

De manier waarop je dit doet, is afhankelijk van de methode die je thema gebruikt om de credit toe te voegen. Laten we beginnen met het bespreken van de stappen voor het scenario waarin je thema het bericht rechtstreeks toevoegt aan het footer-bestand.

Je eigen credit toevoegen via het footer-bestand

In het nieuwe footer.php-bestand dat je in je child-thema hebt gemaakt, kan je ook je eigen code toevoegen, in plaats van de code verwijderen die zorgt voor het ‘Powered by WordPress’-bericht.

Ik ga het bewerken met een link naar de Kinsta-website. Hier is de nieuwe versie van de code:

<a href="<?php echo esc_url( __( 'https://kinsta.com//', 'kinsta' ) ); ?>" class="imprint">
 <?php
 /* translators: %s: WordPress. */
 printf( __( 'Hosted by %s.', 'kinsta' ), 'Kinsta' );
 ?>
</a>

Sla nu je bestand op en vernieuw je site. Als het goed is zie je nu het bericht ‘Powered by WordPress’ is veranderd.

De footer van Twenty Nineteen met nieuwe content
De footer van Twenty Nineteen met nieuwe content

Je eigen credit toevoegen via een functie

In het geval van het Storefront-thema worden footer-credits met een functie toegevoegd, die we al hebben verwijderd door deze te ont-hooken.

Maar wat nou als we deze slechts willen wijzigen?

Laten we de code voor de functie vinden in de Storefront-bestanden. De functie die we zoeken is storefront_credit().

(Opmerking: als je de functie al hebt losgekoppeld met behulp van bovenstaande instructies, verwijder dan de code die je daarvoor hebt gebruikt).

We kunnen de functie vinden in het themabestand storefront_template_functions.php die zich in de map inc bevindt. Dit is de functie:

if ( ! function_exists( 'storefront_credit' ) ) {

 /**
 * Display the theme credit
 *
 * @since 1.0.0
 * @return void
 */

 function storefront_credit() {
 ?>

 <div class="site-info">
  <?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '© ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) ) ); ?>
  <?php if ( apply_filters( 'storefront_credit_link', true ) ) { ?>
   <br />
   
   <?php
   if ( apply_filters( 'storefront_privacy_policy_link', true ) && function_exists( 'the_privacy_policy_link' ) ) {
    the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
   }
   ?>

   <?php echo '<a href="https://kinsta.com/" target="_blank" title="' . esc_attr__( 'Kinsta hosting', 'kinsta' ) . '" rel="author">' . esc_html__( 'Hosted by Kinsta', 'kinsta' ) . '</a>.'; ?>

 <?php } ?>

 </div><!-- .site-info -->

 <?php
 }
}

Deze functie kan worden geplugd, omdat deze is ‘gewrapt’ in een check die controleert of een functie met dezelfde naam al bestaat. Dit betekent dat we een nieuwe functie met dezelfde naam in ons child-thema kunnen schrijven en dat die de huidige versie van deze functie zal overschrijven.

De eerste stap is het verwijderen van de functie remove_action() uit het functions-bestand van je child-thema die je eerder hebt toegevoegd  (mits je dit gedaan hebt).

Nu moet je de nieuwe versie van de functie storefront_credits() toevoegen. Het deel van de functie dat we willen wijzigen staat aan het eind: het is de regel die begint met <?php echo “a href=“https://woocommerce.com”.

De makkelijkste manier om dit te doen is door de oorspronkelijke functie van het Storefront-thema te kopiëren en deze in je functions-bestand te wijzigen. Ik verwijder de Storefront-credit en vervang deze door een die naar Kinsta verwijst.

Dit is mijn functie:

function storefront_credit() {
 ?>
 <div class="site-info">
  
  <?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '© ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) ) ); ?>
  
  <?php if ( apply_filters( 'storefront_credit_link', true ) ) { ?>

  <br />

  <?php

  if ( apply_filters( 'storefront_privacy_policy_link', true ) && function_exists( 'the_privacy_policy_link' ) ) {
   the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
  }
  ?>

  <?php echo '<a href="https://woocommerce.com" target="_blank" title="' . esc_attr__( 'WooCommerce - The Best eCommerce Platform for WordPress', 'storefront' ) . '" rel="author">' . esc_html__( 'Built with Storefront & WooCommerce', 'storefront' ) . '</a>.'; ?>

 <?php } ?>

 </div><!-- .site-info -->

<?php
}

Sla nu je functions-bestand op en vernieuw je site. Als het goed is zal je nu zien dat het credit-bericht is veranderd:

De nieuwe versie van de footer-credit in Storefront
De nieuwe versie van de footer-credit in Storefront

Samenvatting

Het ‘Powered by WordPress’-bericht is een manier om de wereld te laten weten dat je website wordt gehost op WordPress en dat je daar trots op bent. Maar in sommige gevallen wil je het bericht verwijderen, bijvoorbeeld om marketingredenen of vanwege privacy.

Het verwijderen van dit bericht is toegestaan en kan op een aantal verschillende manieren worden gedaan. Je kan hiervoor een plugin gebruiken, je kan zelf de code wijzigen in je thema of een child-thema gebruiken. Welke methode je ook verkiest, de bovenstaande tutorial helpt je hierbij, welke methode je ook kiest.