テーマを使用したサイトの外観の変更

IBM® Rational® Asset Manager の Web アプリケーションの外観は、カスケーディング・スタイル・シートを編集し、カスタム・イメージを指定することで変更できます。

このタスクについて

リポジトリー管理者は、Web アプリケーションの外観を指定するイメージおよびカスケーディング・スタイル・シートが含まれるアーカイブをダウンロードすることができます。 これらのファイルがカスタマイズされたら、リポジトリー管理者はそれらをアップロードして、変更を実装することができます。

テーマを変更した場合は、Rational Asset Manager サーバーを更新する前に、現在のテーマをダウンロードしてください。サーバーを更新した後にテーマを再適用することはできますが、サーバーでの変更点が以前のバージョンに対応するテーマに関する問題を引き起こす可能性があるため、テーマを再適用する場合は、最初にそのテーマをテスト用のインストール済み環境に適用してください。

手順

  1. Web クライアントにリポジトリー管理者としてログインします。
  2. 管理」をクリックします。
  3. 「リポジトリー管理」サイドバーで、「ツール」をクリックします。
  4. 「ツール」ページで、「テーマの管理」セクションを見つけます。
  5. 現在のテーマのダウンロード」をクリックします。
  6. currentTheme.zip アーカイブをローカル・コンピューターに保存します。 このアーカイブ・ファイルには、カスケーディング・スタイル・シート (CSS)、JavaServer Pages (JSP)、およびイメージ・ファイルが含まれています。
  7. アーカイブを解凍します。 フォルダー構造は維持するようにしてください。
  8. カスケーディング・スタイル・シートを変更し、必要に応じてイメージを変更または置き換えます。
  9. 更新済みのファイルを含むアーカイブを作成します。 アーカイブには任意の名前を付けることができますが、アーカイブのフォルダー構造はオリジナルと同じになっていなければなりません (つまり、「theme」という名前のフォルダーがルート・フォルダーになっていなければなりません)。 次のファイルは、変更されていない場合でも、theme アーカイブ内になければなりません。
    • theme/custom/header.jspf: ロゴ・イメージと、ヘルプ・リンクおよび拡張リンクが含まれています。
    • theme/custom/homeContent.jspf: ホーム・ページのコンテンツ領域です。
    • theme/custom/jspHeader.jspf: 追加のバナーの詳細を含みます。
    • theme/custom/requestAccess.jspf: このファイルは、サインイン・ページ上のサインイン・フォームの下 に表示されます。デフォルト・テーマでは、このフラグメントには何もありませんが、Web アプリケーションでよく見られる「パスワードを忘れましたか」や「登録」などのリンクを追加する場合に利用できます。
    • theme/custom/requestAccessForm.jspf: このファイルは、ホーム・ページ上のサインイン・フォームの下に表示されます。デフォルト・テーマでは、このフラグメントには何もありませんが、Web アプリケーションでよく見られる「パスワードを忘れましたか」や「登録」などのリンクを追加する場合に利用できます。
    • theme/custom/css/advanced.css: サイズ変更および位置決め用の拡張 CSS です。
    • theme/custom/css/basic.css: イメージ、背景、フォント・スタイル用の基本 CSS です。
    • theme/custom/css/hideRightColumn.css: 右の列がないページ用の CSS です。
    • theme/custom/css/pageLayout.css: 一般的なページ・レイアウト用の CSS です。
    • theme/custom/css/showLeftColumn.css: 左の列があるページ用の CSS です。
  10. 「ツール」ページの「テーマの管理」セクションで、「参照」をクリックします。
  11. 更新したアーカイブを見つけます。
  12. アップロード」をクリックします。

タスクの結果

新規テーマが即時に適用されます。 変更内容が即時に表示されない場合は、ブラウザーの最新表示ボタンまたは再ロード・ボタンをクリックしてください。Web ブラウザーのキャッシュを消去する必要がある場合もあります。Web アプリケーションを再起動する必要はありません。 テーマが正しく適用されたかどうかを確認するには、Web アプリケーションのいくつかのページを表示します。 結果が予想と異なる場合は、ファイルを変更して再度テーマをアップロードしてください。

次のタスク

theme アーカイブのコピーを保存しておいてください。元のテーマを復元する必要がある場合は、 「デフォルト・テーマを復元します」をクリックします。

Web アプリケーションの再デプロイ時、 または新しいバージョンへのアップグレード時には、デフォルト・テーマが適用されるため、カスタム・テーマをアップロードする 必要があります。


フィードバック