Do you want to add a Custom Dashboard Logo in WordPress? Often people replace WordPress logo with a Custom Dashboard Logo for branding purposes. In this article, we will show you how to add a Custom Dashboard Logo in WordPress for branding.

First, you need to save your custom logo as a custom-logo.png file on your computer. It needs to be exactly 16 x 16px in dimensions. Once you have your custom logo ready, you need to upload it to /wp-content/themes/your-theme/images folder using FTP. If your theme does not have an images folder, then you need to create it.

After uploading your custom dashboard logo image, simply add this code to your theme’s functions.php file

function my_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') . 'https://398242-1253816-1-raikfcquaxqncofqfm.stackpathdns.com/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', 'my_custom_logo');

This code simply adds CSS required to display your custom logo in the WordPress admin bar. That’s all we hope this article helped you learn how to add a Custom Dashboard Logo in WordPress for branding.