Portal Designer の使用

Portal Designer を使用して、ポータルの外観を変更します。

ポータル・プロジェクトをオープンすると、ワークベンチの中央に Portal Designer エディターが表示されます。 その周囲には、プロジェクト・エクスプローラーアウトラインサムネールプロパティー、およびパレット の各ビューがあります。

Portal Designer

ポータルのレイアウトと外観については、Portal Designer を WYSIWYG (表示された通りの結果が得られる) エディターと見なすことができます。 テーマ、スキン、およびページ・レイアウトなどのグラフィック・インターフェース項目のレンダリングを行います。

また、Portal Designer は、ポータル・ページ内の JSF および Struts ポートレットの初期ページのレンダリングも行いますが、ポートレットのコンテンツに関するそれ以外のもののレンダリングは行いません。 WebSphere® Portal テスト環境では、ポータル・サイトをポートレット・コンテンツと一緒に表示できます。

説明 ビュー
このエディターを使用して、ポータルのグラフィック・デザインとポータル・ページのレイアウトの両方をカスタマイズします。 WYSIWYG Web エディターを使用する場合と同じように使用してください。 実行可能な機能には、次のものがあります。
  • デザイン・エレメントを右クリックし、「挿入」メニュー項目を選択する。
  • デザイン・エレメントをクリックしてそのプロパティーを編集する。 プロパティーの処理についての詳細情報を表示するには、スクロールダウンしてください。
  • Page Designer を使用して、テーマ、スキン、およびスタイルのグラフィック・デザインを変更する。 これらのエディターは、「編集」メニューから選択できます。
Portal Designer のポータル構成エディター
ポータル構成は、ポータル・プロジェクト・フォルダーのルートにあるレイアウト・ソース・ファイルの名前です。

「プロジェクト・エクスプローラー」ビュー

説明 ビュー

プロジェクト・エクスプローラー

ポータル・プロジェクトを開くと、デフォルトで画面の左上隅にプロジェクト・エクスプローラーが開きます。 このビューを使用して、ポータルのファイル構造をナビゲートしてください。 ポータル (およびポートレット) プロジェクトの両方のフォルダーは、「動的 Web プロジェクト」フォルダーのルートに表示され、各プロジェクトの EAR フォルダーは「エンタープライズ・アプリケーション」フォルダーに表示されます。

Portal Designer の「プロジェクト・エクスプローラー」ビュー

「アウトライン」と「サムネール」ビュー

「アウトライン」ビューと「サムネール」ビューは、Portal Designer エディターの左下隅に表示されます。 ポータル・プロジェクトを開くと、デフォルトで「アウトライン」ビューが表示されます。このビューは、次の 3 つのルート・ノードを表示します。
説明 ビュー
  • 「エレメント」- このノードを展開すると、「プロパティー」ビューで編集するために非表示エレメントを表示し、選択できます。
  • 「レイアウト」- プロジェクト内の各ページが、このノードのルートから表示されます。 ページ・ノードを展開して、そのコンテンツの階層 (つまり、列、行、ポートレットなど) を表示してください。
  • 「マイ・ポータル」- このノードを展開して、ポータル・プロジェクト内のページ、ラベル、および URL の階層編成を表示してください。
Portal Designer の「アウトライン」ビュー
「レイアウト」ノードと「マイ・ポータル」ノードは、ポータル・プロジェクトのページ・レイアウトとナビゲーションの両方を定義するのに役立ちます。 詳しくは、レイアウトの定義を参照してください。

「サムネール」ビューは、ポータル・プロジェクト・フォルダー内に表示される「テーマ」ノードと「スキン」ノードの両方と連動して機能します。 詳しくは、このページの『「プロジェクト・エクスプローラー」ビュー』セクションを参照してください。

テーマとスキンのサムネールを表示する手順は、次のとおりです。
  • 「プロジェクト・エクスプローラー」ビューで、「動的 Web プロジェクト」 > [ポータル・プロジェクト] ノードの順に展開してから、「テーマ」フォルダーまたは「スキン」フォルダーをクリックする。
  • 「プロジェクト・エクスプローラー」ビューの下で、「サムネール」ビューを前面に表示する。テーマまたはスキンのサムネール・イメージが表示されます。

テーマ・サムネールをラベルまたはページにドラッグ・アンド・ドロップするか (テーマの変更を参照)、スキン・サムネールをポートレットにドラッグ・アンド・ドロップすることができます (スキンの変更を参照)。

「プロパティー」ビュー

「プロパティー」ビューは、Portal Designer エディターで画面の下部に表示されます。 ポータル内で選択するデザイン・エレメントに応じて、「プロパティー」ビューが変わり、そのエレメントに対して編集できるオプションを表します。

Portal Designer の「プロパティー」ビュー

パレット

このビューは、インターフェースの右端にあります。

ポータル・ページのレイアウトをデザインする際に、これらの項目のいずれかを Portal Designer エディターにドラッグすると、その項目を挿入することができます。

Portal Designer の「パレット」ビュー
関連タスク
レイアウトの定義
ポータル・ページへのポートレットの追加
関連情報
スキンの処理
テーマの処理

(C) Copyright IBM Corporation 2002, 2004. All Rights Reserved. (C) Copyright IBM Japan 2005