WordPress logo op inlogpagina veranderen

Het WordPress login logo veranderen op de login pagina is niet zo eenvoudig als je denkt. Veel webdevelopers gebruiken WordPress als standaard CMS voor hun klanten.

Er zijn echter niet zoveel mogelijkheden om je eigen bedrijf als developer te promoten op de gemaakte website van je klant. Een footer link behoort natuurlijk altijd tot de mogelijkheden, echter zijn er er klanten die dit niet meer willen.

Een andere leuke marketing uiting voor webdevelopers is dan ook aanpassen van het standaard logo en de link naar WordPress.org op de standaard login pagina van WordPress.

Normaal zie je daar dit:
Wordpress logo login pagina veranderenOm het standaard logo te veranderen is het mogelijk om een plugin te gebruiken. Echter een echte developer gebruikt zo min mogelijk plugins en lost zoveel mogelijk op met code.

Wat heb je nodig om het standaard WordPress logo te vervangen?

Het handigst is het om het logo dat je wil toepassen 84 x 84 pixels groot te maken. Dat is het formaat van het originele WordPress logo namelijk ook. Je kunt natuurlijk een groter logo toepassen, echter moet je dan een extra handeling doen in het css van het toegepaste thema.

Indien je teksten in het logo hebt staan is het aan te bevelen om het bestand als png of gif op te slaan, zodat je transparency kan toepassen.

Naast het vervangen van het logo kan je ook de onderliggende link en de hover tekst veranderen naar die van je bedrijfspagina. Zo kunnen je klanten heel eenvoudig naar jou website om contact op te nemen.

Daarnaast moet je wat code toevoegen in het function.php bestand van het gebruikte thema.

Het aanpassen van het logo en de link gaat als volgt

Het aanpassen van het logo en de link op de login pagina van WordPress gaat in 3 stappen

  1. Maak een plaatje van je logo met het formaat van 84×84 pixels en sla dit bestandje op als jpg met de volgende naam: logo-bv.jpg. De naam die je het plaatje geeft mag je uiteraard zelf bepalen, maar moet in de code van stap 3 worden aangepast.
  2. Upload het plaatje via ftp naar je images map van het gebruikte thema.
  3. Open het functions.php bestand met kladblok of je favoriete html programma. Ga naar de laatste regel van het functions.php bestand en copy past de volgende code en pas de vetgedrukte teksten evt. aan:

    /* Bedrijfs logo + link op wp-admin */

    //aanpassen logo

    function my_custom_login_logo() {
    echo ‘<style type=”text/css”>
    h1 a { background-image:url(‘.get_bloginfo(‘template_directory’).’/images/logo-bv.jpg) !important; }
    </style>’;
    }
    add_action(‘login_head’, ‘my_custom_login_logo’);

    // changing the login page URL

    function put_my_url(){
    return (‘https://website.nl/’); // putting my URL in place of the WordPress one
    }
    add_filter(‘login_headerurl’, ‘put_my_url’);

    // changing the login page URL hover text

    function put_my_title(){
    return (‘Powered by Company‘); // changing the title from “Powered by WordPress” to whatever you wish
    }
    add_filter(‘login_headertitle’, ‘put_my_title’);

Veel succes met deze WordPress tip. Mocht je aanvullingen hebben of een betere manier weten? Laat dit dan weten in de comments.

Deel deze informatie:

Ik ben internet marketing specialist met meer dan 8 jaar ervaring op het gebied van SEO & conversie optimalisatie.

Geef een reactie

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