워드프레스 로고 URL / 로그인 페이지의 로고 링크 URL 변경하기

워드프레스에서 로그인 페이지의 로고 링크 URL이나 헤더의 로고 URL을 변경하고 싶은 경우가 있습니다. 로그인 페이지의 로고 링크는 링크를 사용하여 비교적 쉽게 변경할 수 있습니다. 헤더에 표시되는 로고의 링크 URL은 테마에 따라 테마 옵션 내에서 변경하거나 훅(Hook)을 통해 변경할 수 있습니다. 해당 테마 옵션이나 훅이 제공되지 않는 경우에는 테마 소스 파일을 수정해야 할 수 있습니다.

[ 이 글은 2022년 5월 18일에 최종 수정되었습니다. ]

워드프레스 로고 URL 변경하기

워드프레스 로고 URL 변경하기

헤더에 표시되는 로고를 클릭하면 보통 해당 사이트의 홈페이지로 이동합니다. 아바다 (Avada)와 같은 일부 테마에서는 로고 링크 URL을 변경할 수 있습니다. 아바다 테마의 경우 Avada > Options > 로고 (Logo) > Logo Custom Link URL (로고 사용자 정의 링크 URL) 섹션에서 커스텀 링크 URL을 지정할 수 있습니다.

하지만 대부분의 테마에서는 헤더 파일(header.php)에서 로고 링크 URL을 직접 변경하는 방식으로 로고 링크 URL을 변경할 수 있습니다. 예를 들어, Divi 테마에서는 header.php 파일에서 로고 링크 URL을 직접 수정할 수 있습니다. ("Divi 테마에서 로고 URL 변경하기" 참고)

Enfold 테마의 로고 링크 변경하기

테마에 따라 로고 링크를 변경하는 후크(필터/액션)를 제공하는 경우가 있습니다. 엔폴드 (Enfold) 테마의 경우 다음 후크를 사용하여 로고 링크를 바꿀 수 있습니다.

// 엔폴드 테마 로고 URL 변경하기
// Change the url of logo in Enfold

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link)
{
$link = "http:www.your-new-domain.com";
return $link;
}
// [출처] 워드프레스 Enfold 테마 로고 링크 URL 변경하기 (엔폴드 테마) (워프사 -워드프레스 사용자 모임, 홈페이지, 웹호스팅, 애드센스) | 작성자 워드

GeneratePress 테마의 로고 링크 변경 방법

이 블로그에 현재 사용 중인 GeneratePress 테마의 경우 테마 자체에서 제공하는 후크(필터)를 사용하여 로고의 URL을 변경할 수 있습니다.

// GeneratePress 테마 로고 URL 변경하기
add_filter( 'generate_logo_href','generate_custom_logo_href' );
function generate_custom_logo_href()
{
	// Enter the URL you want your logo to link to below
	return 'http://NEW-URL-HERE';
}

위의 GeneratePress 관련 코드는 테스트해보지 않았습니다. 잘 작동하지 않으면 아래에 댓글로 알려주시면 제대로 작동하는 코드를 다시 확인하여 글을 업데이트하겠습니다.

Astra 테마의 로고 링크 변경 방법

아스트라 테마에서도 로고 링크를 변경할 수 있는 훅을 제공합니다.

Header Footer Builder를 사용하는 Astra 테마 버전 3.0.0 이상에서는 다음 코드를 사용하여 로고의 링크 목적지를 바꿀 수 있습니다.

add_action('astra_masthead', 'astra_logo_change_url');
add_action('astra_mobile_header_bar_top', 'astra_logo_change_url');
function astra_logo_change_url(){
	remove_action( 'astra_masthead_content', 'astra_site_branding_markup', 8 );
	add_filter( 'home_url', 'astra_logo_custom_url' );
	add_action( 'astra_masthead_content', 'astra_site_branding_markup', 8 );
}
function astra_logo_custom_url( $url ) {
	return 'https://google.com';
}
add_filter('astra_logo','astra_remove_logo_custom_url');
function astra_remove_logo_custom_url( $html ){
	remove_filter( 'home_url', 'astra_logo_custom_url' );
	return $html;
}

상기에 제시된 코드는 테마의 함수 파일(functions.php)에 추가하시기 바랍니다. 차일드 테마(자식 테마)를 만들어서 작업해야 추후 테마 업데이트 시에도 추가한 코드가 사라지지 않습니다. FTP에 접속하여 테마 함수 파일을 수정하세요.

워드프레스 로그인 페이지의 로고 링크 URL 변경하기

워드프레스의 로그인 페이지의 로고를 클릭하면 기본적으로 wordpress.org로 연결됩니다. 로그인 페이지를 커스터마징하는 경우 다음 함수를 테마의 함수 파일에 추가하여 로고의 URL을 변경할 수 있습니다. (아래에서 www.example.com은 해당 홈페이지 URL로 교체해 주세요.)

add_filter( 'login_headerurl', 'custom_loginlogo_url' );
function custom_loginlogo_url($url) {
return 'http://www.example.com';
}

참고:

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

2개 댓글

  1. 제너레이트 테마 사용중인데 외모에서 추가 css 저장해도 안되는데 어느 경로에서 해야 할까요? 제가 잘 못한거 같아서요

    1. 본문의 글을 자세히 읽어 보시기 바랍니다.

      상기에 제시된 코드는 테마의 함수 파일(functions.php)에 추가하시기 바랍니다.

      본문의 코드는 PHP 코드입니다. 차일드 테마(자식 테마, 하위 테마)를 만든 다음, 차일드 테마 내의 함수파일에 추가해주세요. FTP에 접속하여 작업하시기 바랍니다.

댓글 남기기

* 이메일 주소는 공개되지 않습니다.