構造を持つテンプレートの追加

構造を持つテンプレートの追加

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

• 構造を持つテンプレートの追加

テンプレートをよりよく理解するために、構造と関連するテンプレートを作成します。 最初に構造を作成します。

1. サイト管理ページから コンテンツ → Webコンテンツ 移動し、 構造 タブを開きます。

2. [ 追加 ]ボタン（）をクリックします。

3. 構造に News Article という名前を付け、次のフィールドを追加します。

   フィールドタイプ	フィールドラベル	名前
   テキスト	題名	title
   テキストボックス	概要	abstract
   画像	画像	image
   HTML	体	body

4. [ 保存クリックします。

次にテンプレートを作成し、構造に接続します。

1. Web Content ページから、 Templates タブに移動します。

2. [ 追加 ]ボタン（）をクリックします。

3. 名前 ニュース記事入力します。

4. Details を開き、FreeMarkerがスクリプト言語として選択されていることを確認します（これがデフォルトです）。

5. [ 構造で[ 選択 クリックし* 。

6

News Article 構造を選択し* 。

7

で スクリプト エリア、見つける フィールド 左側のラベルをしてをクリックして タイトル、 抽象、 画像 及び のボディ エディタ領域へ。 次のようになります。

   ${title.getData()}
   ${abstract.getData()}
   <#if image.getData()?? && image.getData() != ""> <img alt="${image.getAttribute("alt")}" data-fileentryid="${image.getAttribute("fileEntryId")}" src="${image.getData()}" /> </#if>
   ${body.getData()}

8

次に、見出しと <p> タグを追加し、画像を中央に揃えて、次のように要素のスタイルを設定します。

$ {title.getData（）}

$ {abstract.getData（）}

<#if image.getData()?? && image.getData() != ““> <img alt=”$ {image.getAttribute（ “alt”）}” data-fileentryid=“${image.getAttribute(“fileEntryId”)}” src=“${image.getData()}” align=“center” /> </#if>

$ {body.getData（）}

9. [ 保存クリックします。

完成させるには、コンテンツを追加します。

1. Web Content タブに移動します。

2. [ 追加 ]ボタン（）をクリックし、[ ニュース記事]を選択します。

3. コンテンツを挿入して公開します\！