Experiences
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。

ダークモードを使用する

Liferay DXP 2026.Q3+ ベータ版機能

ダークモードでは、Liferay DXPの管理インターフェースが暗い配色で表示されます。 ログインしたユーザーはそれぞれ、ライトモードかダークモードかを選択でき、サイトページごとに独自のテーマが適用されます。

ダークモードを有効にする

ダークモードはデフォルトではオフになっています。 管理画面にモードボタンを追加するには、この機能フラグを有効にしてください。 一度有効になると、管理インターフェースにアクセスできる人なら誰でもモードを切り替えることができます。

  1. グローバルメニュー (Global Menu) を開き、 コントロールパネル → インスタンス設定 に移動します。

  2. プラットフォームの下にある 機能フラグ をクリックし、次に ベータ をクリックします。

  3. 「ダークモードとライトモード(LPD-57922)」の項目を見つけて、「有効」に切り替えてください。 変更は即座に保存されます。

    機能フラグのベータ版セクションで、ダークモードとライトモードの機能フラグを有効にしてください。

  4. ブラウザウィンドウを更新してください。 モードボタンはパネルヘッダーに表示されます。

ライトモードとダークモードの切り替え

モードボタンは、 製品メニュー (Product Menu)、アプリケーション、コントロールパネルなど、各管理パネルのヘッダーに表示されます。 Liferay DXPはあなたの選択を保存するため、次回ログイン時にもその設定が有効になり、他のユーザーに影響を与えることはありません。

  • ライトモードでは、月のボタン(ダークモードに切り替える)をクリックします。 インターフェースは即座に切り替わります。

    商品メニューのヘッダーには、ダークモードに切り替えるための月のアイコンボタンがあります。

  • ダークモードでは、太陽ボタン(ライトモードに切り替える)をクリックして、元のモードに戻します。

    アプリケーションページはダークモードで表示され、そのパネルヘッダーにはライトモードに戻すための太陽のアイコンボタンがあります。

ダークモードが影響を与えるものと影響を与えないもの

ダークモードは、製品メニュー、グローバルメニュー、各種メニュー、コントロールパネルなど、管理インターフェースのみのデザインを変更します。 サイトの各ページは独自のテーマを維持し、画面が暗くなることもないため、サイト訪問者には何も変化が見られません。 ページエディターも同様に動作します。ツールバーとサイドパネルは暗くなりますが、編集中のページはサイトのテーマを維持します。

商品メニュー、トップバー、グローバルメニューのドロップダウンはダークモードで表示されますが、それらの背後にあるサイトページはサイト独自のテーマを維持します。

ダークモードは視覚的な好みの問題であり、それ自体ではコントラストの要件を満たすものではありません。