046 – WordPress Custom Login Screen
Announcements
- Audio Feedback from last weeks show.
- Problem subscribing via iTunes
Alternative way to subscribe to Your Website Engineer Podcast:
One other way that you can subscribe through iTunes is to go to ‘Advanced’ then ‘Subscribe to Podcast’ then in the box paste:
Tools / Plugins
Maps Plugin:
codecanyon.net/item/5sec-google-maps/152372
QR Codes Link:
codecanyon.net/item/5sec-qr-codes/154873?ref=webfactory
Custom Login
Plugins:
wordpress.org/extend/plugins/custom-admin-branding/screenshots/
wordpress.org/extend/plugins/bm-custom-login/
Custom:
1. Add this code to functions.php
function custom_login() {
echo '<link rel="stylesheet" type="text/css"
href="'.get_bloginfo('template_directory').'/custom-login/custom-login.css" />';
}
add_action('login_head', 'custom_login');
- Create a folder in root theme directory and call it “custom-login”
- Inside that folder create “custom-login.css”
- Add CSS rules (Here’s a nice start)
/* Custom Login Styles */ html {background:#17272d url(../images/pbd-body.jpg) 0 0 repeat-x;} h1 a { background:url(../images/pbd-title.png) 0 0 no-repeat; width:415px; height:70px; } body.login {border-top-color:#dff4fc;} .login p#backtoblog a:link, .login p#backtoblog a:visited {color:#17272d;} .login p#backtoblog a:hover, .login p#backtoblog a:active { color:#17272d; text-decoration:underline;} /* Rollover link effects in top bar */
Dustin,
Thanks for all of the great tips AND your podcast. I know that is a very time consuming task.
John
Oct 23, 2011John, you are welcome. Thanks for listening. It doesn’t seem like it’s time consuming when I get to share my passion each and every week. Don’t forget to tell your geeky friends about the show 🙂
Oct 31, 2011