워드프레스 로그인 페이지 로고및 URL 변경하는 2가지 방법

워드프레스 로그인 페이지 기본 워드프레스 로고를 본인 홈페이지 로고로 변경 하는 방법과 로고를 클릭 하면 워드프레스 홈페이지로 연결 되는데 본인 홈페이지로 연결되게 하는 2가지 방법 입니다.첫번째는 본인이 사용하고 있는 테마의 차일드 테마(child theme)에서 functions.php를 수정하여 변경하는 방법이며 두번째는 LoginPress 플러그인으로 변경하는 방법 입니다.

1. 차일드 테마(child theme) functions.php에서 로고및 URL 변경방법

워드프레스 로그인 페이지 로고 URL 변경방법

GeneratePress 차일드 테마 다운로드

지금 사용중인 테마는 GeneratePress 테마 입니다. functions.php를 변경하려면 메인 테마인 GeneratePress 테마에서 바로 변경하면 안되고 GeneratePress 차일드 테마를 설치한 후 ftp접속 프로그램(파일질라등)으로 접속해서 wp-content/themes/generatepress_child/에 보면 functions.php 파일이 있습니다. 거기에서 아래 로그인 페이지 로고를 클릭 하면 워드프레스 홈페이지로 연결 되는걸 본인 홈페이지로 연결되게 하려면 아래 코드를 붙여넣기 하시면 됩니다.

// 로그인 페이지 URL변경
function custom_login_url() {
    return home_url();
}
add_filter('login_headerurl', 'custom_login_url');

워드프레스 로그인 페이지 로고 변경방법

functions.php 파일에서 아래 코드를 입력 하면 됩니다. 아래 코드에서 (wp-content/uploads/2024/01/10pung02.png)이부분을 본인로고 이미지 주소로 변경 하시면 되겠습니다. 로고를 워드프레스 미디어 라이브러리에 업로드 해놓으셨을 경우 로고 이미지 클릭 하고 파일 URL 부분 복사해 넣으면 됩니다.

// 로그인 페이지 로고 변경
function custom_login_logo() {
    echo '<style type="text/css">
        .login h1 a {
            background-image: url(wp-content/uploads/2024/01/10pung02.png);
            background-size: contain;
            width: 100%;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

이렇게 차일드 테마에서 functions.php 변경 하면 메인 테마가 업데이트 되어도 차일드 테마의 functions.php에 입력된 내용은 영향을 받지 않습니다. 플러그인을 설치 하지 않고 변경하기 때문에 서버 사양이 낮아도 무리 없이 사용하실 수 있습니다.

2. LoginPress 플러그인으로 변경하는 방법

LoginPress 소개

LoginPress플러그인은 전세계 20만회 이상 설치 사용되고 있는 인기 플러그인으로 로그인 페이지의 로고, 배경, 로그인 양식, 환영 메시지, 오류 메시지등을 변경할 수 있습니다.

LoginPress설치방법

워드프레스 관리자메뉴 플러그인에서 Add New Plugin클릭 하고 키워드 검색으로 LoginPress로 검색 하면 첫번째 플러그인에서 지금 설치로 설치를 한 후 활성화를 합니다.

LoginPress플러그인으로 로고 변경방법

변경된 화면에서 우측으로 마우스를 가져가면 변경할 수 있는 부분에 연필모양의 이미지가 보입니다. 로고부분의 연필을 클릭 합니다.

변경 설정후 로그인 페이지로 접속 하면 변경된 로그인 화면을 확인 할 수 있습니다.

이렇게 LoginPress 플러그인을 이용하시면 좀 더 직관적으로 로그인 페이지의 많은 부분을 원하시는데로 변경 하실 수 있는 장점이 있습니다.