21 ページ・テンプレートの使用

この章では、WebCenter Portalでのページ・テンプレートの使用方法について説明します。

注意: ページ・テンプレートの作成と編集は、複雑なタスクです。ページ・テンプレートはポータル・ビルダーで開発できますが、編集機能は制限されており、対象となるのは細かな変更のみです。そのため、開発者はJDeveloperを使用して、ポータルのページ・テンプレートを開発することをお薦めします。WebCenter Portalの既存のページ・テンプレートは、JDeveloperにアップロードして、調整および開発できます。新しいページ・テンプレートは、JDeveloperを使用して最初から開発できます。開発が完了したページ・テンプレートは、開発者が直接WebCenter Portal (ポータル・サーバー)にアップロードして、すぐに使用したり、テストしたりできます。または、開発者はページ・テンプレートをファイルにエクスポートし、後でポータル・ビルダーを使用してそのページ・テンプレートをWebCenter Portalにアップロードできます。 詳細は、第20.6項「JDeveloperでのポータル・アセットの使用」および『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』のページ・テンプレートの開発に関する章を参照してください。

この章の内容は、次のとおりです。

• 第21.1項「ページ・テンプレートについて」

• 第21.2項「デフォルトのページ・テンプレートの設定」

• 第21.3項「ページ・テンプレートの作成」

• 第21.4項「ページ・テンプレートの編集」

• 第21.5項「ページ・テンプレートへのポータル・コンポーネントの追加」

• 第21.6項「ページ・テンプレートの優先スキンの設定」

• 第21.7項「ポータルの共有ページ・テンプレートのカスタマイズ」

• 第21.8項「ページ・テンプレートへのナビゲーションの追加」

• 第21.9項「ページ・テンプレートの管理」

権限: 共有ページ・テンプレートでこの章のタスクを実行するには、アプリケーション・レベルのCreate, Edit and Delete Page Templates権限が必要です。Application Specialistロールを持つユーザーには、この権限がデフォルトで付与されます。アプリケーション・レベルの権限の詳細は、Oracle Fusion Middleware Oracle WebCenter Portalの管理のアプリケーションのロールと権限の理解に関する項を参照してください。 ポータル・レベルのページ・テンプレートでこの章のタスクを実行するには、ポータル・レベルの権限Create, Edit, and Delete Assets (標準権限)またはCreate, Edit, and Delete Page Templates (アドバンスト権限)が必要です。ポータル・レベルの権限の詳細は、第29.1項「ポータルのロールと権限について」を参照してください。

関連項目: 他のアセットとともにページ・テンプレートを使用してポータルのルック・アンド・フィールを定義する方法については、第60章「ポータルのルック・アンド・フィールの作成」を参照してください。

21.1 ページ・テンプレートについて

WebCenter Portalでは、ページ全体の構造とレイアウトを定義するページ・テンプレートがすべてのページに関連付けられています。関連するページに同じページ・テンプレートを使用すると、そのページの表示状態と動作の一貫性が保証されます。ページ・テンプレートの標準的な要素は次のとおりです。

• ヘッダー、コンテンツ領域(各ページで異なる)およびフッター。ヘッダーとフッターには、一般にブランド固有の要素が含まれます。たとえば、ヘッダーには通常、ロゴや、場合によってはスローガンが含まれます。フッターには通常、連絡先および著作権情報が含まれます。

• ナビゲーション。ヘッダーにはグローバル・ナビゲーションがあり、ページの左側には追加のナビゲーションがあります。

• 追加のリンクおよびアクション: ログイン/ログアウト、ポップアップ・メニュー、グローバル・リンク(Web管理者へのメール送信やプライバシ情報の表示など)。

• 条件要素。たとえば、ページの一部の要素は、ユーザーがパブリック・ユーザーか認証されたユーザーかによって、あるいは、ユーザーのロールおよび権限によってそれぞれ異なります。

図21-1は標準的なページ・テンプレートで、次の要素が含まれています。

1. ページ上部のヘッダー。

2. 重要なリソースにリンクする、ヘッダーの下またはサイドバー内にあるナビゲーション構造。

3. 独自のスタイルやレイアウトを保持できるページ・コンテンツ領域。

   
   

   関連項目: 第25章「ページ・スタイルの使用」

   
   

4. ページ下部のフッター。

図21-1 ページ・テンプレート - 基本構造

「図21-1 ページ・テンプレート - 基本構造」の説明

ページ・テンプレートは、ページの上部またはページの横側にポータルのナビゲーションを公開できます。

• トップ・ナビゲーション・ページ・テンプレートは、ヘッダー領域にポータル・ナビゲーションを公開します。トップ・ナビゲーションの場合、ページの水平方向の領域を有効に使用できますが、ポータル・ナビゲーションのトップ・レベル・ページが7レベル以下の場合は、この方式をお薦めします。このページ・テンプレートの設計には、通常、ヘッダー、ページおよびフッターのセクションが含まれており、フロー・レイアウト(後述)が必要なサイトの開始点に適しています。

• サイド・ナビゲーション・ページ・テンプレートは、ページの左側のサイドバーにポータル・ナビゲーションを公開します。サイド・ナビゲーションは垂直方向に表示されるため、ナビゲーション・アイテムのリストが長くても対応できますが、ポータル・ナビゲーションのトップ・レベル・ページが7レベルを超える場合は、この方式をお薦めします。ナビゲーション・モデルが複雑な場合は、サイド・ナビゲーション・テンプレートを選択します。

トップ・ナビゲーションとサイド・ナビゲーションのどちらのページ・テンプレートも、フロー・レイアウトまたはストレッチ・レイアウトが実装されます。

• フロー・レイアウトは、最も一般的なレイアウトです。コンポーネントは隣合せまたは縦並びに配置され、元々のサイズを使用して表示されます。ページのコンテンツがブラウザ・ウィンドウのサイズを超えた場合、ブラウザのページにはスクロール・バーが表示されます。

• ストレッチ・レイアウトは、ページ・コンテンツが大きな領域を占める場合や、ブラウザ・ウィンドウのサイズに応じてページ・コンテンツを拡大および縮小する場合に適している可能性があります。たとえば、ストレッチ・レイアウトは、ページに表またはグラフが含まれていて、そのサイズにかかわらずコンテンツ領域全体にこれを表示する場合に適しています。また、編集領域が含まれるページで、コンテンツ領域と同じ高さと幅でエディタを使用する必要がある場合にも適しています。このレイアウトにはページ・コンテンツ用のリージョンがあり、ブラウザ・ウィンドウのサイズ内にコンテンツが収まらない場合は、ページ上のリージョンに垂直および水平のスクロール・バーが追加されます。ページにスクロール・バーが追加されると、コンテンツ領域がスクロールされる間、ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。

各ページ・テンプレートは、スキンとともに機能して、ポータル内のページのルック・アンド・フィール全体を決定します。ページ・テンプレートはページ上のコンポーネントの場所と動作を制御し、スキンは、色、フォントなどの様々な側面でコンポーネントの視覚的な外観を制御します。

関連項目: 第24項「スキンの使用」

各ページ・テンプレートで優先スキンを定義すると、それぞれのページ・テンプレートで最適に機能するスキンを指定できます。ページ・テンプレートをポータルのデフォルト・ページ・テンプレートまたはシステム・デフォルトとして選択すると、デフォルトのスキンからページ・テンプレートの優先スキンに自動更新されます。

関連項目: 第21.6項「ページ・テンプレートの優先スキンの設定」

21.1.1 WebCenter Portalの組込みページ・テンプレートについて

WebCenter Portalには、表21-1に示すように、一般的なページ設計要件に適した組込みページ・テンプレートがいくつか用意されています。

アプリケーション・レベルでは、組込みページ・テンプレートはいずれも、直接編集またはカスタマイズできません。これらのテンプレートのいずれかを要件に合うように変更する場合は、新しいページ・テンプレートを作成する必要があり(第21.3項「ページ・テンプレートの作成」を参照)、「コピー元」リストから組込みページ・テンプレートを選択して、新しいページ・テンプレートで必要な調整を行います。ポータル・レベルでは、特定のポータルについて組込みテンプレートをカスタマイズできます(第21.7項「ポータルの共有ページ・テンプレートのカスタマイズ」を参照)。

注意: 組込みページ・テンプレートは、1レベルまたは2レベルのナビゲーションを表示するよう設計されています。ナビゲーション・モデルが2レベルを超える場合、組込みページ・テンプレートを使用すると、最初の1レベルまたは2レベルのみが表示されます。それ以上のレベルのナビゲーション・モデルを表示するには、独自のページ・テンプレートを作成するか、組込みページ・テンプレートをコピーし、そのコピーを編集して、要件を満たす必要があります。 ページ・テンプレート内でナビゲーション・モデルを視覚化する方法の詳細は、第21.8項「ページ・テンプレートへのナビゲーションの追加」を参照してください。

表21-1は、組込みページ・テンプレートをリリース別に最新のものから古いものへと年代順に示しています。一部の古いページ・テンプレートは、説明に記載されているように、以前のリリースとの後方互換性用に提供されています。新しいページでは、最新のページ・テンプレートを使用します。

最新の11.1.1.8.3ページ・テンプレートは、以前のページ・テンプレートと比較して、次のような利点があります。

• ADFコンポーネントの使用方法を改良して構造化することにより、カスタマイズを簡略化

• 不必要なタスク・フローをURLで置き換えることにより、タスク・フローの数を削減

• ネストされたレイアウト・コンポーネントの数を削減して、レイアウト作成を理解しやすくすることにより、効率的なXMLを実現

• JARベースのタスク・フローに埋め込むのではなく、インライン・ナビゲーションを使用することにより、ポータル・ナビゲーションのカスタマイスを簡略化

• 高速パフォーマンスを実現

表21-1 組込みページ・テンプレート

名前	リリース	優先スキン	説明
Skyrosサイド・ナビゲーションv2	11.1.1.8.3	Skyros v2	サイド・ナビゲーション付きのフロー・ページ・レイアウトで、カスタマイズが簡略化されてタスク・フローの数が削減されており、以前のサイド・ナビゲーション・テンプレートと比較して、高速パフォーマンスを実現しています。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、サイド・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはビューの外へスクロールされます。
Skyrosサイド・ナビゲーション(ストレッチ) v2	11.1.1.8.3	Skyros v2	サイド・ナビゲーション付きのストレッチ・ページ・レイアウトで、カスタマイズが簡略化されてタスク・フローの数が削減されており、以前のサイド・ナビゲーション(ストレッチ)テンプレートと比較して、高速パフォーマンスを実現しています。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、サイド・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Skyrosトップ・ナビゲーションv2	11.1.1.8.3	Skyros v2	フロー・レイアウトおよびトップ・ナビゲーション用のデフォルト・ページ・テンプレートで、カスタマイズが簡略化されてタスク・フローの数が削減されており、以前のトップ・ナビゲーション・テンプレートと比較して、高速パフォーマンスを実現しています。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Skyrosトップ・ナビゲーション(ストレッチ) v2	11.1.1.8.3	Skyros v2	トップ・ナビゲーション付きのストレッチ・ページ・レイアウトで、カスタマイズが簡略化されてタスク・フローの数が削減されており、以前のトップ・ナビゲーション(ストレッチ)テンプレートと比較して、高速パフォーマンスを実現しています。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Skyrosサイド・ナビゲーション(タブレット)	11.1.1.8.0	Skyros	タブレットと相性がよい、サイド・ナビゲーション付きのページ・レイアウト。このテンプレートでは、ページ・アクションまたはポータル・アクションは使用できません。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、サイド・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Skyrosトップ・ナビゲーション	11.1.1.8.0	Skyros	トップ・ナビゲーション付きのフロー・ページ・レイアウト。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Skyrosトップ・ナビゲーション(ストレッチ)	11.1.1.8.0	Skyros	トップ・ナビゲーション付きのストレッチ・ページ・レイアウト。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Skyrosトップ・ナビゲーション(タブレット)	11.1.1.8.0	Skyros	タブレットと相性がよい、トップ・ナビゲーション付きのフロー・ページ・レイアウト。このテンプレートでは、ページ・アクションまたはポータル・アクションは使用できません。 このページ・テンプレートには、1レベルのナビゲーションのみが表示されます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはビューの外へスクロールされます。
WebCenter Portalトップ・ナビゲーション	11.1.1.8.0	WebCenter Portalスキン	フロー・レイアウトおよびトップ・ナビゲーション付きの、デフォルト・ページ・テンプレート。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
トップ・ナビゲーション付きの共同	11.1.1.6.0	Spaces FX	フロー・レイアウトおよびトップ・ナビゲーション付きの、共同ポータル用ページ・テンプレート。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはビューの外へスクロールされます。 このテンプレートの「アクション」ドロップダウン・メニューには、「編集」ページと「パーソナライズ」ページのオプションのみがあります。
トップ・ナビゲーション付きのポータル中心	11.1.1.6.0	Spaces FX	フロー・レイアウトおよびトップ・ナビゲーション付きの、ポータル中心サイト用ページ・テンプレート。このページ・テンプレートには、フッターは含まれません。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーはビューの外へスクロールされます。
サイド・ナビゲーション(ストレッチ)	11.1.1.6.0	Spaces FX	サイド・ナビゲーション付きの、ストレッチ・ページ・レイアウト。サイド・ナビゲーション内の「アクション」メニューで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、サイド・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
トップ・ナビゲーション(ストレッチ)	11.1.1.6.0	Spaces FX	トップ・ナビゲーション付きのストレッチ・ページ・レイアウト。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。 このページ・テンプレートは、カスタム・ページ・テンプレートの作成時に使用されていたことがある、以前のリリースの後方互換性用に使用されます。新しいページの場合は、最新の「Skyrosトップ・ナビゲーション(ストレッチ)」テンプレートを使用します。
Fusionサイド・ナビゲーション	11.1.1.4.0	フュージョンFX	サイド・ナビゲーション付きの、ストレッチ・ページ・レイアウト。サイド・ナビゲーション内の「アクション」メニューで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、サイド・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。
Fusionトップ・ナビゲーション	11.1.1.4.0	フュージョンFX	トップ・ナビゲーション付きのストレッチ・ページ・レイアウト。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、トップ・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。 このページ・テンプレートは、カスタム・ページ・テンプレートの作成時に使用されていたことがある、以前のリリースの後方互換性用に使用されます。新しいページの場合は、最新の「Skyrosトップ・ナビゲーション」テンプレートを使用します。
サイド・ナビゲーション	11.1.1.4.0	Spaces FX	サイド・ナビゲーション付きの、フロー・ページ・レイアウト。サイド・ナビゲーション内の「アクション」メニューで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、サイド・ナビゲーション領域、ページ・ヘッダーおよびページ・フッターはビューの外へスクロールされます。
トップ・ナビゲーション	11.1.1.4.0	Spaces FX	フロー・レイアウトおよびトップ・ナビゲーション付きの、デフォルト・ページ・テンプレート。ページ・ヘッダーの右上にある「アクション」アイコンで、ページ・アクションおよびポータル・アクションを使用できます。 ブラウザ・ウィンドウにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはビューの外へスクロールされます。 このページ・テンプレートは、カスタム・ページ・テンプレートの作成時に使用されていたことがある、以前のリリースの後方互換性用に使用されます。新しいページの場合は、最新の「Skyrosトップ・ナビゲーション」テンプレートを使用します。
パブリック・ページ・テンプレート	11.1.1.4.0	Spaces FX	パブリック・ページ用の、デフォルト・ストレッチ・ページ・レイアウト。このテンプレートには、ページ・アクション、ポータル・アクションまたはナビゲーション領域はありません。 ページにスクロール・バーが表示される場合、ページのコンテンツをスクロールすると、ページ・ヘッダーおよびページ・フッターはそのままビューに残ります。

21.2 デフォルトのページ・テンプレートの設定

ユーザーがポータルで新しいページを作成する場合、ポータルのデフォルトのページ・テンプレートを使用して、そのページの構造とレイアウトを決定します。これにより、ポータルのすべてのページのルック・アンド・フィールで一貫性が保証されます。このようにページ内で一貫性があると、ポータルの使用がかなり容易になります。

ヒント: デフォルトのページ・テンプレートとして使用するページ・テンプレートを決定するために、ページ・テンプレートをプレビューできます。詳細は、第20.5.2項「アセットのプレビュー」を参照してください。

ページ・テンプレートは、スキンとともに機能してポータルのページのルック・アンド・フィールを決定します。デフォルトのページ・テンプレートを設定すると、デフォルトのスキンは、そのページ・テンプレートの優先スキン(ある場合)に自動で設定されます。

注意: デフォルトのスキンを、ページ・テンプレートの優先スキン以外のスキンに変更する場合、ポータルのページの表示状態が予想どおりにならないことがあります。詳細は、第21.6項「ページ・テンプレートの優先スキンの設定」を参照してください。

この項には次のトピックが含まれます:

• 第21.2.1項「ポータルのデフォルトのページ・テンプレートの設定」

• 第21.2.2項「すべてのポータルのデフォルトのページ・テンプレートの設定」

