Best 2 Ways To Change WordPress WooCommerce Logo Easily

0
0 views

WordPress usually defaults to its own logo in the administration page, registration page, or login page. It’s good for WooCommerce display, but sometimes you have to replace it with a private logo for branding purposes. It’s absolutely not hard to change the logo in WordPress, you only need a few seconds to cover your page with your own image. This article will show you 2 ways to change the WooCommerce logo easily.

Below is a picture of a normal WordPress login page:

However, you can change this logo if you want to put your own logo here and it will help you create a distinct brand. Here are top 2 ways you can change the WooCommerce logo:

1. Using Code

You can easily change the WordPress WooCommerce logo on the Login page with the help of PHP code. To do that, you only need to do 2 steps: Firstly, open your theme’s functions.php file and secondly, paste the following code:

funtion my_login_logo_one () {>?
<style type = "text / css">
body.login div#login h1 a
{background - image: url (http: //localhost/wordpress/one.jpeg);
</ style>
<? php}
add_action ('login_enqueue_scripts', 'my_login_logo_one');

After adding this code, your WordPress will have the form below:

It’s so simple and easy to do, but there is one thing you need to notice is don’t forget to keep a transparent logo file in your theme’s images folder either. It should be named login_logo.png or anything else if you decide to change the image path.

2. Using Plugins

Using plugin is the best way to your site because they have more functions. There are many plugins which can help you to change the WordPress WooCommerce logo on the Login page. You can choose one of them depending on the purposes to use. But in this article, I will show you 3 plugins that I think is good and best for your WooCommerce.

*Customize Admin

It’s not consequenced to say this plugin is the best to change your WooCommerce logo. Almost the users appreciated the plugin and usually put 5 stars when telling about this plugin.

Price: Free

Features:

  • There are a few plugins that maybe give the similar functionality, but the fact that this plugin makes it easy to upload and editor display your own logo on the WordPress login page.
  • With this plugin, you can upload a custom image for the login screen and specify the link attached to the logo.
  • This plugin is ready to be localized. All you have to do is only to use the POT file for translating.

Installation:

  • First, you will have to upload the plugin to the `/wp-content/plugins/` folder.
  • Then activate the plugin in the plugin panel.
  • If you have to manage options rights you will see the new Custom Admin Settings menu.
  • Specify a link for the logo if required.
  • Specify the URL for the custom logo. Notice that the path may be relative from the root or include the domain name.
  • If you have not yet uploaded a logo, you can do so via the Upload Image button. Make sure you click ‘Insert into Post’.
  • Click Save Changes.

Download

*Login Logo

Login logo is open source software and of course, it has the main feature is allow you to customize the logo on the WordPress login screen. You don’t have to do much, all you have to do is just drop the logo file into your WordPress content directory, named login-logo.png and finally, this plugin takes over.

Price: 0$

Installation:

  • Click here to install and activate.
  • Create a PNG image with a transparent background, tightly cropped, with a recommended width of 312 pixels.
  • Upload the PNG image to your WordPress content directory (/wp-content/, by default), and name the file login-logo.png. If you have a multisite install, you can use the name login-logo-site-{$blog_id}.png to assign a different login logo to each site.
  • Done! The login screen will now use your logo.

 Download

*Add Logo to Admin

Add Logo to Admin is the plugin which is useful to add your own logo to your wp-admin and login page. It also replaces the WordPress logo on the login screen with the same custom logo.

Price: 0$

Installation:

  • Unzip the add-logo-to-admin.zip file.
  • Upload the add-logo-to-admin folder to the /wp-content/plugins/ directory.
  • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • Go to Settings => Add Logo to Admin and set your options and add your logo.

Download

Summing Up

There is no way to better than using code or the plugin to change WooCommerce logo. You may find any plugin you want but the plugins above is good and trusted by many people. Good luck and don’t hesitate to leave your comment below if you find the best way to change WordPress WooCommerce logo.

 

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz