共通ブランドの作成

テナント上のアプリケーションで、自社 Verify 向けのページを IBM® Verify カスタマイズしてください。 IBM のロゴや、 IBM の著作権表示、ページ Verify のデザインなどを、御社のブランドに合わせて変更することができます。

始める前に

テーマ・ファイルをダウンロードします。 「API を使用してテーマをダウンロードする」 を参照してください。

このタスクについて

共通フォルダで行われた変更は、テナント内の Verify アプリケーションのテーマページのほとんどに反映されます。

手順

  1. 「APIを使用してテーマをダウンロード」 から入手した圧縮テーマファイルから、ファイルを解凍してください。
  2. templates/common フォルダを開いてください。
  3. ファイルをカスタマイズします。
    注:

    ファイル名は変更しないでください。 テーマファイル内のコンテンツのみを更新してください。 フォルダ common/logo/ 内のカスタマイズされたファイルの更新内容が反映されるまで、 common/static/ 最大5 分ほどかかる場合があります。 更新後は、ブラウザのキャッシュを消去してください。

    1. ロゴを変更します。
      logo/default/logo.svgを会社のロゴのグラフィックに置き換えます。 同じファイル名を使用してください。 オプションのlogo/default/logo.pngファイルが提供されています。 .png ファイル・タイプを使用する場合、logo.png ファイル名で page_components/default/page_header.html を更新します。
    2. テーマ・ページに会社の著作権情報を追加します。
      page_components/default/page_footer.html ファイルを変更します。
      page_footer.html ページでは、以下のラベルを使用できます。 「 ラベルのカスタマイズ 」の手順に従って、著作権ラベルを変更してください。
      • $COPYRIGHT_LICENSED$
      • $COPYRIGHT_PART_NUMBER$
      • $COPYRIGHT_SINCE_YEAR$
      • $COPYRIGHT_ALL_RIGHTS$
      • $COPYRIGHT_TRADEMARK$
    3. ロゴをテキストに置き換えたり、ヘッダーにさらにテキストを追加したりします。
      page_components/default/header.html ファイルを変更します。
    4. CSS スタイル設定とカラー・スキーマを置き換えます。
      page_components/default/page_style.css ファイルを変更します。 ここで追加するスタイルは、<tenant>/usc/css/stateless.cssのクラスをオーバーライドします。
    5. ページで表示される製品名を置き換えます。 製品名を変更するには、 「ラベルのカスタマイズ」 を参照してください。
      • $PRODUCT_NAME$
      • $LOGOUT_OK_TITLE$
      • $LOGIN_TITLE$
  4. カスタマイズ内容を使用して圧縮テーマ・ファイルを更新し、そのファイルをテナントにアップロードして戻します。 「新しいテーマの登録」 または 「テーマの更新」 を参照してください。