Changing The WordPress Login Logo
The login screen of WordPress has its logo on it. Just below are the fields where we enter our WordPress username and password. The wordpress login logo on the login screen makes the login look a little whacky so why not change the wordpress login logo to your own blog logo. It would make your blog look a lot more brandable and professional.
Yes, it is possible with just a few simple steps.
Changing WordPress Login Logo
Just have a look at the wordpress login screen. Navigate to http://yoursite.com/wp-login.php . The initials needed to start with this tutorial is just your website logo. As the logo needs to fit into the space provided, the logo needs to be edited to the following dimensions :
- 70 Pixels height
- 130 Pixels width
To make the wordpress login screen look more professional modify logo to *.gif format and make it’s background transparent.
Login to your cPanel or FTP , whatever’s handy. I prefer FTP . Browse to wp-admin/images and search for logo-login.gif . For security reasons, download it on your computer. Now upload the logo-login.gif file of your blog’s logo and replace the file already placed on the wp-admin/images. Refresh the directories and flush your blog’s cache if you are using one.
Now, navigate to your blog’s wordpress login screen which might be at : http://www.yoursite.com/wp-login.php .
Voila, your blog’s live is placed where the WordPress logo used to come.
Do checkout : 12 Must Have WordPress Plugins (Infographic)
Reasons to have a Blog Logo Attached to WordPress Login Page
- It makes the blog look more professional and more brandable.
- It signifies that you’re really a blogger who cares for his blog.
- It makes your blog charm out of the boring WordPress logo sticked to each and every login page of wordpress hosted websites.
- If the blog have multiple authors or guest posts enabled, the authors would be able to view the blog logo and remember your blog’s name .
- The blog logo just sticked in the wordpress login screen creates an impact on the person logging in and adds to the authority of the blog.
One last thing I experienced with putting a logo of my blog on wordpress login screen was the tutorial on how change wordpress login screen logo which this post answers to.
About the Author: Karan Lugani is a 16 year old teen, proud author of Syncers where he writes about Computer Tips and Tricks, Social media, SEO , Blogging tips, Twitter tools and Latest Technology Updates and Adsense Income. Always eager to be updated with technology, he likes to share his ideas with the audience out there and build a community.
More Options Print This Page! Subscribe With RSS Reader Subscribe by EmailFiled under WordPress |
Related posts: |
About The Blog Author
Alex Sysoef is an IT Consultant, Internet Marketer and ProBlogger who shares his passion and knowledge of WordPress, SEO, Social Media and traffic strategies on his blog WordPress Howto Spotter. Connect on Twitter or Facebook
this sounds brilliant, a blog with more authority, professionalism and more brandable…glad i stumbled across this blog…thanks
Thanks for the useful information! I had been thinking for months how the logo could be changed, when I found your blog. Thanks for the helpful information!
Julie recently posted..cosmetic dentist
Twitter: bestplugins_wp
says:
Alex, thanks for posting this, it all seems very straight forward now and makes for a much more presentable blog, especially if you work with a team of writers or are using WordPress as a CMS for a different purpose, maybe a directory or something.
Although I’m surprised at how many plugins do this task considering how easy it actually is to find the logo-login.gif file.
thanks a lot for this. Now i will rock the world
Twitter: tipsinside
says:
Really useful post sir, but please tell the trick, to edit the Alternate text for that logo “Powered by WordPress” and Default hyperlink
Edit Footer.php file in your theme and modify it to fit your needs.
Umm, after finding all these difficult ways to change the WP logo, I just opened the wp-login.php file, and completely removed everything in between the
” blah blah blah ” tag, and inserted an image link to my new logo. You have to keep the DIV, but remove the contents of the tag inside. Worked like a charm and I didn’t have to mess with new code in the functions file. You can also add a URL link to the image, say, back to your real website if you want!
Ok, so html code doesn’t work on your blog. Sorry. It’s everything in between the opening and closing of the H1 tag located inside of the div tag with the id “login” associated with it. Without me writing code, it looks like this:
div id “equals” login, h1 tag, html image code, close of h1 tag. But don’t add an extra closing of the div tag. You could probably even remove the h1 tag altogether.
I really appreciate you posting this! Very helpful for all newbies! Two-thumb ups to you!
Twitter: richiehudson
says:
Editing core is a bad habit to pick up, and will end up leading to a lot of repeated work every time you update WP.
[SOLUTION!]OK, this plugin is tiny and works like a dream.
http://www.thedesignguys.co.uk/wordpress-login-logo
Just giving folks a choice:) Have a great day!!