📛
Redmine 6.1以降でGravatar無効時に表示されるイニシャルを非表示にする

2025/12/23に公開
Redmine 6.1以降では「Gravatarのアイコンを使用する」がOFFのときにユーザーのイニシャルを基にしたアイコンが表示されるようになりました。ただ、イニシャルアイコンを表示したくないという声もあります。
この記事では、何らかの事情でイニシャルを表示したくないという方のために、イニシャルアイコンのイニシャル部分をView Customizeプラグインを使って非表示にする方法を紹介します。

 背景Redmine 6.1では、Gravatarアイコンを無効に設定していてもユーザーのイニシャルアイコンが表示されるようになりました。
これまでのRedmineでは、管理画面の「表示」タブ内の設定「Gravatarのアイコンを使用する」をONにすると、Gravatarを参照してチケットやガントチャートにユーザーアイコンが表示されていました。一方、この設定がOFFの場合は、アイコンは一切表示されませんでした。
Redmine 6.1では動作が変更され、「Gravatarのアイコンを使用する」がOFFの場合でも、ユーザーの姓・名の先頭1文字ずつを使ったイニシャルアイコンが表示されます。このアイコンはGravatarを参照せずにRedmineにより生成されます。
なお、設定内容にかかわらず常に何らかのアイコンが表示されるようになった背景には、ON／OFFどちらの場合でもレイアウトを共通化するという目的があります。

 対応方針View Customizeプラグインを使ってCSSを上書きすることで対応します。
ただし、アイコン自体を消すのではなく、アイコン内のイニシャルのみを消すこととします。理由は以下の通りです。
アイコンは様々な箇所で表示されるのでそれらを漏れなく消そうとするとCSSの記述量が増えたり、Redmineの将来のバージョンアップで漏れが発生したりする可能性がある
レイアウト崩れの可能性がある。そもそもアイコンが常に表示されるようになったのはGravatarの設定に関わらずレイアウトを共通化するという目的があった
イニシャルアイコンを問題視する方の多くは、アイコン自体を問題視しているのではなくイニシャル表示を問題視していると考えられる

 前提条件Redmine 6.1でView Customizeプラグインが導入されていること。
View Customizeプラグインは、Redmineの特定ページまたは全ページに、任意のCSSとJavaScriptを注入できるプラグインです。

 View Customizeプラグインでイニシャルを非表示にする方法View Customizeプラグインで、以下の内容で新しいカスタマイズを追加してください。このカスタマイズは、イニシャルアイコンのイニシャル部分の色を背景色と同色にしてイニシャルが見えないようにするCSSを全ページに注入するものです。
パスのパターン: なし（空白のまま）
プロジェクトのパターン: なし（空白のまま）
挿入位置: 全ページのヘッダ
種別: CSS
.avatar-color-0 {color: var(--oc-red-7, #f03e3e);}
.avatar-color-1 {color: var(--oc-orange-6, #fd7e14);}
.avatar-color-2 {color: var(--oc-yellow-4, #ffd43b);}
.avatar-color-3 {color: var(--oc-green-7, #37b24d);}
.avatar-color-4 {color: var(--oc-cyan-6, #15aabf);}
.avatar-color-5 {color: var(--oc-blue-7, #1c7ed6);}
.avatar-color-6 {color: var(--oc-grape-7, #ae3ec9);}
.avatar-color-7 {color: var(--oc-pink-5, #f06595);}
以下はView Customizeプラグインのスクリーンショットです。

 結果View Customizeプラグインを使って前述のカスタマイズを追加することで、アイコンのイニシャル部分の色が背景色と同じ色となり、結果としてイニシャル部分が非表示（実際には表示されているが目には見えない状態）となります。
アイコンが完全に消えるわけではありませんが、イニシャル部分が見えなくなりますので、アイコンを消したいと考える方のうちの多くの方が問題視していることは解消できるのではないかと思います。また、ユーザーを色でなんとなく識別できるというイニシャルアイコンの利点の一つを残すことができます。
背景

対応方針

前提条件

View Customizeプラグインでイニシャルを非表示にする方法

結果

Discussion
