How to Change WordPress Login Screen Logo

Do you want to change the WordPress Login screen logo to your own site logo for better branding? Its easy to change the WordPress logo to your logo and will give better branding, especially if you have multiple authors, or require commentors to sign in repeatedly from that page.

Change WordPress Login Logo

1. Modify your logo size to create a new image with following parameters

  • .GIF image
  • Transparent background
  • Size – 310px wide, 70px height
  • Name – logo-login.gif

2. Check your WordPress login screen which would be located on the url http://yoursite.com/wp-admin/ or if you host your WordPress in a folder, then it is at http://yoursite.com/folder/wp-admin/

wordpress login screen

3. Now login via FTP on your server and browse to the wp-admin/images folder

4. Find logo-login.gif image and back it up (rename to logo-login-back.gif or download it)

5. Upload your own logo image logo-login.gif to replace it

6. Check your WordPress login screen and your logo is live

wordpress login screen new logo

if you require people to login to your site, you must change your WordPress login screen logo to bet better brand value.

Share with friends

19
Leave a Reply

avatar
16 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
17 Comment authors
Akash GurnaninuthanAfsal Rahimshahiaffiliate marketing with ashish patel Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
RealTimeTricks
RealTimeTricks

Few months back i heard about changing FB login page and now WordPress. Cool Tricks!

Stephen O'Donnell
Stephen O'Donnell

Much better to use the Theme My Login plugin, which uses your current template in it’s entirety.

QuickOnlineTips
QuickOnlineTips

Theme My Login looks interesting, since it uses a page template from your theme. http://wordpress.org/extend/plugins/theme-my-login/

Digital Bunch
Digital Bunch

Amazing! Its helps me to be more closer with my reader! I’m implementing this trick. Thank you so much for sharing.

WebPromo
WebPromo

This is really cool idea. I’ve been looking for something like this

Harsh Agrawal
Harsh Agrawal

ANother plugin is BM login screen.. This method is good but problem is when you upgrade your blog, you have to do it again…!!

QuickOnlineTips
QuickOnlineTips

BM login screen looks interesting.
http://www.binarymoon.co.uk/projects/bm-custom-login/
That is true, when you upgrade, you need to do it again.

Tech Crates
Tech Crates

Looks interesting..Gonna implement this trick into my blog… thanks for the share :-)

Ozh
Ozh

That’s a bad tip IMHO. You’ll lose everything when you update WordPress. A much better alternative would be to use Mark Jaquith’s plugin (wordpress.org/extend/plugins/login-logo/) which is as seamless and invisible as possible (no UI, nothing, so client isn’t bothered with menus and stuff)

QuickOnlineTips
QuickOnlineTips

Thanks for mentioning the plugin. There seem to be many plugins to do the job.

rakesh kumar
rakesh kumar

it only change wordpress logo but still link this logo to wordpress.org site. So this is not a great hack at all. If you are customizing wordpress for someone then you want to link back to your site not on wordpress.

ThisIsWhyImBroke
ThisIsWhyImBroke

Really cool tip, I just used it and I love having my brand’s logo at my login! Feels less generic now =)

Emmanuel Uduezue
Emmanuel Uduezue

You guys at QOT always provide nice tips for your blog readers, thanks for this tip, been looking for a way to brand my blog login screen.

Aengus
Aengus

Sweeeeeeet, I have been trying to figure this out. Cheers.

affiliate marketing with ashish patel
affiliate marketing with ashish patel

But i think the image in logo-login.png… not gif?

shahi
shahi

cool trick!

Afsal Rahim
Afsal Rahim

I have created a plugin which does the login page customization and also a little more like changing the default url etc without making much php calls unlike other plugins. This the plugin which I use for my client wordpress sites.

Plugin Name: My WordPress Login Logo

http://wordpress.org/extend/plugins/my-wp-login-logo/

nuthan
nuthan

nice tip which is very helpful to show our brand.

Akash Gurnani
Akash Gurnani

This method does not work now.