流動テンプレートと Web テンプレート ページ テンプレートの使用によるカスタム ページ テンプレートの作成

この例では、流動および Web テンプレートのページ テンプレートを使用することにより、カスタム ページ テンプレートを作成します。 詳細: Web テンプレートを使用したソース コンテンツの保存
目標は、左側のナビゲーションとして Web リンクのセットを使用し、右側にページの内容のあるシンプルな 2 列のテンプレートを作成することです。 次のようになります。

カスタム ページ テンプレート

ステップ 1: Web テンプレートを作成し、流動テンプレート コードを記述

まず、Web テンプレートを作成し、流動テンプレート コードを記述します。 将来のテンプレートでこのテンプレートのいくつかの共通要素を再利用する可能性があります。 したがって、特定のテンプレートで拡張する共通の基本テンプレートを作成します。 基本テンプレートでは、階層リンクとページ タイトル / ヘッダーを提供し、かつ 1 列レイアウトを定義します:

Web テンプレート 1 列レイアウト

ヒント

ブロックおよび拡張タグを使用してテンプレートの継承を読み取ります: テンプレート タグ

手順 2: 基本のレイアウト テンプレートを拡張する新しい Web テンプレートを作成

ナビゲーション リンクの現在のページに関連付けられているナビゲーション Web リンクのセットを使用して、基本のレイアウト テンプレートを拡張する新しい Web テンプレートを作成します。

Web テンプレート Web リンク左側のナビゲーション レイアウト

ヒント

Web リンク オブジェクトを用いて Web リンク セットを読み込む方法について理解してください。

手順 3: この Web テンプレートを使用した新しい Web テンプレートのページ テンプレートを作成

ページ テンプレート Web リンク左側のナビゲーション レイアウト

今、残っている作業は、ページ テンプレートを使用した、関連する Web リンク セットのある Web ページを作成し、結果を得ることです。

左側のナビゲーションのある Web ページ

関連項目

ポータルの高度なテンプレートの作成
RSS フィードを表示するカスタム ページ テンプレートの作成
現在のページに関連付けられているエンティティの表示
Web サイト ヘッダーとプライマリ ナビゲーション バーの表示
ハイブリッド ナビゲーションの使用により、ページ階層のレベルを 3 つまで描画