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

高度な設定

ヘッダーとボディとでテーマカラーを異なるものにしたり、グラデーションのかけ方を変更したり、ロゴ画像を変更することができます。

../_images/customize_09.png

ヘッダーカラー

テーマヘッダーカラーとコンポーネントヘッダーカラーは、グラデーションのかけ方を指定することができます。

../_images/customize_10.png

グラデーションのかけ方として、以下の 3種類のいずれかを選択できます。

  • linear

    • CSS3 の linear-gradient
  • radial

    • CSS3 の radial-gradient
  • flat

    • 単色

    コラム

    標準テーマカスタマイズ のバージョン 8.0.10 よりSlimDropdownテーマのカスタマイズが可能になりました。
    テーマ種別を「Slim Dropdown」にした場合、グラデーションのかけ方の指定はできません。

ロゴ画像を入れ替える

標準テーマのロゴ画像、標準テーマ シンプルスタイルの左上のアイコンを、好みの画像に入れ替えることができます。

../_images/customize_11.png

指定可能なファイル形式は、PNG です。

画像の高さはそれぞれ以下のように指定されています。

標準テーマ
35px
標準テーマ シンプルスタイル
24px
SlimDropdownテーマ
30px

グローバルナビゲーションの開始位置を指定する

ロゴ画像の幅によっては、グローバルナビの位置を変更しないと重なってしまったり、極端に離れてしまったりと表示が崩れてしまうことがあります。

このような場合、グローバルナビゲーションの左端からの位置を指定することで、適切な場所にグローバルナビを配置することができます。

../_images/customize_12.png

開始位置はそれぞれ以下のように指定されています。

標準テーマ
158px
標準テーマ シンプルスタイル
36px
SlimDropdownテーマ
120px

インポート・エクスポート

テーマモジュールの調整中に指定した色のデータを一時的に保存したい場合、インポート・エクスポート機能を使います。

../_images/customize_13.png

「エクスポート」ボタンをクリックすると、現在指定されている色のデータが JSON 形式で表示されます。この文字列をコピーし保存しておいてください。

「インポート」ボタンをクリックすると、ダイアログが表示されるので、エクスポート時に保存した JSON 文字列を貼り付け、「OK」ボタンをクリックしてください。