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.
login-bkg-tile.gif for the logo and the gradient and
login-bkg-bottom.gif for the rounded bottom corners
Here is the finished login screen
Tags for this entry:
No TagsSee Related Posts
_16x16.gif){kind=icon}
[…] Customizing the Wordpress Login Screen […]
Pretty neat… wanted to do this but didnt have the time to go digging into the code…
keep posting.
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!
@charu
thats called a favicon
see
http://www.ayushsaran.com/blog/resources/examples-of-good-favicon-design/
thanks a ton…
Hi,
Thanks for letting me use your Nutrition Facts stats bar! Great Theme!
I’m going to have to try this.
Nice idea but is there any chance of giving us a psd file of the graphics so that we can alter them to suit?
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
Just another quick question Ayush. What font did you use for yours as I really like it.
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/
Enter Your Comment Here
I’d never even thought about this before (although haven’t yet designed a client site using WordPress).
Thanks.
[…] aspect of the design that I probably would’ve overlooked, had it not been for Ayush Saran, is the actual WordPress login […]
[…] finding this post by Ayush, I decided to play around with my login page fro word press. I am still working on it so this is […]
Very sleek looking web graphics, love the reflective text
[…] Aidan)I came across this interesting post which pointed me towards AyushSaran.com and a post about customising the Wordpress Login Screen. The original screen looks like this: It’s a pretty cool screen given that’s […]
[…] Fuente: AyushSaran […]
[…] foi o blogueiro americado David Dayrei, mas você pode conferir um “how-to” melhor ainda neste blog, que foi inclusive indicado pelo […]
[…] suo blog, David Airey riprende un interessante articolo apparso qualche tempo fa sul blog di Ayush Saran, nel quale si analizza un aspetto poco noto di WordPress, ovvero la possibilità di personalizzare […]
[…] ayushsaran 给出了一个é?žå¸¸ç®€å?•çš„办法，å?¯ä»¥è¿…速的改å?˜wordpress登录界é?¢çš„外观。 […]
[…] I started recently. David Airey beat me to the punch with his own version and credit should go to ayushsaran for starting the whole thing but here is mine at […]
[…] Customizing the WordPress Login Screen - A quick tutorial which shows you how to customise your WordPress login screen. […]
[…] ayushsaran 给出了一个é?žå¸¸ç®€å?•çš„办法，å?¯ä»¥è¿…速的改å?˜wordpress登录界é?¢çš„外观。 […]
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
[…] a full tutorial on how to do this visit Asara Myshan or BinaryMoon. For some inspiration visit this Flickr photo […]
Thanks!! I’ve been wondering about this for a while!!!
[…] it yourself. Many great tutorials exist, including the ones listed below. A two-part guide (Part 1 | Part 2) using images and creating a plugin. Josh Byers created a plugin to customize it with […]
[…] aspect of the design that I probably would’ve overlooked, had it not been for Ayush Saran, is the actual WordPress login […]
[…] aspect of the design that I probably would’ve overlooked, had it not been for Ayush Saran, is the actual WordPress login […]