로그인 로고, 배경 이미지 바꾸기

워드프레스 로그인 페이지의 워드프레스 로고, 배경 이미지 바꾸기.

다음의 링크는 아주 잘 정리된 글. 

http://www.thewordcracker.com/intermediate/remove-wordpress-logo-from-wp-login-page/

http://www.thewordcracker.com/intermediate/customize-wordpress-login-page/

이를 참고하여, 워드프레스 테마편집기에서 테마함수 functions.php 에 아래의 코드를 삽입.

여기서 이미지 파일이 저장되는 위치는 해당 테마 폴더 아래의 images 라는 폴더임. 없으면 만들어 주고 해당 이미지들을 복사해 놓는다. 물론 다른 경로를 지정해서 사용할 수도 있다.

/*

로그인 페이지 바꾸기

http://www.thewordcracker.com/intermediate/remove-wordpress-logo-from-wp-login-page/

*/

function my_login_logo() { ?>

<style type="text/css">

body.login div#login h1 a {

background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/login-logo.jpg);

padding-bottom: 10px;

}

/* 로그인페이지 백그라운드 이미지 바꾸기 */

body.login.login-action-login {

background-color: #374433;

}

form#loginform {

border-radius: 10px;

}

body.login.login-action-login,

.login.login-action-register,

.login.login-action-lostpassword {

background: url(<?php echo get_stylesheet_directory_uri(); ?>/images/background2.png) no-repeat center  center fixed!important; 

-moz-background-size: cover!important;

-webkit-background-size: cover!important;

-o-background-size: cover!important;

background-size: cover!important;

}

.login #backtoblog a, .login #nav a {

text-decoration: none;

color: #ffffff;

}

/* 로그인페이지 백그라운드 이미지 바꾸기 끝 */

</style>

<?php }

add_action( 'login_enqueue_scripts', 'my_login_logo' );

function my_login_logo_url() {

return get_bloginfo( 'url' );

}

add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {

return '홈페이지';

}

add_filter( 'login_headertitle', 'my_login_logo_url_title' );

function login_error_override()

{

return 'Incorrect login details.';

}

add_filter('login_errors', 'login_error_override');

/*

로그인 페이지 바꾸기 끝

*/