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

開発
1

こんにちは、皆さん。

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

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

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

27%20PM

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

2

I suppose you could create an image that contained the text “profile”. And just render that image instead of the avatar.

3

@blake, thanks for the response.
I am working on a new theme and I don’t think that would be optimal.
Do you think I could do it using the pluginAPI or a widget?

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;
  }
}