[코스모스팜 회원관리] 회원정보 메뉴에 아바타 이미지 표시하는 방법

안녕하세요 코스모스팜 입니다.

워드프레스 필수 플러그인 코스모스팜 회원관리 플러그인을 사용하고 있을 때 메뉴에 회원정보 텍스트 대신 아바타 이미지를 표시하는 방법입니다.

메뉴에서 “회원정보”라는 텍스트를 로그인된 사용자 자신의 프로필 사진으로 바꿀 수 있습니다.

아래 코드를 테마의 functions.php 파일에 추가해주시면 완료됩니다.

add_filter('cosmosfarm_members_menu_items', function($menu_items, $menu, $args){
    $menu_items['account']['title'] = sprintf('<span title="회원정보">%s</span>', get_avatar(get_current_user_id(), 40));
    return $menu_items;
}, 10, 3);

add_action('wp_head', function (){ ?>
<style>
#menu-item-10000002 img { width: 40px; vertical-align: middle; border-radius: 50%; }
</style>
<?php });

코드조각(Code Snippet) 플러그인을 사용하시면 코드를 보다 쉽게 추가할 수 있고 관리도 편해집니다.