WordPress Dashboard logo aanpassen

WordPress plaatst zijn eigen logo overal waar maar een logo te plaatsten valt. Prima, meestal, maar soms wil je net even een iets meer custom feel.
Als je een site oplevert aan een klant zijn het dit soort details die er toe doen.
Een custom login pagina is een goede eerste manier tot customization.

Een eigen logo boven in het dashboard in plaats van het standaard wordpress logo is een andere manier.
Hieronder een paar eenvoudige stappen om dit te doen.

  • Maak een afbeelding met je eigen logo in photoshop of ander beeldbewerkingsprogramma.
    De afmetingen van je logo moet 16 px breedte, en 16px hoogte  zijn.
    Zorg er voor dat de achtergrond een beetje of helemaal matcht met de grijstint van het je dashboard om niet erg uit de toon te springen met het logo, maar hey, dat is een kwestie van smaak misschien.
    tip: de hexcode van de achtergrond kleur is #23282d
  • Upload het bestand naar je mediabibiotheek en kopieer de locatie
  • Open nu je functions.php via de editor en voeg de volgende code toe:
  • function ec_dashboard_custom_logo() {
    echo ‘
    <style type=”text/css”>
    #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    background-image: url(‘ . get_bloginfo(‘stylesheet_directory’) . ‘JOUW URL VOOR HET LOGO) !important;
    background-position: 0 0;
    color:rgba(0, 0, 0, 0);
    }
    #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    background-position: 0 0;
    }
    </style>
    ‘;
    }
    //hook into the administrative header output
    add_action(‘wp_before_admin_bar_render’, ‘ec_dashboard_custom_logo’);
  • Voeg op de plaats van JOUW URL VOOR HET LOGO de link van je logo toe

Thats it!

Edit: Plugin

Als je nou niet wilt lopen klooien met code is er ook een plugin beschibaar die het logo voor je kan aanpassen. gemak dient de mens!

White Label CMS 

geeft allerlei mogelijkheden tot custom dashboard opties, ook het niet tonen van bepaalde dashboard items voor mensen met andere rollen dan de Admin.
Voor hier: als je de plugin geïnstalleerd hebt en geactiveerd hebt kun je via instellingen de White Label CMS instellingen ingeven.
Om het WordPress logo te vervangen door je eigen logo Klik je Branding open

verberg het wordpress logo en voeg je eigen logo toe. 16×16 pixels.

 

Conclusie

Het ziet er fancy uit, het is goed voor je branding, en laten we eerlijk zijn, het is gewoon leuk om een wordpress logo uit je dashboard te slopen viagra generika online. Al die W’s overal is nergens goed voor.
Met dit stukje code of deze plugin ziet je dashboard er een stukje cleaner, meer profi en vooral custom made uit. Weg met de standaard, Hoera voor customization! Hasta la victoria siempre!

 

 

Geef een reactie

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