21.2.1 ポータルのデフォルトのページ・テンプレートの設定

権限: このタスクを実行するには、ポータルのポータル・モデレータであるか、Manage All権限またはManage Configuration権限を持つまたはポータル・メンバーである必要があります。 権限の詳細は、第29.1項「ポータルのロールと権限について」を参照してください。

すべてのポータルには、デフォルトのページ・テンプレートを含むデフォルトのアセットのセットがあります。ポータルを作成する場合、デフォルトでは、ポータルは、その作成時に使用されるポータル・テンプレートに定義されたページ・テンプレートを継承します。ポータル・テンプレートでデフォルトのページ・テンプレートを定義しない場合、システムのデフォルトのページ・テンプレートがかわりに使用されます。

ポータルのページに異なるページ・テンプレートを使用するには、ポータル管理でデフォルトのページ・テンプレート設定を変更します。

• ポータル管理の「設定」ページ(第7.3.1項「ポータルのルック・アンド・フィール設定へのアクセス」を参照)にある「アセット」で、新規の「ページ・テンプレート」を選択します(図21-2)。

  図21-2 ポータルのページ・テンプレートの変更

  
  「図21-2 ポータルのページ・テンプレートの変更」の説明
  
  

  リストされるページ・テンプレートは、「共有アセット」ページまたは「アセット」ページのポータルで使用可能になっているページ・テンプレートです(第20.5.3項「アセットの表示および非表示」を参照)。[system default]での選択は、システム管理者がすべてのポータルのデフォルトとして指定したページ・テンプレートに適用されます。詳細は、Oracle Fusion Middleware Oracle WebCenter Portalの管理のデフォルト・ページ・テンプレートの選択に関する項を参照してください。

詳細は、第7.3.2項「ポータルのページ・テンプレートの変更」を参照してください。

21.2.2 すべてのポータルのデフォルトのページ・テンプレートの設定

権限: このタスクを実行するには、(Administratorロール、あるいはPortal Server - Manage All権限またはManage Configuration権限を持つ)システム管理者である必要があります。

システム管理者は、システム(またはアプリケーション・レベル)のデフォルトのページ・テンプレートとして使用するページ・テンプレートを選択できます。システムのデフォルトのページ・テンプレートは、ホーム・ポータルのページ、およびポータルの作成に使用されるポータル・テンプレートでデフォルトのページ・テンプレートを定義しない場合のポータルのページに使用されます。

システムのデフォルトのページ・テンプレートを指定する方法については、Oracle Fusion Middleware Oracle WebCenter Portalの管理のデフォルトのページ・テンプレートの選択に関する項を参照してください。

21.3 ページ・テンプレートの作成

使用可能なページ・テンプレートがいずれも要件を満たさない場合、独自のテンプレートを作成できます。ページ・テンプレートを作成する場合は、既存のページ・テンプレートを新しいページ・テンプレートの開始点として使用します。

注意: ページ・テンプレートの作成と編集は、複雑なタスクです。ページ・テンプレートはポータル・ビルダーで開発できますが、編集機能は制限されています。そのため、開発者はJDeveloperを使用して、ポータルのページ・テンプレートを開発することをお薦めします。WebCenter Portalの既存のページ・テンプレートは、JDeveloperにアップロードして、調整および開発できます。新しいページ・テンプレートは、JDeveloperを使用して最初から開発できます。開発が完了したページ・テンプレートは、開発者が直接WebCenter Portal (ポータル・サーバー)にアップロードして、すぐに使用したり、テストしたりできます。または、開発者はページ・テンプレートをファイルにエクスポートし、後でポータル・ビルダーを使用してそのページ・テンプレートをWebCenter Portalにアップロードできます。 詳細は、第20.6項「JDeveloperでのポータル・アセットの使用」および『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』の「ページ・テンプレートの開発」の章を参照してください。

JDeveloperで後で調整することにして、ページ・テンプレートをWebCenter Portalで作成する場合、アプリケーション・レベルまたはポータル・レベルで作成できます。アプリケーション・レベルのページ・テンプレートは、ポータルが特に除外されていないかぎり、すべてのポータルで使用できます。ポータル・レベルのページ・テンプレートは、作成元のポータルでのみ使用できます。

ページ・テンプレートを作成するには、次の手順を実行します。

1. 次のいずれかに移動します。

   • アプリケーション・レベルのページ・テンプレートを作成するには、「共有アセット」ページに移動します。詳細は、第59.2項「共有アセットへのアクセス」を参照してください。

   • ポータル・レベルのページ・テンプレートを作成するには、そのテンプレートを作成するポータルの「アセット」ページに移動します。詳細は、第20.2項「ポータル・アセットへのアクセス」を参照してください。

2. 左側のパネルで、「構造」の下の「ページ・テンプレート」をクリックします。

3. ツールバーで、「作成」(図21-3)をクリックします。

   図21-3 ページ・テンプレートを作成するための「作成」アイコン

   
   「図21-3 ページ・テンプレートを作成するための「作成」アイコン」の説明
   
   

4. 「新規ページ・テンプレートの作成」ダイアログ(図21-4)で、「名前」フィールドに、ページ・テンプレートの名前を入力します。

   この名前は、「アセット」ページまたは「共有アセット」ページに、ページ・テンプレートの選択時にはリストに表示されます。名前は、できるだけわかりやすいものにする必要があります。

   図21-4 「新規ページ・テンプレートの作成」ダイアログ

   
   「図21-4 「新規ページ・テンプレートの作成」ダイアログ」の説明
   
   

5. 「説明」フィールドに、ページ・テンプレートの説明を入力します。

   この説明は、「アセット」または「共有アセット」ページ内で名前の下に、ページ・テンプレートの選択時にはツールチップとして表示されます。ユーザーがこの特定のページ・テンプレートを使用するかどうかを判断する上で、この説明が役立つものであることが必要です。

6. 「コピー元」リストから、新しいページ・テンプレートの開始点として使用する既存のページ・テンプレートを選択します。

   
   

   ヒント: 第20.5.4項「アセットのコピー」の説明に従い、既存のページ・テンプレートのコピーを作成することもできます。

   
   

7. 「作成」をクリックします。

   新しく作成したページ・テンプレートが、「アセット」または「共有アセット」ページに表示されます。ページ・テンプレートの横にある空のチェック・ボックスは、ページ・テンプレートがまだ公開されていないため、他のユーザーは使用できないことを示しています。ページ・テンプレートの公開の詳細は、第20.5.3項「アセットの表示および非表示」を参照してください。

   最初に作成すると、新しいページ・テンプレートは、「コピー元」リストから選択したページ・テンプレートと同一になります。ページ・テンプレートを作成する次の手順では、要件を満たすようにレイアウトとコンテンツを編集します。詳細は、第21.4項「ページ・テンプレートの編集」を参照してください。

21.4 ページ・テンプレートの編集

WebCenter Portalでは、コンポーザを使用して必要に応じてレイアウトと構造を変更することによって、ページ・テンプレートを編集できます。

注意: ページ・テンプレートの作成と編集は、複雑なタスクです。ページ・テンプレートはポータル・ビルダーで開発できますが、編集機能は制限されています。そのため、開発者はJDeveloperを使用して、ポータルのページ・テンプレートを開発することをお薦めします。WebCenter Portalの既存のページ・テンプレートは、JDeveloperにアップロードして、調整および開発できます。新しいページ・テンプレートは、JDeveloperを使用して最初から開発できます。開発が完了したページ・テンプレートは、開発者が直接WebCenter Portal (ポータル・サーバー)にアップロードして、すぐに使用したり、テストしたりできます。または、開発者はページ・テンプレートをファイルにエクスポートし、後でポータル・ビルダーを使用してそのページ・テンプレートをWebCenter Portalにアップロードできます。 詳細は、第20.6項「JDeveloperでのポータル・アセットの使用」および『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』の「ページ・テンプレートの開発」の章を参照してください。

ポータル・ビルダーでコンポーザを使用してページ・テンプレートを編集するには:

1. 次のいずれかに移動します。

   • アプリケーション・レベルのページ・テンプレートを編集するには、「共有アセット」ページに移動します。詳細は、第59.2項「共有アセットへのアクセス」を参照してください。

   • ポータル・レベルのページ・テンプレートを編集するには、そのテンプレートを所有するポータルの「アセット」ページに移動します。詳細は、第20.2項「ポータル・アセットへのアクセス」を参照してください。

2. 左側のパネルで、「構造」の下の「ページ・テンプレート」をクリックします。

