高度な設定¶
ヘッダーとボディとでテーマカラーを異なるものにしたり、グラデーションのかけ方を変更したり、ロゴ画像を変更することができます。
ヘッダーカラー¶
テーマヘッダーカラーとコンポーネントヘッダーカラーは、グラデーションのかけ方を指定することができます。
グラデーションのかけ方として、以下の 3種類のいずれかを選択できます。
linear
- CSS3 の linear-gradient
radial
- CSS3 の radial-gradient
flat
- 単色
ロゴ画像を入れ替える¶
標準テーマのロゴ画像、標準テーマ シンプルスタイルの左上のアイコンを、好みの画像に入れ替えることができます。
指定可能なファイル形式は、PNG です。
画像の高さはそれぞれ以下のようになります。
- 標準テーマ
- 35px
- 標準テーマ シンプルスタイル
- 24px
グローバルナビゲーションの開始位置を指定する¶
ロゴ画像の幅によっては、グローバルナビの位置を変更しないと重なってしまったり、極端に離れてしまったりすることになります。
このような場合、グローバルナビゲーションの左端からの位置を指定することで、適切な場所にグローバルナビを配置することができます。
インポート・エクスポート¶
テーマモジュールの調整中に指定した色のデータを一時的に保存したい場合、インポート・エクスポート機能を使います。
「エクスポート」ボタンをクリックすると、現在指定されている色のデータが JSON 形式で表示されます。この文字列をコピーし保存しておいてください。
「インポート」ボタンをクリックすると、ダイアログが表示されるので、エクスポート時に保存した JSON 文字列を貼り付け、「OK」ボタンをクリックしてください。