워드프레스 관리자 헤더 로고 변경하기

워드프레스의 관리자 표시줄(헤더)에는 워드프레스 로고가 제일 왼쪽에 표시됩니다. 대시보드 표시줄에 있는 이 워드프레스의 트레이드마크인 W 로고 대신 다른 로고(가령 고객 로고)로 변경하려면 다음과 같은 코드를 사용하면 됩니다.

// 관리자 표시줄 로고 대체
function no_wp_logo_admin_bar_remove() {
?>
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
content: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png)!important; // logo.png 파일을 테마 폴더 아래의 images 하위 폴더에 업로드합니다
top: 0px;
}

#wpadminbar #wp-admin-bar-wp-logo > a.ab-item {
pointer-events: none;
cursor: default;
}
</style>
<?php
}
add_action('wp_before_admin_bar_render', 'no_wp_logo_admin_bar_remove', 0);
// Source: stackexchange

위의 코드를 WordPress 테마의 함수 파일(functions.php)에 추가하면 다음 스크린샷과 비슷하게 W 로고 대신 사용자가 지정한 로고가 표시됩니다.

워드프레스 관리자 표시줄 로고 변경

참고:


3개 댓글

    1. 위의 답변은 https://www.thewordcracker.com/intermediate/remove-wordpress-logo-from-wp-login-page/ 글에서 로고를 바꾸는 경우에 대한 것입니다. 위의 글은 "관리자 표시줄에 표시되는 로고"에 대한 내용으로 별다른 링크는 없네요. 만약 관리자 표시줄에 표시되는 로고에 링크를 추가하려면 jQuery로 가능할 것 같습니다(https://www.thewordcracker.com/jquery-examples/how-to-change-url-using-jquery/ 참고해보세요).

댓글 남기기

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