#current-user ナビゲーション項目をテキストに置き換える

開発
1

こんにちは、皆さん。

ナビゲーション内の #current-user（プロフィール画像）の項目を「profile」というテキストに置き換えたいのですが、最適な方法はどのようなものでしょうか？

#current-user の a::before にテキストを追加し、プロフィール画像の表示を none に設定してみましたが、それでは通知も隠されてしまいます。

目指す結果は以下のようになります。

27%20PM

ご協力いただき、ありがとうございます。

2

「プロフィール」という文字を含んだ画像を作成することもできるでしょう。そして、アバターの代わりにその画像をレンダリングするだけです。

3

@blake、ご返信ありがとうございます。
新しいテーマに取り組んでおり、それは最適ではないと思います。
プラグインAPIやウィジェットを使って実現できるでしょうか？

5

こんにちは。

CSSでも可能です。:slightly_smiling_face:

Common > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "profile";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// 新しいユーザーメニューを揃える
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}