Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
WordPressのログイン画面のスタイルを変える
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="'.get_template_directory_uri() . '/library/css/login.css" />';
}
add_action('login_head', 'custom_login');
/*
* login.css
*/
body.login{
background-image: url('../images/login_bg_photo.jpg');
background-position: center;
color: #fff;
}
div#login{
margin-bottom: 0px;
padding: 20px;
background-color: rgba(230, 230, 230, 0.5);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
clear: both;
overflow: hidden;
position: relative;
top: 100px;
}
.login h1{display: none;}
.login #nav{
display: none;
}
.login #backtoblog{
text-align: center;
}
.login .message {
border-left: 0px solid #7ad03a;
background-color: #800;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
color: #fff;
}
.login form {
margin-top: 20px;
margin-left: 0;
padding: 26px 24px 46px;
font-weight: 400;
overflow: hidden;
background: #f66f6f;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
box-shadow: 0 1px 3px rgba(0,0,0,.13);
color: #fff;
}
.login form label {
color: #fff;
}
.login #backtoblog a, .login #nav a {
text-decoration: none;
color: #fff;
}
.login #backtoblog a{
display: block;
padding: 12px 0;
background: #16a6b6;
}
.login #backtoblog, .login #nav{
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment