Lightning G3 Pro Unit の「デザインプリセット機能」は、ヘッダーのレウアウトやキーカラーなどの設定をおすすめの組み合わせで簡単に設定できる機能です。基本プリセットとカラープリセットの組み合わせで構成されます。
詳しくは以下より動画でご確認ください。(オンライン学習サービス「ベクトレ」へ移動します)
「Lightning G3 Evergreen」プラグインを有効化すると、Evergreen専用のプリセットパターンが追加されます。
お好みのプリセットを設定してご利用ください。
デザインプリセットは設定値が保存されるだけですので、色やレイアウトは後から自由に変更可能です。
いちばん設定したいものに近いプリセットパターンを保存してから、あとで調整する使い方がおすすめです。
使い方
外観→カスタマイズのLightning デザイン設定の「デザインプリセット」からご利用いただけます。
Evergreenの文字が入っているものが、Evergreenのスキン側で追加されたプリセットです。
プリセットの変更を反映させる場合は一度保存してページを再読み込みしてください
基本プリセット
Priset
標準 ビジネス01
- ヘッダーレイアウト
ナビゲーション回り込み - グローバルナビスクロール時のレイアウト
固定 ロゴ & ナビ回り込み - キャンペーンテキスト 表示する場所
ヘッダーの下
標準 ビジネス02
- ヘッダーレイアウト
ヘッダーコンタクトありナビ貫通 - グローバルナビスクロール時のレイアウト
固定 ロゴ & ナビ回り込み - キャンペーンテキスト 表示する場所
ヘッダーの下
標準 ブログ01
- ヘッダーレイアウト
中央揃え - グローバルナビスクロール時のレイアウト
固定 ナビ中央揃え - ヘッダー上部設定
「メニューと問い合わせボタンを非表示にしてテキストをセンター揃えにする」を有効 - キャンペーンテキスト 表示する場所
ヘッダーの下
Evergreen
- ヘッダーレイアウト
ナビゲーション回り込み - グローバルナビスクロール時のレイアウト
固定 ナビコンテナ幅 - キャンペーンテキスト 表示する場所
ヘッダーの上
Evergreen ナビ縦書き
- ヘッダーレイアウト
ナビゲーション回り込み&縦書き - グローバルナビスクロール時のレイアウト:固定 ロゴ&ナビ回り込み
- キャンペーンテキスト 表示する場所:ヘッダーの上
※和をイメージしたサイトや書籍をイメージしたサイトに向いています
Evergreen 中央
- ヘッダーレイアウト
中央揃え - グローバルナビスクロール時のレイアウト:固定 ナビコンテナ幅
- キャンペーンテキスト 表示する場所:ヘッダーの上
カラープリセット
ColorPriset
標準 白/キーカラー/灰
- ヘッダー透過/透過しない
- ヘッダー背景色/白
- キーカラー/キーカラーに変わる
- フッター背景色/灰色
標準 白/キーカラー/黒
- ヘッダー透過/透過しない
- ヘッダー背景色/白
- キーカラー/キーカラーに変わる
- フッター背景色/黒
標準 ヘッダー白透過/キーカラー/黒
- ヘッダー透過/全てのページ
- 透過時ヘッダー背景色/白
- 透過時ヘッダー文字色/白
- ヘッダー背景色/黒
- キーカラー/キーカラーに変わる
- フッター背景色/黒
EVERGREEN ヘッダートップ透過/緑/緑
- ヘッダー透過/トップページのみ
- キーカラー/緑系
- フッター背景色/緑系
EVERGREEN 赤系/赤/黒
- ヘッダー透過/透過しない
- ヘッダー背景色/赤系
- キーカラー/赤系
- フッター背景色/黒
EVERGREEN 橙系/橙/黒
- ヘッダー透過/透過しない
- ヘッダー背景色/橙系
- キーカラー/橙系
- フッター背景色/黒
EVERGREEN 青系/青/黒
- ヘッダー透過/透過しない
- ヘッダー背景色/青系
- キーカラー/青系
- フッター背景色/黒