Archives of AyushSaran.com/blog

This blog is no longer updated, but the archives are available for browsing.
You can follow the new tumbelog at blog.ayushsaran.com.

Customizing the Wordpress Login Screen

UPDATED to PART 2

with plugin to avoid overwwriting core files and PSD files. see part 2 here.
 
 

This is especially handy if you build a website for a client using Wordpress as a CMS
 
Here is the original Login Screen

 
Its made up of two images.
login-bkg-tile.gif and
 

login-bkg-bottom_new.gif which holds just the bottom rounded corners.
 
 
You can find these images under /wp-admin/images in your blog directory. All you need to do is replace these images with your own custom images of the same width and height.
 
 
As an example here are the edited files from PlattDeals.
pdeals
login-bkg-tile.gif for the logo and the gradient and
 
pdeals
login-bkg-bottom.gif for the rounded bottom corners
 
 
Here is the finished login screen
pdeals

→ Next Entry • Streaming Videos from Caltrans

← Previous Entry • OSX: 11 Ways to Optimize Your Mac

The Buzz {16 trackbacks/pingbacks}

  1. Pingback: DesiPundit » Archives » Change the Look of Your Wordpress Login Screen on March 20, 2007
  2. Pingback: Customize your WordPress login : David Airey :: Creative Design :: on July 10, 2007
  3. Pingback: TCRA – WP Login on July 10, 2007
  4. Pingback: The Big Blog » Customising the Wordpress Login Screen on July 13, 2007
  5. Pingback: Personaliza la página de login de Wordpress « Alex Seo on July 17, 2007
  6. Pingback: Customizando a tela de login do WordPress | Wordpress on July 17, 2007
  7. Pingback: Capitano Uncino » Archivio Blog » Personalizzare il login di WordPress on July 18, 2007
  8. Pingback: 如何让你的wordpress的登录界�与众��？ - �客�盟 on July 21, 2007
  9. Pingback: Wordpress tips and tricks - custom login page » Binary Moon » The home of Ben Gillbanks on July 25, 2007
  10. Pingback:   Links Roundup - July 31st 2007 on July 31, 2007
  11. Pingback: 如何让你的wordpress的登录界�与众��？ : �客湾 on August 13, 2007
  12. Pingback: Customise Your Wordpress Login Screen | Just Creative Design | Jacob Cass on November 29, 2007
  13. Pingback: WordPress Admin Themes - Blog Tipz | Make Money Online on December 12, 2007
  14. Pingback: Customizing Your Wordpress login | msicoach.com on January 2, 2008
  15. Pingback: Customizing Your Wordpress login | rssresponse.com on January 3, 2008
  16. Pingback: redherringstudios.org » post test on November 18, 2008

The Conversation {13 comments}

  1. aditya 20 March, 07 @ 9:27 am

    Pretty neat… wanted to do this but didnt have the time to go digging into the code…

    keep posting.

  2. Charu 20 March, 07 @ 11:47 am

    neat! can I pile on and ask you for more free gyan? how does one get that small icon on the top bar just where you type your url? like you have the ‘A’? let me know if it is not too much of a pain. thanks!

  3. ayush 20 March, 07 @ 2:26 pm

    @charu

    thats called a favicon

    see

    http://www.ayushsaran.com/blog/resources/examples-of-good-favicon-design/

  4. Charu 21 March, 07 @ 3:27 am

    thanks a ton…

  5. Joe 05 April, 07 @ 3:47 pm

    Hi,
    Thanks for letting me use your Nutrition Facts stats bar! Great Theme!

    I’m going to have to try this. :-)

  6. tez 07 April, 07 @ 1:03 pm

    Nice idea but is there any chance of giving us a psd file of the graphics so that we can alter them to suit?

  7. Ayush 20 April, 07 @ 2:47 am

    the original files are FLAT and im just placing mine on top

    so all the files are flat, non layered

    il look for wordpress PSDs, but it shuldnt take you more than a few mins to make them urself

  8. tez 27 June, 07 @ 2:58 pm

    Just another quick question Ayush. What font did you use for yours as I really like it.

  9. Ayush 27 June, 07 @ 3:15 pm

    it was VAG Rounded

    you can download it at http://www.1001fonts.com/payfonts/5586/VAG-Rounded-Black.html

    i came across it here
    http://www.fontshop.com/fontfeed/archives/the-logos-of-web-20/

  10. David Airey :: Creative Design :: 09 July, 07 @ 11:55 am

    Enter Your Comment Here
    I’d never even thought about this before (although haven’t yet designed a client site using WordPress).

    Thanks.

  11. conservatories 11 July, 07 @ 4:42 pm

    Very sleek looking web graphics, love the reflective text

  12. esau 18 October, 07 @ 5:54 am

    Very nice. Not really quick but nice. What I do not like is the default wordpress styles. A blue box saying “you have successfully logged out”. Any idea how to edit that? uhh found it wp-admin.css

  13. Toby 03 December, 07 @ 4:46 pm

    Thanks!! I’ve been wondering about this for a while!!!

Leave Your Own Comment

You can follow any responses to this entry via its RSS comments feed. You can also leave a trackback if the inclination is there.

Grady (theme) Return to the Top ↑