워드프레스 로그인화면 변경 관련 소스

워드프레스Tip
작성자
어**
작성일
2023-05-07 04:48
조회
433
외모 >> 테마 파일 편집기 >> functions.php 파일 하단에 아래의 내용 입력 후 저장

// 워드프레스 기본 로그인 페이지 커스터마이징
function my_login_logo() { ?>
<style type="text/css">
body.login.login-action-login {
background-color: #374433;
}

form#loginform {
border-radius: 15px;
}
body.login.login-action-login,
.login.login-action-register,
.login.login-action-lostpassword {
background: url(https://cdn.pixabay.com/photo/2017/08/01/13/36/computer-2565478_960_720.jpg) 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;
}

.login #nav {
display: none; // 비밀번호찾기 안보이게
}

.login #backtoblog, .login #nav {
display: none; // 홈페이지로 바로가기 안보이게
}

.language-switcher {
display: none; // 언어선택 안보이게
}

.wp-core-ui .button-primary {
background: #7336d5 !IMPORTANT;
border-color: #7336d5 !IMPORTANT;
}

#login {
width: 500px !IMPORTANT;
}

</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

//워드프레스 기본 로그인 화면의 로고 교체
function wpbox_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(https://daonhome.com/wp-content/uploads/2023/04/logo.png);
height:150px;
width:300px;
background-size: 300px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpbox_login_logo' );

//워드프레스 기본 로그인 화면의 로고 링크 교체
function wpbox_login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'wpbox_login_logo_url' );
전체 0