Remplacement de l'élément de navigation #current-user par du texte

Dev
1

Bonjour à tous.

Je dois remplacer l’élément #current-user (photo de profil) dans la navigation par le texte « profil ».
Quelle serait la meilleure approche pour y parvenir ?

J’ai essayé d’ajouter du texte à #current-user a::before

et de définir l’affichage de la photo de profil sur none,

mais cela masquerait également les notifications.

Le résultat souhaité ressemble à ceci.

27%20PM

Merci d’avance.

2

Je suppose que vous pourriez créer une image contenant le texte « profile ». Et simplement afficher cette image à la place de l’avatar.

3

@blake, merci pour votre réponse.
Je travaille sur un nouveau thème et je ne pense pas que ce serait optimal.
Pensez-vous que je pourrais le faire en utilisant l’API des plugins ou un widget ?

5

Bonjour,

C’est également possible avec CSS. :slightly_smiling_face:

Commun > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "profil";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// Aligner le nouveau menu utilisateur
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}