配色のカスタマイズ

Confluence のルック アンド フィールをカスタマイズする

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

robotsnoindex

Confluence 管理者はサイトのナビゲーションにカスタムの配色を設定できます。コーポレート カラーでサイトをブランディングしたり、好きな色を設定したりすることができます。


tip/resting Created with Sketch.

配色を素早く変更するには、会社ロゴをアップロードします。Confluence はその色を使用して自動的に配色を更新します。



配色を変更すると、次の領域を制御できます。

  • ハイライト色 — この設定では、ナビゲーションの次の要素を制御できます。

    1. フォーカスされているナビゲーション メニューに下線を表示
    2. ボタンの背景色を作成
    3. 検索フィールドがフォーカスされているときの枠線

   (plus) アプリケーションの読み込みに時間がかかっている場合、ナビゲーション バーの下に表示された進捗バーがハイライト色を使用します

  • [ナビゲーションの背景色] — 背景色をカスタマイズできます。Confluence の以前のバージョンで背景色を設定した場合、その背景色が保持されます。


サイトの配色を変更する方法

  1. Confluence ナビゲーションで (設定) を選択します。
  2. 左側のパネルで、[ルック アンド フィール] 配下の [配色] を選択します。
  3. [編集] を選択します。
  4. カラー コードを入力するか、カラー ピッカーを使用して新しい色を選択します。
  5. [保存] を選択します。

変更すると、すぐに Confluence サイト全体に反映されます。

ナビゲーションのテキスト色は最適な視認性のために自動的に選択されます。たとえば、背景色が白色の場合、暗い灰色のテキスト色を使用したときに最適なコントラストが実現されます。背景色が黒または青色の場合、テキスト色には白みを帯びた色が設定されます。

サイト ロゴをアップロードすると、Confluence は自動的にロゴの色を検出し、配色をカスタマイズします。 

上述のように配色を変更するか、配色を既定にリセット (かつ、新しいサイト ロゴを維持) することができます。

配色をリセットするには、次の手順を実行します。

  1. Confluence ナビゲーションで (設定) を選択します。
  2. 左側のパネルの [配色] を選択します。
  3. [編集] を選択します。
  4. [リセット] を選択します。
最終更新日 2023 年 6 月 19 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.