intra-mart Accel Platform 標準テーマカスタマイズ 操作ガイド 第4版 2017-12-01

基本的な操作

  1. 「サイトマップ」→「標準テーマカスタマイズ」→「標準テーマ変更」をクリックします。下記のような「標準テーマのすべてのロゴを書き換える」画面が表示されます。

    ../_images/change_logo_02.png
  2. テーマタイプは「標準」と「Slim Dropdown」から選択してください。シンプルには対応していません。

    コラム

    標準テーマカスタマイズ のバージョン 8.0.10 よりSlimDropdownテーマが選択できるようになりました。

  3. テーマの色を選択し、それぞれのテーマで確認することができます。

  4. ロゴ画像を変更します。

    • 標準のロゴ画像のサイズは「130×35」、SlimDropdonwテーマは「110×30」です。
      このサイズと異なる画像を指定した場合でも、高さはそれぞれのテーマタイプの高さ(35px または 30px) に応じた画像が表示されます。
      指定可能なファイル形式は、PNG です。
    • ここでは以下の画像を利用します。画像のサイズは「200×90」のアイコンをアップロードして説明します。

    ../_images/logo_dummy.png
    • 以下のスクリーンショットのようにロゴ画像が変更されて表示されます。
    ../_images/change_logo_03.png
  5. マイメニュー画像を変更します。

    • 標準のマイメニュー画像のサイズは「45×45」、SlimDropdonwテーマは「24×24」です。
      このサイズと異なる画像を指定した場合でも、高さはそれぞれのテーマタイプの高さ(45px または 24px) に応じた画像が表示されます。
      指定可能なファイル形式は、PNG です。
    • ここでは以下の画像を利用します。画像のサイズは「45×45」のアイコンをアップロードして説明します。

    ../_images/mumenu_dummy.png
    • 以下のスクリーンショットのようにマイメニュー画像が変更されて表示されます。
    ../_images/change_logo_04.png
  6. ロゴ画像の位置に合わせてグローバルナビゲーションの開始位置を調整します。

  7. 「ダウンロード」ボタンをクリックすると、確認ダイアログが表示されます。「決定」ボタンをクリックします。

    注意

    このユーザモジュールを作成するには、選択したテーマに関係なく、すべての標準ドロップダウンのテーマ分(24種類)の資材を作成します。
    そのため処理に数分程度の時間がかかります。
    ../_images/change_logo_05.png
  8. 「決定」ボタンをクリックし、しばらくすると「dropdown_logo_customize-8.0.0.imm」ファイルのダウンロードが完了します。

    ../_images/change_logo_07.png

    コラム

    標準テーマカスタマイズ のバージョン 8.0.10 より生成する imm ファイルの名称が変更になりました。
    テーマタイプが「標準」の場合は「dropdown_logo_customize-8.0.0.imm」が生成されます。
    テーマタイプが「slimDropdown」の場合は「slimDropdown_logo_customize-8.0.0.imm」が生成されます。
  9. ダウンロードした imm ファイルを IM-Juggling にユーザモジュールとして追加します。下記画像の「+」アイコンをクリックし、 imm ファイルを選択します。この作業は環境を構築した方が実施してください。

    ../_images/change_logo_08.png
  10. war ファイルを作成し、デプロイしてください。war ファイルの作成やデプロイについては、WARファイルの出力 を参照してください。この作業は環境を構築した方が実施してください。

  11. homeを表示することでロゴとマイメニュー画像が変更されたことが確認できます。

    ../_images/change_logo_09.png

コラム

画像が変更されない場合はブラウザのキャッシュを削除してください。