워드프레스 로그인 화면 로고 이미지 변경하는 방법

관리자

Updated on:

워드프레스 로고 이미지 변경


워드프레스(WordPress)를 사용하다 보면 기본 설정을 커스터마이징하고 싶을 때가 많습니다. 그중에서도 가장 자주 요청되는 작업 중 하나가 로그인 화면의 기본 로고를 변경하는 것입니다. 이 블로그에서는 워드프레스 로그인 화면에 나오는 로고 이미지를 커스텀 이미지로 교체하는 방법을 단계별로 자세히 설명해 드리겠습니다.

기본 로그인 화면 소개

워드프레스의 기본 로그인 화면은 심플하고 사용하기 쉽지만, 로고가 기본적으로 워드프레스 로고로 설정되어 있습니다. 이 로고를 브랜드 로고 또는 다른 이미지로 변경하면 더욱 전문적이고 통일감 있는 사이트를 구축할 수 있습니다.

  • 기본 로그인 화면의 문제점
    • 사이트 브랜드와 일치하지 않음
    • 방문자에게 혼란을 줄 수 있음


방법 1: functions.php 파일 수정

워드프레스에서 로그인 화면 로고를 변경하는 가장 기본적인 방법은 테마의 functions.php 파일을 수정하는 것입니다. 이 방법은 간단하면서도 매우 효과적이며, 워드프레스의 기본 로그인 화면을 커스터마이징할 수 있게 해줍니다.

functions.php 파일에 코드 추가하기

1. 테마 편집기 열기:

워드프레스 관리자 대시보드로 이동합니다.

외모 > 테마 파일 편집기로 이동합니다.

2. functions.php 파일 열기:

오른쪽에서 functions.php 파일을 찾고 클릭하여 엽니다.

3. 코드 추가하기:

아래의 코드를 functions.php 파일에 추가합니다. 이 코드는 로그인 화면의 로고를 클릭했을 때 홈페이지로 이동하게 만듭니다.

function custom_login_logo() {
    ?>
    <style type="text/css">
        #login h1 a {
            background-image: url('YOUR_IMAGE_URL');
            background-size: contain;
            width: 100%;
            height: 84px; /* 로고 이미지의 높이 */
        }
    </style>
    <?php
}
add_action('login_enqueue_scripts', 'custom_login_logo');

YOUR_IMAGE_URL 부분을 변경하고자 하는 로고 이미지의 URL로 바꿉니다. 이미지를 미디어 라이브러리에 업로드한 후 해당 이미지의 URL을 사용하면 됩니다.

이미지 상세 화면

4.변경 사항 저장하기:

functions.php 파일을 저장하고 변경 사항을 확인합니다.


방법 2: 플러그인 사용

코드를 직접 수정하는 것이 부담스럽다면 플러그인을 이용할 수도 있습니다. 플러그인을 통해 워드프레스 로그인 화면의 로고뿐만 아니라 스타일을 변경하는 것도 가능합니다.

추천 플러그인:

  • Custom Login Page Customizer: 로고, 배경, 로그인 버튼 등의 다양한 커스터마이징 옵션을 제공합니다.
  • LoginPress: 직관적인 인터페이스로 로그인 화면을 쉽게 꾸밀 수 있는 플러그인입니다.

플러그인 설치 및 사용법:

  1. 워드프레스 대시보드에서 플러그인 > 새로 추가로 이동합니다.
  2. Custom Login Page Customizer 또는 LoginPress를 검색한 후 설치하고 활성화합니다.
  3. 플러그인 설정 페이지로 이동하여, 로고 이미지를 업로드하고 스타일을 원하는 대로 변경합니다.


마무리

로그인 화면에 나오는 로고 이미지를 변경하는 작업은 사이트의 첫인상을 결정하는 중요한 요소입니다. functions.php 파일을 직접 수정하는 방법이나 플러그인을 사용하는 방법 모두 쉽게 따라 할 수 있으며 이를 통해 사이트의 브랜드 정체성을 한층 강화할 수 있습니다. 추가적으로 궁금한 점이 있으시면 언제든지 말씀해 주세요!


이 글에는 제휴 링크가 포함되어 있을 수 있으며 파트너스 활동을 통해 일정액의 수수료를 업체로 부터 받을 수 있습니다. 구매자분에게는 추가 비용이 발생하지 않습니다. 이 사이트의 정보는 정보 전달 목적으로만 제공되며 어떠한 보장도 제공하지 않습니다.
※ 파트너스 제휴는 블로그 운영에 있어 더 나은 컨텐츠 제작에 큰 도움이 됩니다.

댓글 남기기