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

サイトの外観

Liferayサイトのデザインと機能は、さまざまな方法でカスタマイズできます。以下の表は、Liferayで使用できるツールを示しています。

特徴スタイルブックマスターページテンプレートテーマ
共通フラグメント/ウィジェットを埋め込む ✓✓
ページの共通レイアウトを定義する ✓✓
UIを通じて管理✓✓
スタイル、間隔、色などをカスタマイズできます。✓ ✓
追加機能を追加する ✓

マスターページテンプレート

マスターページテンプレートを使用すると、フラグメントを使用して、特にヘッダーとフッターなどのページの共通要素を定義できます。これらを使用すると、サイト上の任意の数のページを、あなたがデザインした外観や操作感に合わせることができます。

マスターページテンプレートは、ヘッダーやフッターなど、すべてのページに共通する要素を定義する簡単な方法です。

スタイルブック

スタイルブック は、サイト用に定義された視覚的な基準であり、標準の色や間隔などが含まれます。スタイルブックを使用すると、各ページのレイアウトを個別にデザインしながら、各ページ間で一貫したエクスペリエンスを維持できます。

スタイルブックは、テキストの色など、サイトの外観に関するルールを定義するものです。

デザインライブラリ

リリース機能 (LPD-57283)

デザインライブラリ は、複数のサイトが共有するデザインリソースのインスタンスレベルのコンテナです。デザインライブラリで作成されたスタイルブックやページ断片は、そのライブラリに接続されているすべてのサイトで利用できるため、1つのチームがサイトごとに繰り返し作成するのではなく、1か所で管理できます。

デザインライブラリアプリケーションには、各デザインライブラリが作成者と更新日とともに一覧表示されます。

ウィジェット/フラグメントの外観

フラグメントとウィジェットは、ウェブサイトの構成要素です。サイトの外観に合わせてカスタマイズする方法はたくさんあります。

  • フラグメントのカスタマイズ を使用すると、サイトのフラグメントページの見た目や操作感をカスタマイズできます。

  • アプリケーション表示テンプレートサイト上のウィジェットの外観と動作をカスタマイズできます。

テーマ

テーマ は、サイトのデフォルトの外観と操作性をカスタマイズするためのフロントエンド開発者ツールです。これらは、 スタイルブック と ページテンプレート が拡張できる基盤を提供します。特定の配置を確保するために、ウィジェットをテーマに埋め込むこともできます。

注記

Liferay SaaSではテーマはサポートされていません。

サイトの各ページにテーマを選ぶことで、サイトの外観や雰囲気を大きく変えることができます。

ダークモード は、これらのサイトの外観ツールの 1 つではありません。この機能を有効にすると、ユーザーの管理画面のデザインが変更され、サイトページはそれぞれのテーマを維持します。