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より前は、設定オプションはウィジェットの右上隅に表示されていました。

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

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