MOST WordPress users don’t customize back end of WordPress like Login Screen!
Am I right? ;)
Of course. Customizing back end of WordPress is a great idea. It will make your blog looks professional!
You may always see a Default WordPress Logo On Your Self Hosted WordPress Login screen. Now you can Customize the logo on the WordPress Login screen by either simply installing a plugin or by adding simple code manually to your theme function.php
I’d recommend you to use manual method because it’s better than using plugin. Plugin can increase number of php calls and can affect your blog!
How To Add Logo To WordPress Login Screen
- Go to Dashboard => Appearance =>
- Then Click on Editor => Functions.php
- Paste the following code in your functions theme file!
function my_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url(https://allbloggingtips.com/wp-content/uploads/2012/09/Untitled-4.png) !important; }
</style>';
}
add_action('login_head', 'my_custom_login_logo');
Now replace https://allbloggingtips.com/wp-content/uploads/2012/09/Untitled-4.png with your image logo image URL. Make sure its size should be “375 x 70px”
Alternative Method!
If you still face any issue or code not working. Then simply install Login Logo Plugin and see instruction. It’ll works
That’s All. See your blog login screen for changes. Hope you will enjoy the quick tutorial on How To Add Logo To WordPress Login Screen without plugin! :)
works great, thanks.
and in reference to carl’s question – you don’t change the wp image file because when you update wordpress the standard wp logo will come right back.
This was an awesome and effective way to change wordpress log in screen. Following this steps makes a gorgeous look to our log in screen. Thanks :-)
Great article!!
Just tried the first method !!
Just added my custom login logo!!!
Thanx for the post!
Keep writing such posts and I would keep on peeping !
Wow. I have 12 contributors and it would really look professional and interesting to them if i add my logo at the login.
But i am not so experienced with photoshop and stuff.
Do you know any free online tool to make professional loking HD logo?
Hi, there are two options you have here. Firstly you could use GIMP as this has a set of template logo’s you can use. You simply choose the style and then type your text.
Second option; and for a more professional looking logo; you could take the course here : https://www.udemy.com/static/upgrade-your-browser/ and then go about creating your logo.. Of course there is a cost for that course, although that link is a 51% off so you can take the course for less than half price.
GIMP will give you a basic logo though if want
Hi Ammar, very good post and thanks for telling this. Before I did not know about this.
Thanks and regards.
Thank God i did it already before.
Thanks for this Easiest Tutorial..
your blog posts are helping me constantly..!
:)
Wow…! It’s really cool. I’m searching for this since long time. I changed logo of log in page of my blog. I have one questions how to change the link of that logo to my blog instead of wordpress.org ?
waiting for your reply.
Thanks
Right now you can’t do this. However I’ll try to find some trick for this! ;)
I’ll be wait for that trick..!
do you know how to implement this tips for thesic skin ?
Are you talking about thesis theme skin? If yes then simple place above code in your custom functions editor / .php file! :)
Thanks Ali, Now I have changed my logo in WP login. I used the plugin. It’s fast and easy!
Glad to hear that! :D
thanks for this cool tip that works, now we can change the logo easily
I have a problem with the logo. My logo appears in a squeezed state. how to solve this? Because of this my login screen is not looking good. Plz help
Make sure image size should be “375 x 70px” If it does not work. You can install Download Fluency Admin Plugin Here :)
I didn’t know that we can do it like this simple. Thanks for sharing Ammar
i successfully change my logo but can i also change link associated with it that was wordpress.org
I’ll try to find some trick for this! ;)
Hello, thank you for sharing this post. I think adding a logo to wordpress would be brilliant because it would increase the traffic on your website and it would also put a mark on your website. It seems very simple as well so I will definitely be trying it.
Great post Ammar! I had never thought about doing this. It would be especially useful for multi-author blogs in which numerous users log into WordPress to contribute.
Good one , adding logo to wordpress is an awesome idea , It would attract many users and this can be good way of driving traffic to our site , great and innovative article.
Thanks for sharing
How would you use this to drive traffic to your site?
Hi, I just came across from another blog where you had commented on and found this as first article I read on your site.
I’ve never thought about customizing the backend and its so simple to do I’ve just found from your posting. Even though on the site I have updated I am running Catalyst it was simple to just goto the functions.php of root theme, change and there you go. Brilliant.
Very useful post which certainly going in my favorites list.
Hello Sean!
Welcome to my blog. ;) I’m glad you liked this post!
Regards.
Used Method # 1
It Works :)
Thanks Ammar for sharing the simplest method for this.
HI Ammar Ali,
Thanks for the cool informative posts, it will be cool if we add logo to our wordpress login and i guess for guest author our blog looks more official by this trick.
Good one. Never knew the login page logo is customizable. Using plugin to get this job is best method :)
Some times back I’ve tried these method, but not found a good tutorial. Thanks to the detailed tutorial.
hi, ammar
Its good to customize our login page. I think its gives us feeling as we entered in our own home rather than other.Thanks for sharing… :-)
Whoa!
It worked!
It’s awesome.
Just changed the old logo (I already had one)…
Thanks Ammar… Loved your work.
Thanks Ali!
Honestly, this is most simple way!
(I salute to every post on your blog, which exactly brings a useful points to the reader)
Keep it up!
Deny
Thank you very much Deny! :)
That`s seems very simple!
thanks for sharing Ammar.
Wow nice buddy i am going to try this as well…
Really Nice update!! Me too will try this for my new blog!!
You must try this. it is so simple to add logo. :P
Thanks for this. I will try this Plugin.
You must try this plugin. This is so simple.
Truly a nice share Ammar. I guess adding code in Function.php is better. I was forced to cut off many pluging by HostGator support when my site was running too many process than was allowed. Though the problem was with theme, they won’t look at your theme code unless you have really smaller number of plugins. Its always better to keep it small.
One problem I suspect when you add code in function.php file is that – Won’t it be replaced when you update theme or wordpress? What can be the safeguard in such case?
Yeah, It’s better not to use plugin for such simple and quick tutorial! :D
There is no way. You’ve to manually add code to theme so it will add logo to WP Login Screen!!