Lightning G3 Pro Unit の「デザインプリセット機能」は、ヘッダーのレウアウトやキーカラーなどの設定をおすすめの組み合わせで簡単に設定できる機能です。基本プリセットとカラープリセットの組み合わせで構成されます。
詳しくは以下より動画でご確認ください。(オンライン学習サービス「ベクトレ」へ移動します)

「Lightning G3 Evergreen」プラグインを有効化すると、Evergreen専用のプリセットパターンが追加されます。
お好みのプリセットを設定してご利用ください。

デザインプリセットは設定値が保存されるだけですので、色やレイアウトは後から自由に変更可能です。
いちばん設定したいものに近いプリセットパターンを保存してから、あとで調整する使い方がおすすめです。

使い方

外観→カスタマイズのLightning デザイン設定の「デザインプリセット」からご利用いただけます。

Evergreenの文字が入っているものが、Evergreenのスキン側で追加されたプリセットです。

プリセットの変更を反映させる場合は一度保存してページを再読み込みしてください

基本プリセット

Priset

標準 ビジネス01

  • ヘッダーレイアウト
    ナビゲーション回り込み
  • グローバルナビスクロール時のレイアウト
    固定 ロゴ & ナビ回り込み
  • キャンペーンテキスト 表示する場所
    ヘッダーの下

標準 ビジネス02

  • ヘッダーレイアウト
    ヘッダーコンタクトありナビ貫通
  • グローバルナビスクロール時のレイアウト
    固定 ロゴ & ナビ回り込み
  • キャンペーンテキスト 表示する場所
    ヘッダーの下

標準 ブログ01

  • ヘッダーレイアウト
    中央揃え
  • グローバルナビスクロール時のレイアウト
    固定 ナビ中央揃え
  • ヘッダー上部設定
    「メニューと問い合わせボタンを非表示にしてテキストをセンター揃えにする」を有効
  • キャンペーンテキスト 表示する場所
    ヘッダーの下

Evergreen

  • ヘッダーレイアウト
    ナビゲーション回り込み
  • グローバルナビスクロール時のレイアウト
    固定 ナビコンテナ幅
  • キャンペーンテキスト 表示する場所
    ヘッダーの上

Evergreen ナビ縦書き

  • ヘッダーレイアウト
    ナビゲーション回り込み&縦書き
  • グローバルナビスクロール時のレイアウト:固定 ロゴ&ナビ回り込み
  • キャンペーンテキスト 表示する場所:ヘッダーの上

※和をイメージしたサイトや書籍をイメージしたサイトに向いています

Evergreen 中央

  • ヘッダーレイアウト
    中央揃え
  • グローバルナビスクロール時のレイアウト:固定 ナビコンテナ幅
  • キャンペーンテキスト 表示する場所:ヘッダーの上

カラープリセット

ColorPriset

標準 白/キーカラー/灰

  • ヘッダー透過/透過しない
  • ヘッダー背景色/白
  • キーカラー/キーカラーに変わる
  • フッター背景色/灰色

標準 白/キーカラー/黒

  • ヘッダー透過/透過しない
  • ヘッダー背景色/白
  • キーカラー/キーカラーに変わる
  • フッター背景色/黒

標準 ヘッダー白透過/キーカラー/黒

  • ヘッダー透過/全てのページ
  • 透過時ヘッダー背景色/白
  • 透過時ヘッダー文字色/白
  • ヘッダー背景色/黒
  • キーカラー/キーカラーに変わる
  • フッター背景色/黒

EVERGREEN ヘッダートップ透過/緑/緑

  • ヘッダー透過/トップページのみ
  • キーカラー/緑系
  • フッター背景色/緑系

EVERGREEN 赤系/赤/黒

  • ヘッダー透過/透過しない
  • ヘッダー背景色/赤系
  • キーカラー/赤系
  • フッター背景色/黒

EVERGREEN 橙系/橙/黒

  • ヘッダー透過/透過しない
  • ヘッダー背景色/橙系
  • キーカラー/橙系
  • フッター背景色/黒

EVERGREEN 青系/青/黒

  • ヘッダー透過/透過しない
  • ヘッダー背景色/青系
  • キーカラー/青系
  • フッター背景色/黒