GitLabの外観

設定を更新して、インスタンスのルックアンドフィールを変更できます。

外観設定を開くには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。

ホームページボタンをカスタマイズする

ホームページボタンの外観をカスタマイズします。

ホームページボタンは、左側のサイドバーの左上隅にあります。デフォルトのGitLabロゴ を任意の画像に置き換えます。

• ファイルのサイズは1MB未満にしてください。
• 画像の高さは24ピクセルにしてください。24ピクセルを超える高さの画像は、サイズが変更されます。

ホームページのアイコン画像をカスタマイズするには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. ナビゲーションバーで、ファイルを選択を選択します。
4. ページの下部にある外観の設定を更新を選択します。

パイプラインステータスのメールにも、カスタムロゴが表示されます。ただし、一部のメールアプリケーションはSVG画像をサポートしていません。カスタム画像がSVG形式の場合、パイプラインメールにはデフォルトのロゴが表示されます。

ファビコンをカスタマイズする

ファビコンの外観をカスタマイズします。ファビコンは、ブラウザータブに表示されるウェブサイトのアイコンです。GitLabロゴ は、デフォルトのブラウザーおよびCI/CDステータスのファビコンです。デフォルトのアイコンを、32 x 32ピクセルで.pngまたは.ico形式の任意の画像に置き換えます。

ファビコンを変更するには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. ファビコンで、ファイルを選択を選択します。
4. ページの下部にある外観の設定を更新を選択します。

システムのヘッダーとフッターメッセージを追加

GitLabインスタンスのインターフェースに、小さなヘッダーメッセージ、小さなフッターメッセージ、またはその両方を追加します。これらのメッセージは、サインインページや登録ページなど、インスタンスのすべてのプロジェクトとページに表示されます。

• Markdownを使用して、メッセージを斜体にしたり、太字にしたり、リンクを追加したりできます。
• システムメッセージは1行で記述する必要があるため、Markdownのリスト、画像、引用符はサポートされていません。

システムヘッダー、フッターメッセージ、またはその両方を追加するには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. システムヘッダーとフッターセクションに移動します。
4. フィールドに入力します。
5. オプション。メールのヘッダーとフッターを有効にするチェックボックスを選択します。システムメッセージを、GitLabインスタンスから送信されるすべてのメールに追加します。
6. ページの下部にある外観の設定を更新を選択します。

デフォルトでは、システムヘッダーとフッターのテキストは、オレンジ色の背景に白いテキストで表示されます。メッセージの色をカスタマイズするには:

• システムヘッダーとフッターセクションに移動し、カラーをカスタマイズを選択します。

サインインページと登録ページをカスタマイズする

サインインページと登録ページのタイトル、説明、ロゴをカスタマイズします。デフォルトでは、登録ページのロゴはページ左側のタイトルと説明の間に配置されています。

サインインページと登録ページのタイトルまたは説明をカスタマイズするには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. サインイン/サインアップページセクションに移動します。
4. フィールドに入力します。ページタイトルと説明は、Markdownで書式設定できます。
5. ページの下部にある外観の設定を更新を選択します。

サインインページと登録ページのロゴをカスタマイズするには:

• ファイルのサイズは1MB未満にしてください。
• 画像の高さは128ピクセルにしてください。128ピクセルを超える高さの画像は、サイズが変更されます。

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. サインイン/サインアップページセクションに移動します。
4. ロゴで、ファイルを選択を選択します。
5. ページの下部にある外観の設定を更新を選択します。

サインインメッセージの下にカスタマイズされたヘルプメッセージを追加したり、サインインテキストメッセージを追加したりすることもできます。

Cookieベースの言語セレクターを無効にする

機能フラグであるdisable_preferred_language_cookieを有効にすることで、Cookieベースの言語セレクターをサインインページと登録ページのフッターから削除できます。

プログレッシブウェブアプリ(PWA)をカスタマイズする

プログレッシブウェブアプリ(PWA)のアイコン、表示名、略称、説明をカスタマイズします。詳細については、Progressive Web Appを参照してください。

プログレッシブウェブアプリ(PWA)の名前と略称を追加するには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. **プログレッシブウェブアプリ(PWA)**セクションに移動します。
4. フィールドに入力します。
   • 名前は、PWAの表示名です。
   • 略称は、モバイルデバイスおよび小型画面に表示されます。
5. ページの下部にある外観の設定を更新を選択します。

プログレッシブウェブアプリ(PWA) の説明を追加するには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. **プログレッシブウェブアプリ(PWA)**セクションに移動します。
4. フィールドに入力します。Markdownで説明を書式設定できます。
5. ページの下部にある外観の設定を更新を選択します。

プログレッシブウェブアプリ(PWA) のアイコンをカスタマイズするには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. **プログレッシブウェブアプリ(PWA)**セクションに移動します。
4. アイコンで、ファイルを選択を選択します。
5. ページの下部にある外観の設定を更新を選択します。

メンバーガイドライン

GitLabのグループおよびプロジェクトのメンバーページに、メンバーガイドラインを追加できます。説明ではMarkdownを使用できます。

メンバーガイドラインは、次のいずれかを管理する権限を持つユーザーに表示されます:

• グループのメンバー。
• プロジェクトのメンバー。

グループとプロジェクトのメンバーシップを次のいずれかを使用して管理する場合は、メンバーガイドラインを追加する必要があります:

• 個人ベースではなく、定義済みのグループ。
• 外部ツール。

新規プロジェクトページにガイドラインを追加する

新規プロジェクトページにガイドラインメッセージを追加します。Markdownでメッセージの書式を設定できます。ガイドラインメッセージは、新規プロジェクトメッセージの下、および新規プロジェクトページの左側に表示されます。

新規プロジェクトページにガイドラインメッセージを追加するには:

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. 新規プロジェクトページセクションに移動します。
4. フィールドに入力します。Markdownでガイドラインの書式を設定できます。

プロフィール画像ガイドラインを追加する

プロフィール画像ガイドラインを追加します。

1. 左側のサイドバーの下部で、管理者を選択します。
2. 設定 > 外観を選択します。
3. Profile image guideline（プロフィール画像のガイドライン） セクションに移動します。
4. フィールドに入力します。Markdownを使用してテキストを書式設定できます。

リブラアバター

GitLabはLibravatarをアバター画像にサポートしていますが、GitLabインスタンスでLibravatarのサポートを手動で有効にする必要があります。詳細については、Libravatarを参照してサービスを使用してください。

すべての新しいユーザーのカラーテーマを変更する

すべての新しいユーザーに対してナビゲーションテーマのデフォルトを変更するには:

1. gitlab_rails['gitlab_default_theme']を/etc/gitlab/gitlab.rbのGitLab設定ファイルに追加します:

   gitlab_rails['gitlab_default_theme'] = 2

   次の色を使用できます:

   値	色
   1	インディゴ
   2	暗い
   3	明るい
   4	青
   5	緑
   9	赤

2. GitLabを再構成して再起動します。