3. 編集するページ・テンプレートの行で「編集」クイック・リンクをクリックします。

   
   

   ヒント: 必要な場合は、ページ・テンプレートのソース・コードを直接編集できます。ツールバーの「アクション」をクリックし、「ソースの編集」を選択します。詳細は、第20.4.2項「アセットのソース・コードの編集」を参照してください。

   
   

4. コンポーザで、ページ・テンプレートのレイアウトとコンテンツを必要に応じて編集します。

   ページ・テンプレートのレイアウトとコンテンツの編集は、ページのレイアウトとコンテンツの編集と同じです。詳細は、次を参照してください:

   • 第14章「ページでのリソース・カタログ・コンポーネントの追加と編集」

   • 第15章「ページでのWeb開発コンポーネントの使用」

   ページ・テンプレートには、1つ以上のコンテンツ・リージョンが含まれている必要があります(ボックス・コンポーネント)。

   WebCenter Portalには、ログイン・リンクや検索フィールドなど、すぐに使用できるWebCenter Portalユーザー・インタフェースを提供する再利用可能な各種コンポーネントが用意されています。詳細は、第21.5項「ページ・テンプレートへのポータル・コンポーネントの追加」を参照してください。

   ナビゲーション要素を含めるためにリージョンを挿入する場合もあります。詳細は、第21.8項「ページ・テンプレートへのナビゲーションの追加」を参照してください。

5. 「プレビュー」タブをクリックすると、コンポーザのすべてのアーティファクトを使用しなくても、ページ・テンプレートの外観が表示されます。「デザイン」ビューに戻るには、「デザイン」タブをクリックします。

6. 「保存」をクリックして変更を保存します。

21.5 ページ・テンプレートへのポータル・コンポーネントの追加

ポータル・コンポーネントとは、メニューやリンクなどの、プリパッケージされた完全に機能するアプリケーション・ウィジェットまたはタグのことであり、ページ・テンプレート(およびページ)に追加する際に利用可能です。各コンポーネントは、すぐに使用できるOracle WebCenter Portalのユーザー・インタフェースを備えています。

ヒント: この項で説明するコンポーネントは、テンプレート開発に提供されるデフォルトのページ・テンプレート・カタログに、即時利用可能な機能として装備されています。ポータルでテンプレート開発にカスタム・リソース・カタログを使用する場合、手動によるポータル・コンポーネントの追加が必要なことがあります。詳細は、第23.5.1項「リソース・カタログへのリソースの追加」を参照してください。

ページ・テンプレートにポータル・コンポーネントを追加するプロセスは、ページ・テンプレートにコンポーネントを追加するプロセスと同じです。

ヒント: この項では、ページ・テンプレートが「デザイン」ビューにある場合にポータル・コンポーネントを追加する手順について説明しています。ページ・テンプレートが別のビューにある場合にコンポーネントを追加する方法については、第14.2項「ページへのコンポーネントの追加」を参照してください。

ページ・テンプレートにポータル・コンポーネントを追加するには、次の手順を実行します。

1. コンポーザでページ・テンプレートを開きます。

   詳細は、第21.4項「ページ・テンプレートの編集」を参照してください。

2. 「デザイン」タブをクリックして「デザイン」ビューになると、インライン・リソース・カタログが表示されます。

   図21-5 コンポーザのページ・テンプレート

   
   「図21-5 コンポーザのページ・テンプレート」の説明
   
   

3. カタログで、ポータル・コンポーネントを含むフォルダに移動します。

   
   

   ヒント: ポータル・コンポーネントの有無や場所は、リソース・カタログの構成方法によって異なります。「デフォルトのページ・テンプレート・カタログ」では、「ポータル・コンポーネント」フォルダの下にポータル・コンポーネントがあります。

   
   

4. ページ・テンプレートのターゲット領域に追加するコンポーネントのアイコンをドラッグします。

   表21-1は、使用可能なポータル・コンポーネントの一覧です。各コンポーネントの詳細は、付録B「ポータル・コンポーネント」を参照してください。

   表21-2 再利用可能なポータル・コンポーネント

   AからCreate Po	Create SuからLe	LoからPo	PrからU
   ポータルについて	サブポータルの作成	ログイン	プライバシURL
   WebCenter Portalのバージョン情報	現在のユーザー・プロファイル	ログアウト	RSS
   お気に入りに追加	ページの編集	メンバーにメールを送信	検索
   管理	お気に入りメニュー	ポータル・モデレータにメールを送信	自己登録
   メンバーシップの変更	グローバル・ヘルプ	ページの管理	リソースの共有
   連絡先管理	ホーム・ポータル	ページ・リンク	ステータス・インジケータ
   著作権メッセージ	人をコネクションとして招待	親ポータル	サブスクリプション・プリファレンス
   ページの作成	ポータルへの参加	ポータル・スイッチャ	タグ
   ポータルの作成	ポータルからの退出	印刷プレビュー	ユーザー・プリファレンス

   
   
   
   

   ヒント: ページ・テンプレートにコンポーネントを追加するときは、追加のアクションを行う前にアプリケーションのステータス・インジケータでの処理が終了するまで待機する必要があります。

   
   

5. オプションで、コンポーネント・ヘッダーの「アクション」アイコンをクリックして適切なオプションを選択することでページ上のコンポーネントを移動するか、コンポーネント・ヘッダーをクリックして新しい位置にドラッグします。

6. 「プレビュー」タブをクリックすると、コンポーザのすべてのアーティファクトを使用しなくても、ページ・テンプレートの外観が表示されます。「デザイン」ビューに戻るには、「デザイン」タブをクリックします。

7. 「保存」をクリックして変更を保存します。

21.6 ページ・テンプレートの優先スキンの設定

ページ・テンプレートとスキンは、ポータルのページのルック・アンド・フィールを定義するために併用して機能するように設計されています。ページの構造とレイアウトを定義するページ・テンプレートを作成する場合、そのページ・テンプレートで使用される色やフォントなどを定義する対応スキンも作成する必要があります。これらには非常に密接な関係があるため、ページ・テンプレートの優先スキンとしてページ・テンプレートとともに使用する目的のスキンを特定します。

注意: ユーザーがポータルのデフォルトまたはシステムのデフォルトとしてページ・テンプレートを特定する場合、デフォルトのスキンは、そのページ・テンプレートの優先スキン(ある場合)に自動で設定されます。別のデフォルトのスキンを選択する場合、ポータルのページの表示状態が予想どおりにならないことがあります。

ページ・テンプレートの優先スキンを設定するには、次の手順を実行します。

1. 次のいずれかに移動します。

   • アプリケーション・レベルのページ・テンプレートの優先スキンを設定するには、「共有アセット」ページに移動します。詳細は、第59.2項「共有アセットへのアクセス」を参照してください。

   • ポータル・レベルのページ・テンプレートの優先スキンを設定するには、そのテンプレートを所有するポータルの「アセット」ページに移動します。詳細は、第20.2項「ポータル・アセットへのアクセス」を参照してください。

2. 左側のパネルで、「構造」の下の「ページ・テンプレート」をクリックします。

3. 優先スキンを設定するページ・テンプレートを選択します。

4. ツールバーの「アクション」をクリックし、「プロパティの編集」を選択します。

5. 「プロパティの編集」ダイアログの「属性」セクションで、「名前」フィールドにpreferredSkinと入力します。

6. 「値」フィールドに、ページ・テンプレートの優先スキンとして使用するスキンのスキン・ファミリを入力します。

   
   

   ヒント: スキン・ファミリは、スキンの「プロパティの表示」ダイアログに表示されます。詳細は、第20.5.1項「アセットに関する情報の表示」を参照してください。

   
   

7. 「OK」をクリックします。

21.7 ポータルの共有ページ・テンプレートのカスタマイズ

共有ページ・テンプレート(アプリケーション・レベルで作成されるページ・テンプレート)もポータルで使用できます。たとえば、ポータル設計者は、ポータルのアプリケーション全体で使用する、複数の企業ページ・テンプレートを作成する可能性があります。しかし、特定のポータルでは、アプリケーション・レベル・テンプレートが十分に機能せず、多少の調整が必要な場合があります。

ポータル内でページ・テンプレートのコピーを作成し、必要な変更を行う方法があります。ただし、コピーを作成すると同時に、新しいページ・テンプレートは元のテンプレートとは完全に切り離されます。元のページ・テンプレートに対する変更は、コピーにカスケードされません。

または、ポータル内で共有ページ・テンプレートをカスタマイズすることもできます。カスタマイズは、これを行うポータルのページ・テンプレートにのみ適用されます。しかし、元のページ・テンプレートへのコネクションは保持されるため、アプリケーション・レベルで行われる変更は、ポータル・レベルのページ・テンプレートに自動的にカスケードされます。

