Web ページへのページ・テンプレートの適用または交換

ページ・テンプレートに関連付けられていない既存のページを選択して、そのページにページ・テンプレートを適用できます。既に別のページ・テンプレートと接続されているページのページ・テンプレートを置換することも可能です。

前提条件:
  1. Web プロジェクトを作成する。
  2. Web ページを作成する。

ページ・テンプレートを適用する、または既存のページ・テンプレートを置換するには、以下を行います。

  1. Page Designer でページを開く。
  2. メインメニューから「ページ > ページ・テンプレート」をクリックする。 以下のメニュー・オプションのいずれか 1 つを選択します。
    • 「テンプレートの適用 - ページ・テンプレートに関連付けられていないページの編集中に、そのページに ページ・テンプレートを適用したい場合にこのオプションを選択します。「ページ・テンプレートの適用 (Apply Page Template)」ウィザードが表示されます。
    • 「テンプレートの置換 (Replace Template)」 - ページ・テンプレートに関連付けのあるページを編集中に、その関連付けられているテンプレートを別のテンプレートと置換する場合にこのオプションを選択します。「ページ・テンプレートの置換 (Replace Page Template)」ウィザードが表示されます。
  3. 使用するテンプレートの種類として「サンプル・ページ・テンプレート」または「ユーザー定義ページ・テンプレート」のいずれかを選択する。 ユーザーによるテンプレートの選択は、どのタイプのページをユーザーが作成しているかによって限定されたものになります。たとえば、ユーザーが HTML ページを作成している場合は HTML テンプレート (.htpl) のみが使用可能となり、もし JSP または Faces JSP ページを作成している場合は、HTML および JSP (.jtpl) ページ・テンプレートの両方が使用可能になります。
    1. サンプル・ページ・テンプレート」を選択した場合は、「サムネール」リストからテンプレートを選択する。 サンプルのコピーがユーザーのプロジェクトに追加されてベース・ページ・テンプレートになります。
    2. ユーザー定義ページ・テンプレート」を選択した場合は、「サムネール」リストからテンプレートを選択するか、もしテンプレートが別のプロジェクトまたはファイル・システムにある場合は、テンプレートのロケーションをブラウズする。
  4. 次へ」をクリックする。
  5. テンプレートの適用」を選択した場合は、ウィザードの「ページ・エレメントをページ・テンプレートにマップ」ページで、ページ・テンプレートによるページ内容の表示方法を指定する。 コンテンツ領域に対するソースは、ページ・テンプレートのコンテンツ領域のリストで定義されています。前のウィザード・ページで選択した Web ページに対するエレメントが、ページ・エレメントのリストに表示されます。ページ・テンプレートを既存の Web ページに適用すると、ページ・テンプレートはちょうど既存のページのトップに置かれたページと同じようになり、コンテンツ領域は オリジナル・ページのコンテンツを表示するウィンドウと同じようになります。このマッピングを行うことにより、オリジナル・ページのどのコンテンツをどちらのコンテンツ領域に表示すべきかを定義していることになります。
    1. ページ・テンプレートのコンテンツ領域リストで、ページ・エレメントにマップしたいコンテンツ領域を選択する。
    2. ページ・エレメントのリストで、コンテンツ領域をマップするエレメントを選択します。
    3. 次に、「マップ」ボタンをクリックする。コンテンツ領域ごとにこの手順を行います。

      これにより、ページ・テンプレート内のコンテンツ領域は Web ページ内のエレメントに関連付けられます。例えば、サンプル・ページ・テンプレートの 1 つを選択した場合、headarea および bodyarea コンテンツ領域は事前定義されています。headarea コンテンツ領域を選択し、それを HEAD (開始と終了の HEAD タグの間にあるもの) に関連付けます。 headarea コンテンツ領域のページ・テンプレートに定義されている属性が既存の Web ページの HEAD 領域に適用されます。プレビュー・ボックスには、現行ページと、テンプレートが適用された後のページの外観のプレビューが表示されます。オリジナル・ページのあるエリアがコンテンツ領域にマップされない場合は、それはテンプレートが適用された後にはページにインクルードされていません。

    4. マッピングを除去するには、ページ・エレメントのリスト でエレメントを選択し、「マップ解除 (Unmap)」 ボタンをクリックする。
  6. 「テンプレートの置換 (Replace Template)」を選択する場合は、「現在のコンテンツ領域名 (Current Content Area Name)」「挿入先のコンテンツ領域名 (New Target Content Area Name)」の間のマッピングを指定します。 「挿入先のコンテンツ領域名 (New Target Content Area Name)」に表示されている名前をクリックして変更します。 現行テンプレートと置き換えられたテンプレートが適用されたページの プレビューが表示されます。
  7. 完了」をクリックしてページにテンプレートの変更を適用する。
これで、Page Designer でページのコンテンツ領域に追加変更を加えることができます。コンテンツ領域の外側はページ・テンプレートによって定義されていて、ページ・テンプレート内でのみ変更することができます。これらのエリアをダブルクリックすることによりページ・テンプレートを開くことができます。ページ・テンプレートに対する何らかの変更は自動的にページ内で更新されます。
制約事項: どのページ・テンプレート・ウィザードを使用してもページ・テンプレートが Web ページに適用されない原因となる環境がいくつか存在します。
  • Web ページは、選択されたページ・テンプレートのものとは異なるエンコード方式がある。
  • 選択済みのページ・テンプレートまたは Web ページが XML スタイルの JSP で記述されている。
  • Web ページには、既にそれに関連付けられているページ・テンプレートがある。
注: コンテンツ領域のプロパティーは、コンテンツ領域がテンプレート内のどこで定義されたかによって限定されたものになる場合があります。コンテンツ領域を <P> または <SPAN> タグの内側に挿入することは推奨できません。 それはテキストのフォーマット、またはスタイルをテンプレートを使用するページからコンテンツ領域に追加することが困難になるからです。たとえば、コンテンツ領域がページ・テンプレートの <P> タグの内側に定義されている場合、コンテンツ領域内のテキストを H1 に変更することはできません。またはコンテンツ領域が <FONT> タグの内側にある場合、コンテンツ領域のフォント・プロパティーを変更することはできません。 ユーザーがいくつかのスタイルまたはパラグラフ・タイプをコンテンツ領域に適用しようとするとき、もしページ・テンプレートがレイアウトにテーブルまたはフリー・レイアウト・テーブルを使用している場合は、 コンテンツ領域をページ・テンプレートまたは <TD> タグの <BODY> タグの内側に挿入することを推奨します。
関連概念
ページ・テンプレート
ネストされたページ・テンプレート
関連タスク
ページ・テンプレートを作成する
テーブルを使用してページ・テンプレートをレイアウトする
ページ・テンプレートから Web ページを生成する
Web サイトにページ・テンプレートを適用する
ページ・テンプレートにコンテンツを追加する
ネストされたページ・テンプレートを作成する
ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.
(C) Copyright IBM Japan 2005.