워드프레스 기본 로그인 화면은 관리자나 에디터 등 웹사이트 운영을 위해 필요한 사람이 로그인할 때 사용하는 페이지이기 때문에 디자인이 아주 투박합니다. 게다가 이 화면에 나타나는 로고는 워드프레스 로고이고 로고 클릭 시 연결되는 링크도 내 사이트가 아닌 wordpress.org 사이트 입니다.

워드프레스 기본 로그인 화면

이 로고를 내 사이트의 로고로 변경하고, 링크도 내 사이트의 홈으로 연결하며, 마우스를 오버했을 때 나타나는 이미지 Title 속성값도 내 사이트의 제목으로 변경하겠습니다.

먼저 내 사이트의 로그인 화면에 사용할 로고 이미지를 미디어에서 업로드한 후 해당 이미지의 경로를 복사합니다.

미디어에 업로드한 이미지의 경로 찾는 법

아래의 코드를 사용하고 있는 테마의 차일드 테마 functions.php 파일 맨 아래에 붙여넣기를 하고 중간의 이미지 경로는 내 사이트의 로고 이미지 경로로 교체합니다. height, width, background-size 값을 내 로고 이미지의 크기에 맞춰 적당해 조절해 줍니다.

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

로고를 클릭했을 때 wordpress.org 사이트로 링크되는 것을 내 웹사이트의 홈 화면으로 링크되도록 아래의 코드를 functions.php 파일 맨 아랫부분에 붙여넣기를 합니다.

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

로고 위에 마우스를 오버 했을 때 나타나는 로고의 제목(title 속성값)을 교체하기 위해 아래의 코드를 functions.php 파일 맨 아랫부분에 붙여넣기를 합니다.

//워드프레스 기본 로그인 화면의 로고 title 속성 교체
function wpbox_login_logo_url_title() {
return 'WPBOX';
}
add_filter( 'login_headertitle', 'wpbox_login_logo_url_title' );
적용 후 변경된 화면
글쓴이 :
WPBOX.KR 운영자
AVADA.KR 운영자
EnnioLove.com 운영자
Facebook
everygofine@gmail.com
인기글
구글맵 API 설정 후에도 “개발 목적”이라고 표시되는 경우
카페24 웹호스팅 보안서버 SSL 인증서 443 포트 사용
워드프레스 차일드테마 설치 Child theme
워드프레스 한국형 게시판_KBoard와 MangBoard
레볼루션 슬라이더 버전 4.X 사용법
인스타그램 Access Token 과 UserID 가져오는 방법
Yoast seo 플러그 사용법 (1.General)
MAMP 사용기(내 컴퓨터에 로컬서버 구축하기)
사용자 정의 필드와 ACF (Advanced Custom Fields) 플러그인
워드프레스에서 글과 페이지의 차이

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다