テーマ
テーマは、サイトのデフォルトの外観と雰囲気をカスタマイズします。 サイト全体にわたってブランドまたはラベルのスタイルとビジュアル アイデンティティを定義できます。
ほとんどのユースケースでは、テーマの代わりに テーマ CSS クライアント拡張機能 を使用できます。 テーマ CSS クライアント拡張機能は、Liferay の外観と操作性をカスタマイズするための推奨される方法です。 常にテーマ CSS クライアント拡張機能から開始し、クライアント拡張機能で実現できないことがある場合にのみテーマを使用します。
テーマとサイトデザイン
テーマは、作成する任意のサイトですぐに使用できます。 サイトの外観と雰囲気を定義する方法は他にもたくさんあります ( スタイル ブックなど)。ただし、完全にカスタマイズされたソリューションが必要な場合、テーマが最も柔軟性を提供します。
テーマは、サイトの外観をデザインする方法の階層において、カスタマイズを追加するための最も広範で柔軟な方法の1つです。 テーマは、サイトの最も基本的な基盤を提供するために使用されます。この基盤に基づいて、より具体的なツール ( マスター ページ や スタイル ブックなど) を構築できます。 ただし、テーマを使用して、他の方法では不可能なカスタマイズを追加することもできます。
テーマを介してサイトにカスタマイズを追加すると、Liferayのあるバージョンから別のバージョンにアップグレードする際のメンテナンスが増える可能性があります。 可能な場合は、 マスター ページ テンプレート と スタイル ブックを使用してサイトの外観を管理します。
テーマの開発
テーマを使用して、ページのスタイル設定、テンプレートの作成、ランタイム時の機能の拡張など、さまざまな方法でサイトをカスタマイズできます。
サイトのスタイリング
テーマは、サイトのスタイリングの基礎となるものです。 サイトのページのUIの詳細、カスタマイズされたポートレットデコレータを定義できます、配色を定義する あなたのサイトのために。
テーマに基づいてカスタム フロントエンド トークン定義 を構成することもできます。
ページのデザイン
テーマは、サイトのページのテンプレートをデザインするための ページ テンプレート または マスター ページ テンプレート を補完するものでもあります。 これらの他の方法と組み合わせて使用し、テーマのデザインに追加することができます。
たとえば、 テーマにウィジェットを埋め込んで 、サイトのページに恒久的に配置することができます。
マスター ページ または ページ テンプレートを使用して、ページのテンプレートを作成することもできます。
リソースのバンドル
リソースはテーマや他のソースにバンドルされ、一度に多くのコードソースをまとめることができるため、さまざまな変更をどのように展開するかに応じて戦略を調整できます。
-
テーマレット を使用すると、多くのテーマに適用できるモジュール方式で、少数のファイルをカスタマイズできます。
-
テーマ寄稿者 テーマとは独立して展開できる UI リソースとカスタマイズをパッケージ化できます。
-
リソースインポーター サイト テンプレートを使用して、テーマを実装するために必要なファイルとコンテンツをインポートします。
リソースインポーターは、Liferay DXP 7.1で廃止予定になりました。
動作の変更
テーマは、サイトのさまざまな部分の動作を変更するための強力なツールでもあります。
-
ページ テンプレート で使用可能なコンテキスト変数を追加して、これらのテンプレートをテーマの機能にフックできるようにすることができます。
-
変数値を設定できます テーマを使用して、DXP の既存の機能の動作に影響を与えます。
-
トークン定義 を追加して、 スタイル ブックでスタイリングのカテゴリを定義することができます。
注Liferay DXP 2024.Q2/Portal GA120 以降では、 テーマCSSクライアント拡張にフロントエンドトークン定義を追加できます。
テーマのアップグレード
テーマをアップグレードするための最初のステップは、Liferayテーマジェネレーターを使用してアップグレードタスクを実行することです。 このタスクは、テーマのバージョンを更新して、新しいバージョンのDXPにデプロイできるようにします。 詳細については、 テーマのアップグレード を参照してください。
ツール
テーマの開発または拡張には、さまざまなツールが使用されます。 詳細については、次のトピックを参照してください。