안녕하세요.
제가 현재 코스모스팜 회원관리 플러그인을 사용하고 있는데요.
메뉴에 로그인 링크 추가로 로그인/로그아웃/회원정보로 갈 수 있는 메뉴 넣어서 사용하고 있습니다.
그런데 아래 imgur로 넣은 이미지처럼 로그인한 사용자의 프로필 이미지를 올리고 드롭다운 메뉴로 활용하고 싶다는 의견이 있네요.
우선 유저의 프로필 이미지만 가져와서 메뉴에 넣을 수 있으면 드롭다운으로 구성하는 건 자바스크립트나 css로 처리할 수 있을 것 같습니다.
해서 메뉴에 로그인 링크 추가하는 것에 현재 접속한 사용자의 프로필 이미지를 넣는 방법이 무엇일지 검토해주시고 답변 부탁드리겠습니다.
감사합니다.
안녕하세요~^^
아래 코드를 테마의 functions.php 파일에 추가해서 확인 해보시겠어요?
/*
* 메뉴 이름을 변경 (사용자 아바타 이미지 추가)
*/
add_filter('cosmosfarm_members_menu_items', 'my_cosmosfarm_members_menu_items', 10, 3);
function my_cosmosfarm_members_menu_items($menu_items, $menu, $args){
$menu_items['account']['title'] = do_shortcode('[cosmosfarm_my_avatar]') . ' 회원정보';
return $menu_items;
}
/*
* 사용자 아바타 이미지를 출력하는 숏코드
*/
add_shortcode('cosmosfarm_my_avatar', 'cosmosfarm_my_avatar');
function cosmosfarm_my_avatar(){
if(is_user_logged_in()){
$current_user = wp_get_current_user();
return get_avatar($current_user->ID, 24);
}
else{
return get_avatar('', 24);
}
}
워드프레스 관리자 -> 테마 디자인 -> 테마 편집기 메뉴에서 테마의 functions.php 파일을 편집할 수 있습니다.
고맙습니다.
답변 감사합니다!
회원정보 메뉴에 프로필 이미지 정상적으로 추가 되었습니다. ㅎㅎ
필요한 모양새로 잘 다듬어서 사용하겠습니다!