In this tutorial, I will explain how to add custom dashboard logo in WordPress to build your own brand. There are two options to change the default WordPress logo to your custom logo for the branding purpose.
The first option is change logo using WordPress plugin White Label CMS. This plugin provides an option to change the default WordPress logo with your custom logo.
The White Label CMS plugin is for developers who want to give their clients a more personalized and less confusing content management system.
If you have just started with WordPress, then check out:
After installation and activation, navigate to the Settings => White Label CMS page and click on the Branding tab to expand it.
After done with your changes log out from Admin panel and visit WordPress admin login screen by visiting http://www.your-site-url.com/wp-admin/, you will see the default WordPress logo have replaced by your custom logo. It will look like:
The second option is doing manually by adding the below code to the end of your functions.php file.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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'); |
Do you like & share this article with your friends, and don’t forget to follow us on Facebook and Twitter to learn cool WordPress tutorials.
Article Tags: add custom admin logo, add custom logo, change default admin logo, wordpress tutorial, wordpress tutorial for beginner, wordpress tutorial for beginners, wordpress tutorials, wordpress tutorials for beginners
