Het WordPress login logo aanpassen

Het WordPress login logo aanpassen

Vervang het standaard WordPress logo door je eigen logo op het inlogscherm.

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.

WordPress Developer worden?

Wil je leren hoe je zelf plugins, thema's, shortcodes, widgets, Gutenberg blocks en meer kan maken?
Schrijf je dan in voor de cursus WordPress Developer.

Meer snippets

De 'search' functie in je site helemaal uitschakelen
In de meeste gevallen zal je willen dat mensen je website makkelijk kunnen doorzoeken. Maar wat nu als...
WooCommerce Add to Cart button-tekst aanpassen
Hoe pas je de tekst van je 'add to cart' button makkelijk aan?
Password Change notificaties onderdrukken in WordPress
Voorkom dat je een email krijgt iedere keer wanneer iemand zijn wachtwoord aanpast.
De WordPress 'admin bar' ook daadwerkelijk alleen voor admins
Zelf vind ik de WordPress ‘admin bar’ heel handig om snel toegang te krijgen tot verschillende...
Pagina redirecten naar aanleiding van een user role
Met deze code kan je afhankelijk van de gebruikersrol waarmee wordt ingelogd je gebruikers naar de juiste...
Prijzen verbergen voor niet ingelogde gebruikers
Hoe verberg je de WooCommerce prijzen voor niet ingelogde gebruikers?

Veiligheid voor alles!

Met betrekking tot de code die je hier aantreft een aantal waarschuwingen, voordat je deze code snippets toepast op je eigen website.

  1. Voer de code nooit direct uit op je eigen website, maar probeer deze eerst op een staging omgeving of een locale kopie van je website. 
  2. Voor je de geteste code installeert op je website, maak eerst een back up van je website.
  3. Zorg altijd voor alle zekerheid, dat je voor je een aanpassing live zet, je ook de FTP gegevens van je website bij de hand hebt.  
 
Voel je je onvoldoende vertrouwd met het toepassen van een dergelijke code snippet, bedenk dat je dit ook door een professional kan laten doen. De WordXPression support strippenkaart is een voordelige manier om dit soort aanpassingen te laten doen.
Heeft dit artikel je geholpen je probleem op te lossen?
Deel het met je vrienden via je favoriete social media.

Heb je vragen bij, of opmerkingen over deze code snippet, stel deze bij de commentaren hieronder.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Word je website de baas. Neem vandaag nog contact op!

Contact Information

WordXPression 
Imkersdreef 525
7328DG Apeldoorn
06-10449807 (van 9:00 tot 17:00 van ma-vr)

KVK : 75580152 

Social media
Stuur een bericht