Skip to Main Content

How to customize the WordPress logo of the dashboard

Divi: the easiest WordPress theme to use

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Do you want to add a custom logo on the dashboard of your WordPress blog?

Often times, some people replace the WordPress logo on the custom dashboard for branding purposes.

In this tutorial, we will show you how to add a custom logo on the dashboard of your WordPress blog.

But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

1 Method: Add a Custom Logo Using the White Label CMS Plugin

This method is easier and recommended for most beginners.

The first thing you need to do is install and activate the plugin White Label CMS. For more details, see our step by step guide on how to install a WordPress plugin..

After activating the plugin, you must visit the " Settings> White Label CMS »And click on the tab« Branding To develop it.

While Label CMS configuration page

Then you must click "Yes" to hide the WordPress logo and then upload your own custom logo. The custom logo must have exactly 16 x 16 pixels as dimensions.

Discover Why do you need to protect your brand or logo?

Do not forget to click on the button Save Changes To save your settings.

While Label Demo

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Apart from the dashboard logo, White Label CMS also offers other features to rename a number of items.

2 Method: How to Add a Logo Manually on WordPress

This method is for users who are used to code snippets on WordPress.

You must first save your logo as a " custom-logo.png On your computer. It must be exactly 16 × 16 pixels in dimensions.

Here is Some places to find a logo for your brand

Once you have your custom logo ready, you must send it on your theme / Wp-content / themes / your-theme / Using a FTP client. If your WordPress theme doesn't have an image folder, then you need to create one. 

After uploading your logo image, just add this code to your file functions.php.

function wpb_custom_logo () {echo '
#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;
}
'; } // hook into the administrative header output add_action ('wp_before_admin_bar_render', 'wpb_custom_logo');

This code simply adds some CSS needed to display your custom logo in the WordPress admin bar. You can also check out our guide on how how to hide unnecessary elements from the Adminimize dashboard.

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. WordPress Cleanup & Optimize Plugin

The WordPress Cleanup & Optimize plugin allows you to clean and remove unwanted codes, scripts and styles, and also to optimize your database.

cleanup-optimize-plugin-wordpress-for-seo

This will improve the performance and speed of your WordPress site.

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Its functionalities are among others: ooptimization of the display of HTML pages,cleaning and optimizing the database,improved WordPress security,improved website speed, accessibility of interface Admin and more.

Download | Demo Web hosting

2. Dashy for WordPress

Dashy is a WordPress extension that allows you to customize your dashboard with widgets that you have previously selected. Dashy wordpress plugin for dashboard

With this extension, you have the ability to view and combine all your data from a large number of sources and create a dashboard that helps you display a combination of your website.

You can also use an API to integrate Google Analytics and other systems in your dashboard. Here are some widgets you can add: Google Analytics, Google Adsense, Google PageSpeed, Google Webmaster Tools, Social media widgets (Facebook, Twitter, Google+, LinkedIn, Pinterest, etc.) and others.

Download | DemoWeb hosting

3. Super Scrollbar

Here is a powerful WordPress plugin dedicated to creating highly customizable scroll bar for your WordPress blog.

super scrollbar

It features vertical scrollbars, and supports the mouse wheel, keyboards, and touchscreen.

Its main features are: aook upscale, an entirely customizable, 27 ready-to-use themes, psupport for keyboards and touch, the ctotal control of the scroll bar, asmooth and smooth scrolling

DownloadDemo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Conclusion

Here ! That's all. We hope this tutorial has helped you add a custom logo on WordPress dashboard. Do not hesitate to share with your friends on your favorite social networks

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

If you have suggestions or remarks, leave them in our section Comments.

...

This article features 0 comments

Leave a comment

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

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
4 shares
Share4
tweet
Save