◼︎ 목차 업데이트 : 2018-11-24


◼︎ 워드프레스 로그인 페이지의 WP 로고

워드프레스의 로그인 페이지에 접속하면, 이미지 좌측과 같이 워드프레스 로고가 나옵니다.
내 브랜드 로고로 교체할 수 있습니다.


◼︎ 1. 워드프레스 로고 변경 방법


functions.php 파일 위치

Root Directory (Public)
└ wp-content
└ themes
└ {{ 적용 중인 테마 }}
functions.php


먼저 적용 중인 워드프레스 테마 폴더에서 functions.php를 엽니다.
functions.php 파일을 연 다음, 가장 아래로 갑니다.

function codetalk_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(https://www.codetalk.kr/example.jpg);
            // 위의 URL 부분을 변경하고자 하는 로고 이미지 URL으로 교체
        }
    </style>
<?php }

add_action( 'login_enqueue_scripts', 'codetalk_logo' );

위의 코드를 복사해서, 원하는 로고 이미지 URL을 입력한 다음, functions.php 파일에 붙여넣기합니다.

필요한 정보가 모두 정상적으로 입력되었으면, 위의 이미지와 같이 로그인 페이지에서 워드프레스 로고가 변경되었음을 확인할 수 있습니다.


◼︎ 2. 워드프레스 URL 변경 방법

로그인 페이지에서 로고 이미지를 클릭하면, WordPress.org 로 이동하게 됩니다.

function codetalk_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'codetalk_url' );

function codetalk_url_title() {
    return '내 웹사이트 타이틀로 변경하기';
}
add_filter( 'login_headertitle', 'codetalk_url_title' );

위의 코드를 앞서 이용했던 functions.php 파일의 가장 아래에 복사하여 붙여 넣습니다.

로고를 클릭하면, 현재 웹사이트의 첫 페이지로 이동함을 확인할 수 있습니다.


코드톡이 소개해 드리는 쉽고 간단한 활용 팁을 통해, 보다 최적화된 나만의 워드프레스를 이용하실 수 있기를 바랍니다.
이 외에 알고 계신 꿀팁이 있다면, 많은 분들과 정보를 공유해 주세요!


◼︎ 도움이 될 만한 연관 추천 글

[참고] 워드프레스(WP) 무료 호스팅 서비스로 간편하게 설치하는 방법

[참고] 워드프레스 버전 정보를 삭제해야 하는 이유 및 방법


코드톡누구나 쉽게 활용할 수 있는 코딩 관련 꿀팁 및 최신 IT 프로그래밍 정보를 소개해 드립니다. ( 제휴 및 교육, 기타 문의 (카카오톡) )


코드톡 - 쉬운 코딩 꿀팁 및 IT 프로그래밍 최신 정보


저작권자 ⓒ 코드톡 ( www.codetalk.kr ) | 무단 전재 및 재배포 금지