前のトピック: スキンの関連付け次のトピック: 複数のスキンの使用方法

ユーザ コンソールのブランド設定 › スキンを作成する方法

スキンを作成する方法

スキンの作成には、以下の手順が含まれます。

  1. 既存のスキンのコピー
  2. スキンの画像の更新
  3. スキンの色およびフォントの更新
  4. .properties ファイルの変更
  5. index.jsp ファイルの変更

既存のスキンのコピー

既存のスキンをコピーするには、以下の手順に従います。

次の手順に従ってください：

  1. CA Identity Manager スキンの図を見て、以下のスキンのどれが会社に対して作成するスキンに類似しているかを決定します。

    例としてこのセクションでは、ユーザが neteauto スキンの外観を選択し、それに「yourskin」と名付けるものとして説明を行います。 名前 yourskin はユーザの会社スキンの名前です。

  2. 以下のファイルをコピーします。

    iam_im.ear/user_console_war/app/imcss/neteauto

    iam_im.ear/

    以下の名前を付けます。

    iam_im.ear/user_console_war/app/imcss/yourskin

  3. yourskin ディレクトリで、以下のテーブルにあるファイルの名前を変更します。

現在の名前

新しい名前

neteauto.css

yourskin.css

neteauto_task.css

yourskin_task.css

neteauto.properties

yourskin.properties

管理を簡単にするため、.properties ファイルおよび .css ファイルの名前は、スキンの名前に対応させます。

注： スキン名では大文字と小文字が区別されます。

スキンの画像の更新

以下のディレクトリの画像（.gif、.jpg、.png）を、会社のスキンの外観に合わせた画像で更新します。

たとえば、yourskin スキンに会社のロゴを含めるには、image ディレクトリの logo.jpg を会社のロゴで置き換えます。

これらの画像の多くは yourskin.properties ファイルの適切なパスにマッピングされているので、同一の画像ファイル名を使用することを推奨します。

スキンの色およびフォントの更新

yourskin スキンのカスケーディング スタイル シートを、選択したフォントおよびメニュー、背景、余白、その他の色で更新します。

スタイル シートのパスは以下の通りです。

.properties ファイルの変更

.properties ファイルを変更するには、以下の手順に従います。

次の手順に従ってください：

  1. yourskin.properties ファイルで、すべての neteauto 参照を yourskin に置き換えます。
  2. yourskin.properties ファイルで以下の追加の変更を加えます。
    1. すでに指定されていない場合は、親セクション内で以下を設定します。 
          parent=/app/imcss/idm/im.properties

      親セクションは、親スキンのプロパティ ファイルの場所を指定します。 この例では、親スキンは idm です。

    2. カスケーディング スタイル シートを以下のように設定します。 
          stylesheet/skin.css=yourskin/yourskin.css
    stylesheet/skin_task.css=yourskin/yourskin_task.css
    3. 以下の手順に従います。

      名前を変更せずにスキン内の画像を置換する場合は、手順 d に移動します。 画像の名前を変更する場合は、以下の手順に従います。

      • header images セクションで、ヘッダ画像のパスを設定します（「スキンの画像の更新」を参照）。

        以下のようなエントリを追加することによって、.properties ファイルに複数の画像エントリを追加できます。

        image/logo.gif=yourskin/image/logo.jpg

      • standard tabs セクションで、画像のパスを設定します（「スキンの画像の更新」を参照）。
      • task body buttons セクションで、タスク本文ボタンの画像のパスを設定します（「スキンの画像の更新」を参照）。
    4. ファイルを保存します。

詳細情報：

スキンの画像の更新

index.jsp ファイルの変更

index.jsp ファイルを変更するには、以下の手順に従います。

次の手順に従ってください：

  1. テキスト エディタで index.jsp ファイルを開きます。 このファイルは以下のフォルダにあります。

    <iam_im.ear>/user_console_war/app/imcss

  2. <skin:update> セクションで、最初のエントリとして以下を追加します。 
    <skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
  3. ファイルを保存します。

index.jsp ファイルの <skin:update> セクションでどのスキン タグがリストの最上位にあるかにより、CA Identity Manager ユーザ コンソールのデフォルト スキンが選択されます。

以下の通り、index.jsp ファイルの <skin:update> セクションでは、CA Identity Manager は yourskin スキンに対するユーザ コンソールを表示します。

<skin:update>

<skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
<skin:skin name="idm" filename="/app/imcss/idm/im.properties" />
<skin:skin name="neteauto" filename="/app/imcss/neteauto/neteauto.properties" />
<skin:skin name="horizontal" filename="/app/imcss/horizontal/horizontal.properties" />
<skin:skin name="horizontal2" filename="/app/imcss/horizontal2/horizontal2.properties" />

</skin:update>

別のスキンを使用する場合、リスト表示されるタグの順序を変更する必要があります。

.jsp ファイルの再コンパイルおよびアプリケーション サーバの再起動

JBoss アプリケーション サーバ上で CA Identity Manager を実行している場合、スキンを作成した後、以下のようにJSP ファイルを再コンパイルし、アプリケーション サーバを再起動する必要があります。

  1. アプリケーション サーバを設定し、すべての console.jsp ファイルを再コンパイルします。
  2. アプリケーション サーバを再起動し、yourskin スキンの変更が反映されるようにします。

注： 別のアプリケーション サーバを使用している場合、この手順を完了する必要はありません。