注意: 即時利用可能なページ・テンプレートはカスタマイズできません。即時利用可能なページ・テンプレートのコピーをアプリケーション・レベルで最初に作成し、コピーしたテンプレートをポータル・レベルでカスタマイズする必要があります。

ポータルの共有ページ・テンプレートをカスタマイズするには、次の手順を実行します。

1. ページ・テンプレートをカスタマイズするポータルの「アセット」ページに移動します。

   詳細は、第20.2項「ポータル・アセットへのアクセス」を参照してください。

2. 左側のパネルで、「構造」の下の「ページ・テンプレート」をクリックします。

3. カスタマイズするページ・テンプレートを選択します。

4. ツールバーの「アクション」をクリックし、「カスタマイズ」を選択します。

5. コンポーザで、ページ・テンプレートのレイアウトとコンテンツを必要に応じてカスタマイズします。

   詳細は、次を参照してください:

   • 第14章「ページでのリソース・カタログ・コンポーネントの追加と編集」

   • 第15章「ページでのWeb開発コンポーネントの使用」

   • 第21.5項「ページ・テンプレートへのポータル・コンポーネントの追加」

6. 「保存」をクリックして変更を保存します。

   ポータル・レベルのカスタマイズを共有ページ・テンプレートから削除するには、「アセット」ページでページ・テンプレートを選択し、「アクション」メニューから「デフォルトに戻す」を選択します。

21.8 ページ・テンプレートへのナビゲーションの追加

ページ・テンプレートの主要な要素の1つは、ナビゲーション視覚化です。これによって、ポータル内でのナビゲーションの外観と動作が決まります。

ベスト・プラクティス: ナビゲーション視覚化をページに追加できますが、通常はページ・テンプレートに追加することで、定義が一箇所で行われ、ポータル全体に一貫性を持って伝搬されます。

この項には次のトピックが含まれます:

• 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」

• 第21.8.2項「ナビゲーション・タスク・フローのプロパティの設定」

• 第21.8.3項「追加のナビゲーション・タスク・フローのダウンロード」

• 第21.8.4項「高度なナビゲーション視覚化の設計」

21.8.1 ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加

WebCenter Portalには複数の組込みナビゲーション・タスク・フローが用意されており、これらを使用すると、ポータルにナビゲーションをすばやく追加できます。

通常は、最初に目的のタスク・フローをページ・テンプレートに追加してから、ナビゲーションのコンテンツを実行するナビゲーション・モデルを選択します。この項では、この方法について説明します。しかし、ナビゲーション・モデルが含まれるカスタムのリソース・カタログを使用している場合は、ナビゲーション・モデルを選択してから、そのモデルを視覚化するためのタスク・フローを選択できます。デフォルトのページ・テンプレート・カタログには、ナビゲーション・モデルは含まれていません。

ナビゲーション・モデルに関連付ける、この項で説明するタスク・フローに加えて、WebCenter Portalにはポータル・ブラウザ・タスク・フローも用意されており、これを使用すると、ユーザーは異なるポータルに移動できます。詳細は、第11章「ポータル・ブラウザ・タスク・フローの使用」を参照してください。

組込みナビゲーション・タスク・フローをページ・テンプレートに追加するには、次の手順を実行します。

1. コンポーザでページ・テンプレートを開きます。

   詳細は、第21.4項「ページ・テンプレートの編集」を参照してください。

2. 「デザイン」タブをクリックして「デザイン」ビューになると、インライン・リソース・カタログが表示されます。

3. 組込みナビゲーション・タスク・フローが含まれるリソース・カタログのセクションに移動します。

   
   

   ヒント: これらのコンポーネントの有無や場所は、リソース・カタログの構成方法によって異なります。「デフォルトのページ・テンプレート・カタログ」では、「ナビゲーション」フォルダの下に組込みナビゲーション・タスク・フローがあります。

   
   

4. ページ・テンプレートのターゲット領域に追加するナビゲーション・タスク・フローをドラッグするか、「追加」リンクをクリックしてページ・テンプレートの最上位領域にタスク・フローを追加します。

5. ナビゲーション・タスク・フローの「編集」アイコンをクリックします。

   図21-6 ナビゲーション・タスク・フローの「編集」アイコン

   
   「図21-6 ナビゲーション・タスク・フローの「編集」アイコン」の説明
   
   

6. 「コンポーネント・プロパティ」ダイアログで、「パラメータ」タブをクリックします。

7. 「ナビゲーション」ドロップダウン・リストから、タスク・フローに関連付けるナビゲーション・モデルを選択します。

8. 必要に応じてその他のプロパティを設定します。

   様々なナビゲーション・タスク・フローで使用可能なその他のプロパティの詳細は、第21.8.2項「ナビゲーション・タスク・フローのプロパティの設定」を参照してください。

   これらのプロパティの影響を示す例については、第21.8.2.3項「プロパティを使用したナビゲーション・タスク・フロー・インスタンスの構成」を参照してください。

9. 「OK」をクリックします。

10. 「保存」をクリックして変更を保存します。

21.8.2 ナビゲーション・タスク・フローのプロパティの設定

ナビゲーション・タスク・フローには、プロパティが関連付けられています。このプロパティには、十分な権限を持つユーザーがコンポーザの「コンポーネント・プロパティ」ダイアログからアクセスできます(図21-7)。

ヒント: 「コンポーネント・プロパティ」ダイアログへのアクセスの詳細は、第14.3項「コンポーネントの変更」を参照してください。

図21-7 ナビゲーション・ツリー・タスク・フロー - コンポーネント・プロパティ

「図21-7 ナビゲーション・ツリー・タスク・フロー - コンポーネント・プロパティ」の説明

この項では、ナビゲーション・タスク・フローのプロパティの概要を説明し、プロパティ値を使用してタスク・フロー・インスタンスを構成する手順を例を通して説明します。この項には次のトピックが含まれます:

• 第21.8.2.1項「ナビゲーション・タスク・フローのプロパティについて」

• 第21.8.2.2項「ナビゲーション・タスク・フローのプロパティ」

• 第21.8.2.3項「プロパティを使用したナビゲーション・タスク・フロー・インスタンスの構成」

21.8.2.1 ナビゲーション・タスク・フローのプロパティについて

ナビゲーション・タスク・フローでプロパティの値を設定した場合、その値が設定されたタスク・フロー・インスタンスのみが影響を受けます。同じタスク・フローの他のインスタンスは、この変更による影響を受けません。

デフォルトのタスク・フロー・コンテンツは、「コンポーネント・プロパティ」ダイアログの「パラメータ」タブ上のプロパティによって制御されます。このタブのパラメータの詳細は、第21.8.2.2項「ナビゲーション・タスク・フローのプロパティ」を参照してください。一部のタスク・フローでは、このタブのパラメータにより、ページ・パラメータやページ定義変数へのタスク・フローの結付けが容易になります。これらのプロパティはタスク・フローのタイプに固有のものであり、この項で説明します。ページとコンポーネントの結付けの詳細は、第19章「ページ、タスク・フロー、ポートレットおよびADFコンポーネントの結付け」を参照してください。

「表示オプション」タブ、「スタイル」タブおよび「コンテンツ・スタイル」タブのプロパティを変更すると、すべてのユーザーのタスク・フローの外観と動作に影響します。これらのプロパティは、すべてのタスク・フローに共通しています。詳細は、第14.3項「コンポーネントの変更」を参照してください。

「イベント」タブのコンテンツは、タスク・フローでサポートされるイベントによって異なります。詳細は、第14.3.7項「コンポーネントのコンテキスト・イベントの使用」を参照してください。

式エディタは、式言語(EL)式を使用したカスタム値の入力に使用可能で、これにより「パラメータ」タブおよび「表示オプション」タブのプロパティを一定の条件に基づいて動的に決定できます。プロパティの横にあるアイコンをクリックし、「式ビルダー」を選択してエディタを開きます。EL式に関してサポートが必要な場合、アプリケーション開発者がEL式を提供できます。詳細は、『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』の式言語式に関する付録を参照してください。

注意: 「コンポーネント・プロパティ」ダイアログの汎用の「表示オプション」タブでELを入力すると、入力内容が自動的に検証されます。EL構文が無効な場合、エラー・メッセージが表示され、値は適用も保存もされません。汎用の表示オプションとは、表14-1に掲載されているオプションです。 汎用以外の表示オプションには、ELの検証は行われません。

21.8.2.2 ナビゲーション・タスク・フローのプロパティ

次の各表は、組込みの各ナビゲーション・タスク・フロー固有のパラメータを示しています。

