Foto de perfil do usuário no menu do tema WordPress

Saiba como inserir a foto no menu do usuário logado em seu site wordpress.

1. Passo é adicionar em Aparência > Menus um link personalizado, com um rótulo único. No meu caso escolhi {{user-avatar}}.

O menu então ficará assim:

No meu caso o menu tem subitens, mas não é necessário.

 

2. Passo é adicionar o seguinte código no functions.php do seu tema:

function foto_menu($items, $args){



    //Foto do usuário

    //Retorna uma imagem padrão caso não haja uma foto escolhida ou usuário não está logado.

    //30 é o tamanho da foto em px.

    $img_user = get_avatar(get_current_user_id(), 30, '', 'foto usuario', '');



    //Altera o rótulo do menu pela foto.

    $items = str_replace('{{user-avatar}}', $img_user, $items);



    return $items;

}



add_filter('wp_nav_menu_items', 'foto_menu', 10, 2);

Usuário não logado ou sem foto.

Usuário logado com foto.

Dica: use o plugin WP User Avatar para gerenciar os avatares dos usuários e a foto padrão quando o usuário não estiver logado ou sem foto.

WP User Avatar




Compartilhar: