イベントを表示するテンプレートの追加

新しいタイプの構造を追加するたびに、ウェブコンテンツのテンプレートを用意する必要があります。

ここでは、HTMLと FreeMarkerタグ を使って、イベント記事のフィールドをフォーマットします。

テンプレートの作成開始

1. パブリックサイトの管理者であるPreston Palmerとしてログインしてください（まだの場合）。

2. サイトメニューに移動する () → Content & Data → Webコンテンツ .

3. Structures タブをクリックして、以前に作成した構造体を表示する。

4. イベント構造のアクションメニュー（ アクションアイコン ）で テンプレートの管理 を選択します。

   

5. 新しいテンプレートを作成するには、 追加()をクリックします。

   新しいテンプレートは、あなたがテンプレートを管理することを選択したため、イベント構造と自動的に関連付けられます。

6. ページの一番上に、タイトルとしてSimple Event Formatと入力する。

7. Propertiesメニュー（画面右側）の Description フィールドに次のように入力する： A generic template to display an event..

テンプレートのフィールドを設定する

ここで、イベント記事のフィールドデータを表示する順番とフォーマットをアレンジする。

1. Elements（ Elementsアイコン ）をクリックして、Elementsメニューを再度開きます。

2. テンプレート本文をクリックし、プレースホルダー・テキストを削除する。

3. [要素]メニューで、[ジャーナル]の下のフィールドまでスクロールダウンし、 タイトル をクリックします。

   これにより、タイトル値を使用するコードが自動的に追加される。

   

4. 次のように、コードをH1見出しHTMLタグ（<h1>）で囲みます：

   <h1>${.vars["reserved-article-title"].data}</h1>
   

   このテンプレートで公開されるイベント記事は、タイトルがH1ヘッダーとして始まります。

5. 要素 "メニューの "フィールド"までスクロールし、"サマリー "をクリックする。

   これは、サマリーの内容が存在する限り、その内容への参照を追加する。 これにはFreeMarkerの <#if> タグを使用します。

6. Summaryテキスト参照をH3見出しHTMLタグ（<h3>）で囲む。

   

7. Enterキーを2回押して新しい行を2行追加し、「要素」メニューのフィールドリストから「バナー画像」をクリックする。

8. Enterを2回押して新しい行を2行追加し、HTMLタグ（<hr>）で区切られた行を追加する。

9. Enterを2回押して新しい行を2行追加し、要素メニューのフィールドリストから 本文 をクリックする。

これでイベントテンプレートが完成し、見栄えの良いフォーマットでイベント記事を表示できるようになりました。 後ほど、記事をページに表示するときに、このことがわかるだろう。

次ページ： を、作成したもう1つの構造体、FAQs のテンプレートとして作成する。

関連コンセプト

• Webコンテンツテンプレートの作成

• Webコンテンツテンプレートのフラグメントへのマッピング