表21-3は、「ナビゲーション・ブレッドクラム」タスク・フローのパラメータを示しています。

表21-3「ナビゲーション・ブレッドクラム」タスク・フローのパラメータ

パラメータ	説明
Display Style	ブレッドクラムを横方向または縦方向に表示するかどうかを指定します。
Navigation	このタスク・フローに関連付けるナビゲーション・モデル。
Show Root	ブレッドクラムに開始ノードを表示するかどうかを指定します。
Start Path	ナビゲーションを開始するナビゲーション・モデル内のレベル。 パスまたはEL式を入力するか、「パスの選択」アイコンをクリックして開始ノードを選択します。 有効な値は、次のとおりです。 現在選択されているページ・パスで開始 現在選択されているページ・パスのこのレベルで開始 ページ・パスの選択 詳細は、第21.8.2.3.2項「ナビゲーションの開始パスの選択」を参照してください。

表21-4は、「ナビゲーション・メニュー」タスク・フローのパラメータを示しています。

表21-4 「ナビゲーション・メニュー」タスク・フローのパラメータ

パラメータ	説明
Navigation	このタスク・フローに関連付けるナビゲーション・モデル。
Second Level Style	第2レベルのナビゲーション・アイテムをレンダリングする場合のスタイル。 有効な値は、「表示しない」、「タブ」、「バー」、「ボタン」、「選択肢」、「リスト」です。 注意: レンダリングするリソースがナビゲートできない場合(フォルダなど)、そのリソースは、タブ、バー、ボタン、選択肢またはリストとして表示できません。「メニュー」または「サブメニュー付きメニュー」のスタイルが選択された場合のみ表示されます。 このプロパティは、「スタイル」プロパティが「メニュー」または「サブメニュー付きメニュー」でない場合のみ使用できます。
Show Icons	各リソースのアイコンをレンダリングするかどうかを指定します。
Start Path	ナビゲーションを開始するナビゲーション・モデル内のレベル。 パスまたはEL式を入力するか、「パスの選択」アイコンをクリックして開始ノードを選択します。 有効な値は、次のとおりです。 現在選択されているページ・パスで開始 現在選択されているページ・パスのこのレベルで開始 ページ・パスの選択 詳細は、第21.8.2.3.2項「ナビゲーションの開始パスの選択」を参照してください。 注意: 「ナビゲーション・メニュー」タスク・フローの表示は、最大で2レベルのリソースに制限されています。
Style	第1レベルのリソースをレンダリングする場合のスタイル。 有効な値は、「タブ」、「バー」、「ボタン」、「選択肢」、「リスト」、「メニュー」、「サブメニュー付きメニュー」になります。 注意: レンダリングするリソースがナビゲートできない場合(フォルダなど)、そのリソースは、タブ、バー、ボタン、選択肢またはリストとして表示できません。「メニュー」または「サブメニュー付きメニュー」のスタイルが選択された場合のみ表示されます。 「サブメニュー付きメニュー」スタイルを使用してナビゲーション可能なアイテムをレンダリングする場合、アイテムは、ドロップダウン・メニューとして1回、さらにアイテム自体へのリンクとして1回、計2回レンダリングされます。

表21-5は、「ナビゲーション・ツリー」タスク・フローのパラメータを示しています。

表21-5 「ナビゲーション・ツリー」タスク・フローのパラメータ

パラメータ	説明
Navigation	このタスク・フローに関連付けるナビゲーション・モデル。
Show Icons	各リソースのアイコンをレンダリングするかどうかを指定します。
Show Levels	ツリーが最初にレンダリングされるときに表示されるレベル数。 有効な値は、次のとおりです。 1: 最上位ノードのみを表示します。他のすべてのノードは、最初、閉じられています。 2: 第1レベルの子ノードを開きます。 3: 第2レベルの子ノードを開きます。 すべて: すべてのノードを開きます。 注意: このオプションは、「スタイル」プロパティが「ツリーを閉じる」に設定されている状態でツリーをレンダリングする場合のみ適用されます。「スタイル」プロパティが「ツリーを開く」に設定されている場合は、このプロパティの値にかかわらず、すべてのノードが開かれた状態で表示されます。
Show Root	ツリーに開始ノードをレンダリングするかどうかを指定します。 有効な値は、次のとおりです。 ルートを表示しない: 開始ノードをレンダリングしません。 ルートの表示: 開始ノードをレンダリングします。 ルートをボックスとして表示: 開始ノードをボックス内のヘッダーとしてレンダリングします。
Start Path	ナビゲーションを開始するナビゲーション・モデル内のレベル。 パスまたはEL式を入力するか、「パスの選択」アイコンをクリックして開始ノードを選択します。 有効な値は、次のとおりです。 現在選択されているページ・パスで開始 現在選択されているページ・パスのこのレベルで開始 ページ・パスの選択 詳細は、第21.8.2.3.2項「ナビゲーションの開始パスの選択」を参照してください。
Style	ナビゲーションのスタイル。 有効な値は、次のとおりです。 ツリーを閉じる: 最初の閉じられた状態として、指定のレベル(「レベルの表示」プロパティで指定)をレンダリングします。 ツリーを開く: すべてのツリー・ノードを開いてレンダリングして、すべての子を表示します。 リスト: 最上位リソースのフラット・リストをレンダリングします。最上位リソースがフォルダの場合、そのフォルダのコンテンツはドロップダウン・メニューで提供されます。 注意: 「リスト」オプションの選択は、「レベルの表示」プロパティおよび「ルートの表示」プロパティに優先します。

21.8.2.3 プロパティを使用したナビゲーション・タスク・フロー・インスタンスの構成

この項には次のトピックが含まれます:

• 第21.8.2.3.1項「サンプル・ナビゲーション・モデル」

• 第21.8.2.3.2項「ナビゲーションの開始パスの選択」

• 第21.8.2.3.3項「ナビゲーションをツリーとしてレンダリング」

• 第21.8.2.3.4項「ナビゲーションをメニューとしてレンダリング」

• 第21.8.2.3.5項「ナビゲーションをブレッドクラムとしてレンダリング」

• 第21.8.2.3.6項「ナビゲーション・タスク・フローのリンク」

21.8.2.3.1 サンプル・ナビゲーション・モデル

次の各項では、図21-8のサンプル・ナビゲーション・モデルに基づく例を使用します。

図21-8 サンプル・ナビゲーション・モデル

「図21-8 サンプル・ナビゲーション・モデル」の説明

21.8.2.3.2 ナビゲーションの開始パスの選択

ナビゲーションの開始パスを選択するには、次の手順を実行します。

1. 第22.3項「ナビゲーション・モデルの作成」の説明に従い、ナビゲーション・モデルを作成します。

2. 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」の説明に従い、「ナビゲーション・メニュー」タスク・フローをアプリケーションのページ・テンプレートに追加します。

3. 「コンポーネント・プロパティ」ダイアログの「パラメータ」タブで、「開始パス」フィールドの横の「パスの選択」アイコンをクリックします。

4. 「開始パスの選択」ダイアログで、次のいずれかを選択します。

   • 「現在選択されているページ・パスで開始」を選択すると、現在選択されているページがナビゲーションの開始点として使用されます。「開始パス」プロパティには、次のEL式が移入されます。

     #{navigationContext.navigationModel['modelPath=path'].currentSelection.prettyUrl}
     

     ここで、pathは、ナビゲーション・モデルのXMLファイルへのパス(後続の.xmlは省略)です。例:

     #{navigationContext.navigationModel['modelPath=/oracle/webcenter/portalapp/navigations/myNavigation'].currentSelection.prettyUrl}
     

     銀行取引アプリケーションの例でこのオプションが選択されている場合、ユーザーが「当座預金」ページに移動すると、ナビゲーションは図21-9のように表示されます。

     図21-9 現在選択されているページ・パスで開始

     
     「図21-9 現在選択されているページ・パスで開始」の説明
     
     

   • 「現在選択されているページ・パスのこのレベルで開始」を選択すると、現在選択されているページの第nレベルのパスがナビゲーションの開始点として使用されます(nは、このオプションの横のフィールドで指定される値です)。「開始パス」プロパティには、次のEL式が移入されます。

     #{navigationContext.navigationModel['modelPath=path'].currentSelection.prettyUrlPath[level]}
     

     ここで、pathは、ナビゲーション・モデルのXMLファイルへのパス(後続の.xmlは省略)で、levelは、フィールドで指定された値です。

     銀行取引アプリケーションの例で、このオプションに値1が選択されている場合、ユーザーが「パーソナル・バンキング」ページに移動し、次に「当座預金」ページに移動すると、このパスの第1レベルである「パーソナル・バンキング」からナビゲーションが開始します(図21-10)。

     図21-10 現在選択されているページ・パスの指定レベルで開始

     
     「図21-10 現在選択されているページ・パスの指定レベルで開始」の説明
     
     

   • 「ページ・パスの選択」を選択すると、特定のページをナビゲーションの開始点として使用します。「開始パス」プロパティには、選択したページのパスが移入されます。

21.8.2.3.3 ナビゲーションをツリーとしてレンダリング

ナビゲーション・モデルをツリーとしてレンダリングするには、次の手順を実行します。

1. 第22.3項「ナビゲーション・モデルの作成」の説明に従い、ナビゲーション・モデルを作成します。

2. 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」の説明に従い、「ナビゲーション・ツリー」タスク・フローをアプリケーションのページ・テンプレートに追加します。

3. 第21.8.2.3.2項「ナビゲーションの開始パスの選択」の手順に従い、ナビゲーションをページにレンダリングする場合の「開始パス」を選択します。

4. 「レベルの表示」ドロップダウン・リストから、ツリーが「ツリーを閉じる」スタイルで最初にレンダリングされる場合、開くレベル数を選択します。

   
   

   注意: ナビゲーションが「ツリーを開く」スタイルを使用してレンダリングされる場合、このオプションは無視され、ナビゲーションはすべてのノードが完全に開かれた状態でレンダリングされます。

   
   

5. 「ルートの表示」ドロップダウン・リストから、ツリーに開始ノードを表示するかどうかを選択します。

   たとえば、開始ノードが「当座預金」の場合を考えます。

   • 「ツリー・ルートを表示」を選択すると、「当座預金」ノードがツリーに含まれます(図21-11)。

     図21-11 「ツリー・ルートを表示」

     
     「図21-11 「ツリー・ルートを表示」」の説明
     
     

   • 「ルートを表示しない」を選択すると、「当座預金」ノードは含まれません(図21-12)。

     図21-12 「ルートを表示しない」

     
     「図21-12 「ルートを表示しない」」の説明
     
     

   • 「ルートをボックスとして表示」を選択すると、他のナビゲーションが含まれるボックスのヘッダーとして「当座預金」ノードが含まれます(図21-13)。

     図21-13 「ルートをボックスとして表示」

     
     「図21-13 「ルートをボックスとして表示」」の説明
     
     

6. 「スタイル」ドロップダウン・リストから、ツリーで使用するスタイルを選択します。

   • 「ツリーを閉じる」は、「レベルの表示」プロパティで指定されたレベルに従って、最初は閉じられた状態でツリーを表示します。

   • 「ツリーを開く」は、すべてのレベルが完全に開かれた状態でツリーを表示します。

   • 「リスト」は、最上位リソースのフラット・リストとしてツリーを表示します。最上位リソースがフォルダの場合、これらは、フォルダのコンテンツを表示するドロップダウン・メニューとして表示されます。

     銀行取引の例で、開始ノードが「パーソナル・バンキング」の場合、リスト・スタイルのツリー・ナビゲーションは図21-14のようになります。

     図21-14 フォルダがない場合のリスト・スタイル・ツリー

     
     「図21-14 フォルダがない場合のリスト・スタイル・ツリー」の説明
     
     

     しかし、開始ノードが「当座預金」(2つのフォルダを含む)の場合は、図21-15のようになります。

     図21-15 フォルダがある場合のリスト・スタイル・ツリー

     
     「図21-15 フォルダがある場合のリスト・スタイル・ツリー」の説明
     
     

7. ナビゲーション・アイテムに関連付けられたアイコンをツリーに表示するには、「アイコンの表示」を選択します(図21-16)。

   図21-16 「アイコンの表示」

   
   「図21-16 「アイコンの表示」」の説明
   
   

21.8.2.3.4 ナビゲーションをメニューとしてレンダリング

ナビゲーション・モデルをメニューとしてレンダリングするには、次の手順を実行します。

1. 第22.3項「ナビゲーション・モデルの作成」の説明に従い、ナビゲーション・モデルを作成します。

2. 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」の説明に従い、「ナビゲーション・メニュー」タスク・フローをアプリケーションのページ・テンプレートに追加します。

3. 第21.8.2.3.2項「ナビゲーションの開始パスの選択」の手順に従い、ナビゲーションをページにレンダリングする場合の「開始パス」を選択します。

4. 「スタイル」ドロップダウン・リストから、第1レベルのナビゲーション・アイテムをメニューに表示する方法を選択します。サンプルの銀行取引アプリケーションを使用して、このプロパティの様々なオプションを示します。

   • タブ

     図21-17 タブ・スタイルのメニュー・ナビゲーション

     
     「図21-17 タブ・スタイルのメニュー・ナビゲーション」の説明
     
     

   • バー

     図21-18 バー・スタイルのメニュー・ナビゲーション

     
     「図21-18 バー・スタイルのメニュー・ナビゲーション」の説明
     
     

   • ボタン

     図21-19 ボタン・スタイルのメニュー・ナビゲーション

     
     「図21-19 ボタン・スタイルのメニュー・ナビゲーション」の説明
     
     

   • 選択肢

     図21-20 選択肢スタイルのメニュー・ナビゲーション

     
     「図21-20 選択肢スタイルのメニュー・ナビゲーション」の説明
     
     

   • リスト

     図21-21 リスト・スタイルのメニュー・ナビゲーション

     
     「図21-21 リスト・スタイルのメニュー・ナビゲーション」の説明
     
     

   • メニュー

     図21-22 メニュー・ナビゲーション・スタイル

     
     「図21-22 メニュー・ナビゲーション・スタイル」の説明
     
     

5. 「第2レベル・スタイル」ドロップダウン・リストから、ナビゲーション内の第2レベルのリソースで使用するスタイルを選択します。

   
   

   注意: メニュー・ナビゲーションでレンダリングできるのは、2レベルのリソースのみです。

   
   

6. ナビゲーション・アイテムに関連付けられたアイコンをメニューに表示するには、「アイコンの表示」を選択します。

21.8.2.3.5 ナビゲーションをブレッドクラムとしてレンダリング

ナビゲーション・モデルをブレッドクラムとしてレンダリングするには、次の手順を実行します。

1. 第22.3項「ナビゲーション・モデルの作成」の説明に従い、ナビゲーション・モデルを作成します。

2. 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」の説明に従い、「ナビゲーション・ブレッドクラム」タスク・フローをアプリケーションのページ・テンプレートに追加します。

3. 第21.8.2.3.2項「ナビゲーションの開始パスの選択」の手順に従い、ナビゲーションをページにレンダリングする場合の「開始パス」を選択します。

4. ブレッドクラムに開始ノードを表示するには、「ルートの表示」を選択します。

5. 「表示スタイル」ドロップダウン・リストから、ブレッドクラムを縦方向と横方向のどちらで表示するかを選択します。たとえば、図21-23は、横方向に表示されるブレッドクラムを示しています。

   図21-23 横方向のブレッドクラム

   
   「図21-23 横方向のブレッドクラム」の説明
   
   

   図21-24は、縦方向に表示されるブレッドクラムを示しています。

   図21-24 縦方向のブレッドクラム

   
   「図21-24 縦方向のブレッドクラム」の説明
   
   

21.8.2.3.6 ナビゲーション・タスク・フローのリンク

ポータルに複数のナビゲーション領域を含める必要がある場合があります。たとえば、ページの上部にタブを配置してナビゲーション・モデルの最上位を表示し、ページの横側に第2ツリー構造を配置することがあります。ナビゲーション・タスク・フローをリンクすることで、ツリー・ナビゲーションは、タブ付きメニュー内で選択されたナビゲーション・アイテムを反映します。

次の手順は、銀行取引の例でこの操作を行う方法を示しています。

ナビゲーション・タスク・フローをリンクするには、次の手順を実行します。

1. 第22.3項「ナビゲーション・モデルの作成」の説明に従い、ナビゲーション・モデルを作成します。

2. 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」の説明に従い、「ナビゲーション・メニュー」タスク・フローをアプリケーションのページ・テンプレートの上部に沿ったリージョンに追加します。

3. 第21.8.1項「ページ・テンプレートへの組込みナビゲーション・タスク・フローの追加」の説明に従い、「ナビゲーション・ツリー」タスク・フローをアプリケーションのページ・テンプレートの横に沿ったリージョンに追加します。

4. 「ナビゲーション・メニュー」タスク・フローの上にマウスを置くと表示されるポップアップ・メニューで、タスク・フローの「編集」アイコン(レンチ)をクリックします。

   
   

   ヒント: タスク・フローが含まれるリージョン用のアイコンではなく、タスク・フローの「編集」アイコンをクリックしてください。

   
   

5. 「コンポーネント・プロパティ」ダイアログで、「パラメータ」タブをクリックします。

6. 「ナビゲーション」ドロップダウン・リストから、目的のナビゲーション・モデルを選択するか、EL式を入力します。EL式に関してサポートが必要な場合、アプリケーション開発者がEL式を提供できます。詳細は、『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』の式言語式に関する付録を参照してください。

7. 「開始パス」パラメータに、/を入力して、ナビゲーション・モデルのルートから開始します。

8. 「スタイル」ドロップダウン・リストから、「タブ」を選択します。

9. 「第2レベル・スタイル」ドロップダウン・リストから、「表示しない」を選択します。

   ナビゲーションのこの部分が制限されて、ナビゲーション・モデルの最上位のみが表示されます。残りのナビゲーション・モデルは、ツリー・ナビゲーションに表示されます。

10. 「OK」をクリックします。

11. 「ナビゲーション・ツリー」タスク・フローの上にマウスを置くと表示されるポップアップ・メニューで、タスク・フローの「編集」アイコン(レンチ)をクリックします。

12. 「コンポーネント・プロパティ」ダイアログで、「パラメータ」タブをクリックします。

13. 「ナビゲーション」ドロップダウン・リストから、「ナビゲーション・メニュー」タスク・フローで使用したナビゲーション・モデルと同じナビゲーション・モデルを選択するか、同じEL式を入力します。

14. 「開始パス」フィールドの横の、「パスの選択」アイコンをクリックします。

15. 「開始パスの選択」ダイアログで、「現在選択されているページ・パスで開始」を選択し、「OK」をクリックします。

    これによって、メニュー・ナビゲーションで何が選択されてもそのナビゲーションがツリー・ナビゲーションに表示されます。

16. 「ルートの表示」ドロップダウン・リストから、「ルートを表示しない」を選択します。

    ナビゲーション・モデルのルートはページの上部のタブに表示されるため、ここに重複する必要はありません。

17. 「OK」をクリックします。

18. ページ・テンプレートを保存して閉じます。

    図21-25は、前述の手順を銀行取引の例で使用した場合を示しています。ページの上部で「パーソナル・バンキング」タブを選択すると、残りのナビゲーション・モデル(「パーソナル・バンキング」より下)がページの横側に表示されます。

    図21-25 ナビゲーション・タスク・フローのリンク

    
    「図21-25 ナビゲーション・タスク・フローのリンク」の説明
    
    

21.8.3 追加のナビゲーション・タスク・フローのダウンロード

その他のナビゲーション・タスク・フローは、Oracle Technology Networkからダウンロードできます。

http://www.oracle.com/technetwork/middleware/webcenter/samples-196325.zip

ZIPファイルには、次のナビゲーション・タスク・フローが含まれています。

• リスト・ナビゲーション: ナビゲーション・モデルを縦方向のリスト形式でレンダリングします。フォルダとそのアイテムは、ドロップダウン・メニューとしてレンダリングされます。空のフォルダはレンダリングされません。

• リンク付きメニュー・ナビゲーション: ナビゲーション・モデルを横方向のメニュー形式でレンダリングします。最上位のナビゲーション・アイテムの場合、フォルダはドロップダウン・メニューとしてレンダリングされます。子がないナビゲーション可能なリンクは、最上位リンクとしてレンダリングされます。空のフォルダはレンダリングされません。

• ツリー・ナビゲーション: ナビゲーション・モデルを縦方向の閉じられたツリー形式でレンダリングします。

ZIPファイルをダウンロードし、そのコンテンツをローカルで抽出します。第20.6.2項「アセットのアップロード」の説明に従い、1つ以上のEARファイルをアプリケーションにアップロードできます。リソース・カタログ内の「マッシュアップ」→「タスク・フロー」で、タスク・フローが使用できるようになります。

21.8.4 高度なナビゲーション視覚化の設計

WebCenter Portalが提供するナビゲーション・タスク・フローを使用すると、アプリケーション内でナビゲーションをすばやく視覚化できます。しかし、これらのタスク・フローでは、ナビゲーション要件が十分に満たされないこともあります。このような場合は、WebCenter Portalで作成するページ・テンプレートをJDeveloperを使用して編集し、WebCenter Portalで提供されるナビゲーションEL APIを使用して、ナビゲーションUIをテンプレートに直接追加できます。その後、編集済のページ・テンプレートをWebCenter Portalにアップロードしなおすことができます。JDeveloperでページ・テンプレートを完全に作成してから、WebCenter Portalにアップロードすることもできます。WebCenter Portalの組込みページ・テンプレートは、この方法で作成されています。

注意: ページ・テンプレートでの高度なナビゲーション視覚化の設計は、かなり複雑なタスクです。このため、高度なナビゲーション視覚化の実装は、経験豊富なWeb開発者が仕上げる必要があります。

WebCenter Portalからのページ・テンプレートのダウンロードおよびアップロードの手順は、第20.6項「JDeveloperでのポータル・アセットの使用」で説明されています。

WebCenter Portalで使用するためにJDeveloperでページ・テンプレートを作成する場合の具体的な考慮事項については、『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』の「WebCenter Portalリソースの使用」の章を参照してください。

JDeveloperを使用してページ・テンプレートにナビゲーションUIをプログラムで追加する方法については、『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』のポータル・ナビゲーションの視覚化に関する項を参照してください。

21.9 ページ・テンプレートの管理

次のオプションは、「アセット」ページまたは「共有アセット」ページに表示され、ページ・テンプレートの管理に使用できます。

関連項目: 第20.2項「ポータル・アセットへのアクセス」および第59.2項「共有アセットへのアクセス」

• 作成: 詳細は、第21.3項「ページ・テンプレートの作成」を参照してください。

• 削除: ページ・テンプレートが不要になった場合に削除できます。

  詳細は、第20.5.7項「アセットの削除」を参照してください。

• アップロード: JDeveloperを使用して開発されたページ・テンプレートを含むアーカイブ・ファイルをアップロードできます。

  詳細は、第20.6.2項「アセットのアップロード」を参照してください。

• ダウンロード: ページ・テンプレートをアーカイブ・ファイルにダウンロードして、JDeveloperでさらに開発できます。

  詳細は、第20.6.1項「アセットのダウンロード」を参照してください。

• アクション

  • コピー: ページ・テンプレートのコピーを作成できます。

    詳細は、第20.5.4項「アセットのコピー」を参照してください。

  • セキュリティ設定: ページ・テンプレートにアクセスできるのを、すべてのユーザーにするか、または指定したユーザーまたはグループのみにするかを制御できます。

    詳細は、第20.5.6項「アセットのセキュリティの設定」を参照してください。

  • カスタマイズ: 詳細は、第21.7項「ポータルの共有ページ・テンプレートのカスタマイズ」を参照してください。

  • デフォルトに戻す: 共有ページ・テンプレートをポータル・レベルでカスタマイズした場合、このオプションを使用して、ページ・テンプレートをその元の状態に戻すことができます。

  • プロパティの表示: 各ページ・テンプレートには、そのページ・テンプレートについての有用な情報がまとめられた「プロパティの表示」ダイアログが関連付けられています。

    詳細は、第20.5.1項「アセットに関する情報の表示」を参照してください。

  • ソースの編集: ページ・テンプレートのソース・コードを直接編集できます。

    詳細は、第20.4.2項「アセットのソース・コードの編集」を参照してください。

  • プロパティの編集: 各ページ・テンプレートには、特定のプロパティが関連付けられており、このプロパティでポータルでのページの表示方法を制御します。これらのプロパティは、「プロパティの編集」ダイアログで編集できます。

    詳細は、第20.5.5項「アセットのプロパティの設定」を参照してください。

• プレビュー: ページ・テンプレートの表示をプレビューできます。これにより、必要に応じて調整をすばやく行うことができます。

  詳細は、第20.5.2項「アセットのプレビュー」を参照してください。

• 使用可能: このチェック・ボックスを選択または選択解除することにより、ポータルでページ・テンプレートを使用できるかどうかを制御できます。

  詳細は、第20.5.3項「アセットの表示および非表示」を参照してください。

  
  

  ヒント: ページ・テンプレートの表示または非表示の他に、WebCenter Portalの任意のポータル、すべてのポータル、または選択されたポータルのいずれかで共有ページ・テンプレートを使用できるように制御することも可能です。詳細は、第20.5.5項「アセットのプロパティの設定」を参照してください。

  
  

• 編集: 詳細は、第21.4項「ページ・テンプレートの編集」を参照してください。