oo

ウィジェットテンプレートを使用したウィジェットのスタイル設定

Asset PublisherMedia Gallery など、すぐに使えるウィジェットの外観や機能をカスタマイズするために、ウィジェットテンプレートを使用することができます。

ウィジェットテンプレートの作成

  1. サイトメニュー Site Menuから、「デザイン」「 → テンプレート」「」をクリックします。

  2. Widget Templates タブに移動します。

    テンプレート」アプリケーションから「Widget Templates」ページにアクセスします。

  3. Add(Add Button) をクリックし、テンプレートのウィジェット(例:Asset Publisher)を選択します。

    ウィジェットテンプレートの作成画面では、使用するフィールドや変数を簡単に追加するためのコントロールが用意されています。

  4. ウィジェットテンプレートの名前を追加します。

  5. テンプレートエディタにFreeMarkerスクリプトを入力します。 Elementsのサイドパネル( 要素 )を使って、フィールド、変数、ユーティリティをテンプレートに追加します。 また、 ${ と入力すると、フィールドの候補を見ることができます。

    note

    Liferay DXP/Portal 7.4+では、ウィジェットテンプレートはFreeMarkerにのみ対応しています。 Velocityはサポート終了しました。

  6. Save] をクリックします。

これにより、新しいウィジェットテンプレートが作成され、ページ上の対応するタイプのウィジェットに適用することができます。

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

  1. 該当するウィジェットの「アクション」 ボタン(Actions Button)をクリックし、「設定」をクリックします。

  2. Display Template」ドロップダウンメニューを探し、目的のテンプレートを選択します。

    対応するウィジェットの設定にある「表示テンプレート」ドロップダウンメニューから、ウィジェットテンプレートを選択します。

    note

    このドロップダウンメニューは、ほとんどのウィジェットのデフォルトタブ、セットアップにあります。 Asset Publisherウィジェットの場合、この設定は「表示設定」タブにあります。

  3. Save] をクリックします。

    ウィジェットの設定を保存してウィジェットテンプレートを使用するようにした後、ウィジェットはその表示にあなたのテンプレートを使用します。

ウィジェットがカスタムテンプレートを使用するようになりました。 より高度なウィジェットテンプレートスクリプトを使用することにより、ウィジェットの機能をさらに強化できます。

関連トピック

Capability:
Feature: