Home / Tech Guide / How to Change or Customize WordPress Logo on Admin Dashboard?

How to Change or Customize WordPress Logo on Admin Dashboard?

/
/
/
1354 Views




Hello Friends, Today we are going to learn how to change or Customize the WordPress logo on admin signup or login page. When you open login page to any site for the first time for sure you pay the attention to the way your account page looks. Customizing the site visitor’s accounts appearance is a good way to make your brand easily recognizable, that’s why we’d like to introduce you a few simple steps that will help you expressing your website individuality.

So, let’s start with changing the admin logo on the WordPress admin panel page.

how_to_change_admin_logo_1

Now in order to replace this logo you’ll need to define custom style rules, as by default it’s set with the font icon, set in WordPress native css. Therefore first we need to make our custom stylesheet, named ‘style.css’ affect not only the site frontend but the WordPress admin panel design as well.

This can be done by adding a small code to the theme functions list.

Open the Dashboard -> Appearance -> Editor section to see the Theme Functions file, it’s usually named as ‘functions.php’.

Just copy the code, presented below, to the scroll down very bottom of the function.php file and hit the Update file button:

how_to_change_admin_logo_4

Now Finally you’re ready to add with your own logo adding, as the style file is already prepared. Let’s upload your logo image to admin panel, this can be easily done at the Media -> Add new section by using drag’n’drop. There’s no need to use large file, tiny PNG or JPG image with dimensions ratio 35 x 35 px will work perfectly.

how-to-decrease-post-revisions-in-wordpress-website-1

After the image has been uploaded, you can use it in your custom CSS rule, that will replace the default logo with the new uploaded one. Open the Media -> Library section and locate the recently uploaded icon. Then click on it to see the image details in a pop-up, and copy the image path from the URLfield at the top right side. Once this is done, you’re fully prepared to add the rule for logo change.

how-to-decrease-post-revisions-in-wordpress-website-2

Now visit the Dashboard->Appearance -> Editor section once again and click on the ‘Stylesheet’ (style.css) file. Paste the following rule to the bottom of this file:

Now last step, replace the your-icon-path words with the actual icon URL you have copied from the media library, and save the file by pressing the Update file button.

how-to-decrease-post-revisions-in-wordpress-website-4

Now Feel free to check the result in site admin panel, your logo appears instead of the default WordPress blog admin login one:

[amazon_link asins='B017ID54G6,B00C77U612,B017ID54G6,B00AUYYVZQ,B01LYSSFM7,8126554568,8131791882,1515233146,B01GSODGZC,1534954546' template='ProductCarousel' store='thinknowledge-21' marketplace='IN' link_id='c8bd129a-4dd0-11e7-80e2-3bd285adad9e']
  • Facebook
  • Twitter
  • Google+
  • Linkedin

Leave a Comment

Your email address will not be published. Required fields are marked *

1 Shares
+11
Tweet
Share
Share
Pin