Lightning G3 Pro Unit(Lightning モバイル固定ナビ)の使い方

Lightning G3 Pro Unitの設定方法(Lightning モバイル固定ナビ)を説明いたします。

環境データ項目DATA
実施日2021年秋(当時に作成されたデータです。)
Lightning G3 Pro Unit
プラグイン Ver
0.11.1 |※バージョンによっては説明に食い違が生じます。
WordPress Ver5.81
PHP Ver7.4

設定方法

Lightning モバイル固定ナビ


モバイル固定ナビを表示しない設定

モバイル固定ナビ ウィジェットエリア
ウィジェットエリアに余白を追加する選択

メニュー開閉ボタンの追加
最初にメニューの開閉ボタンを追加する設定

  • Font Awesome 5 の SVG版を利用している場合はメニュー開閉時にアイコンが切り替わりません。
    リンクテキスト:MENU
    固定ナビボタン [ 1 ]
    リンクテキスト:
    HOME
    アイコンフォントのclass名:
    アイコンを選んでアイコンのclass名を入力してください。
    Font Awesome 5:例)far fa-file-alt [ Icon list ]
    リンク URL:例) https://vccw.text/
    http://demo-03.web-cosmo.net
    リンク先を別ウィンドウで開く設定
    クリックイベントの設定
    例) ga(‘send’, ‘event’, ‘Videos’, ‘play’, ‘Fall Campaign’);

固定ナビボタン [ 2 ]
リンクテキスト:アクセスなど設定
アイコンフォントのclass名:アイコンを選んでアイコンのclass名を入力してください。
Font Awesome 5
例)far fa-file-alt [ Icon list ]
リンク URL:例) https://vccw.text/
リンク先を別ウィンドウで開く設定
クリックイベント:例) ga(‘send’, ‘event’, ‘Videos’, ‘play’, ‘Fall Campaign’);

固定ナビボタン [ 3 ]
リンクテキスト:エントリー
アイコンフォントのclass名:例)far fa-file-alt [ Icon list ]
リンク URL:例) https://vccw.text/
リンク先を別ウィンドウで開く設定
クリックイベント:例) ga(‘send’, ‘event’, ‘Videos’, ‘play’, ‘Fall Campaign’);

固定ナビボタン [ 4 ]
リンクテキスト:TEL
アイコンフォントのclass名:例)far fa-file-alt [ Icon list ]
リンク URL:例)tel:000-000-0000
リンク先を別ウィンドウで開く設定
クリックイベント:例) ga(‘send’, ‘event’, ‘Videos’, ‘play’, ‘Fall Campaign’);

共通設定

文字の色:色を選択
背景色:色を選択
Current Color:色を選択

STEP
1

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA