O cliente gostaria que, quando um usuário estivesse logado, aparecesse sua foto e nome no cabeçalho. Pesquisei diversas maneiras de fazer isso e optei por criar um shortcode para depois acrescentar no cabeçalho.
O código ficou assim:
//Retornar foto e nome de usuário
function give_profile_name($atts){
if (is_user_logged_in()) {
$user = wp_get_current_user();
$id = $user->ID;
$name = $user->user_firstname;
$login = $user->user_login;
if ($name == '') {
$name = $login;
}
$avatar = get_avatar( $id, 24 );
$usuario = $avatar . $name;
} else {
$usuario = '<img src="https://petrata.com.br/wp-content/uploads/icone-pessoa.png">';
}
return $usuario;
}
add_shortcode('profile_name', 'give_profile_name');Dessa forma acrescentei o shortcode [profile_name] ao cabeçalho. Adicionei a classe nome-usuario ao módulo de código e estilizei com o seguinte:
/**Cabeçalho - Usuário**/
.nome-usuario {
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
color: #AC3400;
}
.nome-usuario .et_pb_code_inner {
display: flex !important;
}
.nome-usuario img {
border-radius: 100%;
margin: 0 5px 0 15px;
}Além disso, instalei um plugin para que os clientes WooCommerce possam acrescentar uma foto ao seu perfil. Achei um plugin neste endereço: https://webfor99.com/woocommerce-custom-profile-picture-avatar-plugin/. Ele permite adicionar a foto no painel da conta WooCommerce.
