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

ウィジェットテンプレートの使用例

ウィジェットテンプレートは、サイト上のウィジェットの外観をカスタマイズするための優れたツールです。

この例では、メディアギャラリーウィジェットのデフォルト設定を変更し、カルーセルウィジェットテンプレートを使用することを示しています。

メディアギャラリーウィジェットは、Liferay DXP 2024.Q4/Portal GA129 の時点で 非推奨 となっており、将来のリリースで削除される予定です。

ドキュメントとメディアにまだ画像がない場合は、ドキュメントとメディアに画像を追加してください。

  1. コンテンツとデータに移動し、 ドキュメントとメディア追加 (Add) をクリックして、アップロードするファイルを選択します。

    ドキュメントとメディアで表示するファイルを選択します。

次に、 メディア ギャラリー ウィジェットをページに追加します。

  1. サイト メニュー (Site Menu) を開き、サイト ビルダー → ページに移動します。

  2. ページの編集を開始するか、ページを作成します。

  3. フラグメントとウィジェットのサイドバーで、 メディア ギャラリー ウィジェットを探します。 ページにドラッグ アンド ドロップします。

  4. ウィジェット ヘッダーの オプション (Widget Options icon) → 構成表示テンプレートをクリックします。 表示テンプレートを [Carousel]に変更します。

    メディアギャラリーの設定画面。

    Liferay DXP 2025.Q1/Portal GA132 より前では、設定オプションはウィジェットの右上隅に表示されていました。

ページを公開します。 これでウィジェットにはカルーセル表示テンプレートが使用されるようになりました。

メディアギャラリーの設定画面にテンプレートの変更が表示されます。