Het WordPress login logo aanpassen

Wanneer je via /wp-login.php of /wp-admin/ inlogt, krijg je het standaard WordPress login logo te zien. Zie je hier liever het logo van je eigen bedrijf, is dit met een heel simpel codefragment aan te passen. Denk erom dat het pad naar je afbeelding bestaat. De makkelijkste manier om het bestand te uploaden is dit gewoon via de Media bibliotheek te doen. Wil je een manier hebben die je op verschillende sites kan installeren, dan kan je dit beter in een sub-folder van je child thema folder uploaden. De code hiervoor zie je hieronder

<?php
add_action('login_head', 'wxp_custom_logo');

function wxp_custom_logo() {
   $filename = rtrim(get_home_path(),'/') .   get_bloginfo('template_directory') . '/images/my-logo.png';
   if (file_exists($filename) {
      echo '<style type="text/css">h1 a {background-image:url('. $filename . ')!important;}</style>';
   }
}

Wat er hier gebeurd, is eigenlijk heel eenvoudig.

In regel 5 bepalen we wat de naam van het bestand moet zijn, wat we zoeken.

In regel 6 kijken we of dit bestand ook werkelijk bestaat. Wanneer je vergeten bent dit bestand te uploaden, of het een andere naam hebt gegeven, dan zal gewoon het logo van WordPress getoond worden, maar wanneer het bestand wel gevonden kan worden, zal het alternatieve logo worden getoond.

Let hierbij op, dat Linux, het besturingssysteem waar de meeste websites op draaien, hoofdletter-gevoelig is. ‘My-Logo.PNG’ en ‘my-logo.png’ zijn twee verschillende bestanden. Geef de naam van je afbeeldingen dan ook altijd op in kleine letters om verwarring te voorkomen.