Documentation

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

ウィジェットテンプレートは、さまざまな既存のウィジェットの外観と機能をカスタマイズするために使用されます。 ウィジェットテンプレートを作成すると、スクリプトを使用してウィジェットの外観と機能を適合させることができます。 アセットパブリッシャーメディアギャラリー ウィジェットなど、Liferayですぐに使用できる多くのウィジェットのウィジェットテンプレートを作成できます。

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

次の手順に従って、ウィジェットテンプレートを作成します。

  1. プロダクトメニューから、 [サイトビルダー] → [ウィジェットテンプレート] をクリックします。

    ウィジェットテンプレートページ。

  2. Add](Add icon) ボタンをクリックし、どのウィジェット用のテンプレートを作成するか選択します(例: アセットパブリッシャー)。

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

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

  4. スクリプト] セクションの下で、テンプレートエディターの本文をクリックします。

  5. フィールド] メニューのフィールドのひとつをクリックして、そのフィールドをエディターに挿入します。 ウィジェットテンプレートを使用すると、フィールドの値が表示されます。

    注釈

    メニュー内のフィールドをクリックすると、カーソルのある場所にフィールド名が挿入されます。 また、自分で("${"で始まる)フィールド名を入力し始めると、オートコンプリートの候補を表示することができます。

  6. 保存] をクリックして、テンプレートを完成させます。

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

いずれかのページでウィジェット用のウィジェットテンプレートの準備ができたら、次の手順に従います。

  1. 該当するウィジェットのアクション(Actions icon)アイコンをクリックし、 [Configuration] をクリックします。

  2. [テンプレートの表示]ドロップダウンメニューを見つけ、目的のテンプレートの名前を選択します。

    アセットパブリッシャー構成の [表示テンプレート]ドロップダウンボックス。

    注釈

    このドロップダウンメニューは、ほとんどのウィジェットのデフォルトタブ、セットアップにあります。 アセットパブリッシャーウィジェットでは、この設定は表示設定タブの下にあります。

  3. 保存] をクリックします。

これでウィジェットは、カスタムの外観を使用するように変更されています。 より高度なウィジェットテンプレートスクリプトを使用することにより、ウィジェットの機能をさらに強化できます。