イベントを表示するテンプレートの追加
新しいタイプの構造を追加するたびに、ウェブコンテンツのテンプレートを用意する必要があります。
ここでは、HTMLと FreeMarkerタグ を使って、イベント記事のフィールドをフォーマットします。
テンプレートの作成開始
-
パブリックサイトの管理者であるPreston Palmerとしてログインしてください(まだの場合)。
-
サイトメニューに移動する () → Content & Data → Webコンテンツ .
-
Structures タブをクリックして、以前に作成した構造体を表示する。
-
イベント構造のアクションメニュー( アクションアイコン )で テンプレートの管理 を選択します。
-
新しいテンプレートを作成するには、 追加()をクリックします。
新しいテンプレートは、あなたがテンプレートを管理することを選択したため、イベント構造と自動的に関連付けられます。
-
ページの一番上に、タイトルとして
Simple Event Format
と入力する。 -
Propertiesメニュー(画面右側)の Description フィールドに次のように入力する:
A generic template to display an event.
.
テンプレートのフィールドを設定する
ここで、イベント記事のフィールドデータを表示する順番とフォーマットをアレンジする。
-
Elements( Elementsアイコン )をクリックして、Elementsメニューを再度開きます。
-
テンプレート本文をクリックし、プレースホルダー・テキストを削除する。
-
[要素]メニューで、[ジャーナル]の下のフィールドまでスクロールダウンし、 タイトル をクリックします。
これにより、タイトル値を使用するコードが自動的に追加される。
-
次のように、コードをH1見出しHTMLタグ(
<h1>
)で囲みます:<h1>${.vars["reserved-article-title"].data}</h1>
このテンプレートで公開されるイベント記事は、タイトルがH1ヘッダーとして始まります。
-
要素 "メニューの "フィールド"までスクロールし、"サマリー "をクリックする。
これは、サマリーの内容が存在する限り、その内容への参照を追加する。 これにはFreeMarkerの
<#if>
タグを使用します。 -
Summaryテキスト参照をH3見出しHTMLタグ(
<h3>
)で囲む。 -
Enterキーを2回押して新しい行を2行追加し、「要素」メニューのフィールドリストから「バナー画像」をクリックする。
-
Enterを2回押して新しい行を2行追加し、HTMLタグ(
<hr>
)で区切られた行を追加する。 -
Enterを2回押して新しい行を2行追加し、要素メニューのフィールドリストから 本文 をクリックする。
これでイベントテンプレートが完成し、見栄えの良いフォーマットでイベント記事を表示できるようになりました。 後ほど、記事をページに表示するときに、このことがわかるだろう。
次ページ: を、作成したもう1つの構造体、FAQs のテンプレートとして作成する。