Reemplazando el elemento de navegación #current-user con texto

Desarrollador
1

Hola a todos.

Necesito reemplazar el elemento #current-user (imagen de perfil) en la navegación con el texto “perfil”.
¿Cuál sería la mejor manera de hacerlo?

He intentado agregar texto a #current-user a::before

y establecer el display de la foto de perfil en none,

pero eso también ocultaría las notificaciones.

El resultado deseado es algo como esto.

27%20PM

Gracias de antemano.

2

Supongo que podrías crear una imagen que contenga el texto “profile”. Y simplemente renderizar esa imagen en lugar del avatar.

3

@blake, gracias por la respuesta.
Estoy trabajando en un nuevo tema y no creo que eso sea lo óptimo.
¿Crees que podría hacerlo usando la pluginAPI o un widget?

5

Hola,

Esto también es posible con CSS. :slightly_smiling_face:

Común > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "perfil";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// Alinear el nuevo menú de usuario
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}