How To Add a Custom Logo on Your WordPress Dashboard

Why would you want a custom logo in your WordPress Dashboard – when only you (and authorized admins) are able to see it? Well, the answer is simple – for branding purposes.

If you are working as a website designer or developer (and assuming you use WordPress as the website builder), you could also offer custom logo branding to your clients. And of course, business owners, professional bloggers, and even personal bloggers will like the idea of having their own logos. Yes, even if it’s just at the back-end of a WordPress website, it still feels great every time you see it.

Below, we’ll give you 2 tips on how to add a custom logo to your WordPress site successfully.

White Label CMS plugin

Tip #1 – Use a Plugin

Everything is easy nowadays (in the WordPress world) because of plugins. Most plugins are free and they’re easy to manipulate as well. Follow the steps below if you want to know an easy way to create a custom logo for your WordPress Dashboard.

  1. Go to the Plugins section in your WordPress Dashboard and search for White Label CMS. It’s free and we’ll use it as an example for now.
  2. Click install to get the White Label CMS on your WordPress.
  3. Click activate to get the White Label CMS to work.
  4. On your WordPress Dashboard, click Settings.
  5. Under Settings, you will find the White Label CMS name – click on that.
  6. When you open White Label CMS, you will see a Branding tab – click on that to expand its content.
  7. On the Hide WordPress Logos field, click Yes.
  8. While still on the Branding tab, upload your own logo (it should be exactly 16px X 16px).
  9. Click on Save to store the changes you just made inside the White Label CMS.

Note: We only used White Label CMS as an example. If you want, you can search Google by typing “best plugins to change WordPress Logo.” You can also search inside WordPress (in the Plugins section) and compare the results while also taking into consideration their user reviews.

In fact, we also checked – and found the following:

  • Easy Logo
  • WP Custom Admin Login Page Logo
  • WP Logo Changer

Tip #2 – Manually Add Custom Logo in WordPress Dashboard

For those who are into manually encoding at the back-end of their site, this is for you. It’s all about pasting a code snippet in WordPress. Here are the steps:

  1. Once you already have a logo, save it as a png file. Your logo should have a size of 16px X 16px (it should be exact).
  2. Connect to your website using an FTP client and look for /wp-content/themes/title-of-your-theme/images.
  3. Upload your logo to the destination we just mentioned. In the rare case that you can’t find an images folder (most themes have this), you can just create your own.
  4. Look for your WordPress theme’s functions.php file and paste the code below.

function wpb_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') . '/images/custom-logo.png) !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', 'wpb_custom_logo');

Note: What you pasted was just a CSS code that enables WordPress to display your chosen logo in the WP Dashboard.

Which is Better – Plugins or Codes?

If you are a beginner or just someone who wants to avoid codes, then go for Tip #1. Tip #1 is very simple to execute and you have a lot of plugins to choose from. May we just suggest that you look into the reviews of different plugins and choose the one with the most positive reviews.

Now, if you’re the type who likes tinkering with codes, shortcodes and the like, Tip #2 might be more appealing to you. In the example we gave above, however, all you need to do is copy and paste the code we gave you. So, basically, Tip #2 can also work for beginners and those who are not into codes.

Both Tip #1 and Tip #2 work – so, just take your pick on what method to use when adding a custom logo in your WordPress Dashboard. Good luck!

Leave a Comment

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

Scroll to Top