ストラクチャーのテンプレートを作成したので、今度はストラクチャーを使いコンテンツを作成します。テンプレートはストラクチャーのコンテンツをフォーマットすることを覚えておいてください。
コンテンツの作成には下記の手順に従います。
-
メニュー (
)を開き、「Liferayリゾートガイド」→コンテンツ→Webコンテントを選択します。 -
ページの右の追加 (
)アイコンをクリックし、「Liferayガイド」を選択します。これでストラクチャー用に新規Webコンテンツフォームを表示します。ストラクチャー内で定義したフィールドとフィールドグループは全てここに表示されます。 -
両方のタイトル欄には、「Liferayガイドを選択」と記入します。重複して作成されますが、この手順に従ってください。1つ目のタイトルフィールドは、Webコンテンツ用のデフォルト設定です。Webコンテンツディスプレイ アプリケーションを使用して、ストラクチャーのタイトルフィールドのみ表示します。Webコンテンツを表示するアプリケーションではなく、テンプレートを使用し、フィールドののコンテンツをスタイル設定します。
-
各フィールドグループに各ガイドの名前を記入します: ガイド1、2、3、4（仮）とします。各画像のフィールドには、任意の画像を選択します。それぞれの「ページへリンク」のフィールドには、「選択」からガイドに使うページを選択します。このダイアログには、「Liferayガイド」を選択、そしてガイドのページを選択します。
-
[公開]をクリックします。
これでページが作成できましたが、ページをサイトに公開する必要があります。
手順は次の通りです：
-
「Liferayガイド」ページに行きます。
-
画面右上の追加(
) ボタンを選択し、「コンテンツ」を展開します。 -
「Liferayガイドを選択」コンテンツをページにドラッグ＆ドロップします。これでWebコンテンツディスプレイの中にコンテンツが表示されます。
-
コンテンツには重複したタイトルがあるので調節します。Webコンテンツディスプレイアプリケーションのオプションボタン (
) から、ルック＆フィールド設定を選択します。[一般]タブで、 アプリケーション・でコレータを[Barebone]に選択します。ストラクチャーとテンプレートで定義したタイトルのみが残ります。
-
コンテンツが正常に動作するか、ここでテストします。ガイドの画像または名前をクリックし、ガイドページに飛ぶか確認します。
次は、テンプレートに JavaScriptを統合します。
図1：完成図