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

Titel voor reacties aanpassen per CPT
Wil je de titel van je WordPress commentaar sectie aanpassen, dan moet je dit beslist lezen.
Maak WP Courseware lessen zichtbaar in Elementor
Standaard kan Elementor Pro jouw WP Courseware Units niet vinden. Zo los je dit op.
WooCommerce product titel inkorten
Past de titel in je WooCommerce product matrix niet? Zo pas je het aan.
In WooCommerce de prijs psychologisch aantrekkelijk tonen
Enkele handige code snippets om je productprijs te formatteren.
Checkout velden wel of niet verplicht maken
Hoe kan je checkout velden in WooCommerce wel of niet verplicht stellen?
Een 'terug' knop voor je webpagina
Stel, je bezoeker is op een pagina en je wilt dat die bezoeker eenvoudig terug kan gaan naar de voorgaande...

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.

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

Flinke kortingen op cursussen van WordXPression.