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');

1. Create a folder in root theme directory and call it “custom-login”
2. Inside that folder create “custom-login.css”
3. 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 */