|
intra-mart Accel Platform 標準テーマカスタマイズ 操作ガイド 第4版 2017-12-01
目次 ≪ 基本的な操作 5. 既存テーマのロゴを変更する ≫
ヘッダーとボディとでテーマカラーを異なるものにしたり、グラデーションのかけ方を変更したり、ロゴ画像を変更することができます。
テーマヘッダーカラーとコンポーネントヘッダーカラーは、グラデーションのかけ方を指定することができます。 グラデーションのかけ方として、以下の 3種類のいずれかを選択できます。 linear CSS3 の linear-gradient radial CSS3 の radial-gradient flat 単色 コラム 標準テーマカスタマイズ のバージョン 8.0.10 よりSlimDropdownテーマのカスタマイズが可能になりました。 テーマ種別を「Slim Dropdown」にした場合、グラデーションのかけ方の指定はできません。
テーマヘッダーカラーとコンポーネントヘッダーカラーは、グラデーションのかけ方を指定することができます。
グラデーションのかけ方として、以下の 3種類のいずれかを選択できます。
linear
CSS3 の linear-gradient
radial
CSS3 の radial-gradient
flat
単色 コラム 標準テーマカスタマイズ のバージョン 8.0.10 よりSlimDropdownテーマのカスタマイズが可能になりました。 テーマ種別を「Slim Dropdown」にした場合、グラデーションのかけ方の指定はできません。
コラム
標準テーマのロゴ画像、標準テーマ シンプルスタイルの左上のアイコンを、好みの画像に入れ替えることができます。 指定可能なファイル形式は、PNG です。 画像の高さはそれぞれ以下のように指定されています。 標準テーマ 35px 標準テーマ シンプルスタイル 24px SlimDropdownテーマ 30px
標準テーマのロゴ画像、標準テーマ シンプルスタイルの左上のアイコンを、好みの画像に入れ替えることができます。
指定可能なファイル形式は、PNG です。
画像の高さはそれぞれ以下のように指定されています。
標準テーマ 35px 標準テーマ シンプルスタイル 24px SlimDropdownテーマ 30px
標準テーマ 35px 標準テーマ シンプルスタイル 24px
ロゴ画像の幅によっては、グローバルナビの位置を変更しないと重なってしまったり、極端に離れてしまったりと表示が崩れてしまうことがあります。 このような場合、グローバルナビゲーションの左端からの位置を指定することで、適切な場所にグローバルナビを配置することができます。 開始位置はそれぞれ以下のように指定されています。 標準テーマ 158px 標準テーマ シンプルスタイル 36px SlimDropdownテーマ 120px
ロゴ画像の幅によっては、グローバルナビの位置を変更しないと重なってしまったり、極端に離れてしまったりと表示が崩れてしまうことがあります。
このような場合、グローバルナビゲーションの左端からの位置を指定することで、適切な場所にグローバルナビを配置することができます。
開始位置はそれぞれ以下のように指定されています。
標準テーマ 158px 標準テーマ シンプルスタイル 36px SlimDropdownテーマ 120px
標準テーマ 158px 標準テーマ シンプルスタイル 36px
テーマモジュールの調整中に指定した色のデータを一時的に保存したい場合、インポート・エクスポート機能を使います。 「エクスポート」ボタンをクリックすると、現在指定されている色のデータが JSON 形式で表示されます。この文字列をコピーし保存しておいてください。 「インポート」ボタンをクリックすると、ダイアログが表示されるので、エクスポート時に保存した JSON 文字列を貼り付け、「OK」ボタンをクリックしてください。
テーマモジュールの調整中に指定した色のデータを一時的に保存したい場合、インポート・エクスポート機能を使います。
「エクスポート」ボタンをクリックすると、現在指定されている色のデータが JSON 形式で表示されます。この文字列をコピーし保存しておいてください。
「インポート」ボタンをクリックすると、ダイアログが表示されるので、エクスポート時に保存した JSON 文字列を貼り付け、「OK」ボタンをクリックしてください。