フッター固定メニュー[SP]は、スマホの画面下部に表示されるメニューです。画面をスクロールするとフェードインします。
メニューの設定
メニューは、WordPress管理画面の外観>メニューから設定します。メニュー画面の「新しいメニューを作成しましょう。」をクリックし、新規メニューを追加します。
新しいメニューの作成
メニュー名(例 フッター固定メニュー)を入力し、「メニューを作成」ボタンをクリックしてください。
次にメニューの位置を設定します。フッター固定メニュー[SP]にチェックを入れます。
カスタムリンクの設定
メニュー項目にあるカスタムリンクをクリックし、URLとリンク文字列に指定タグを入れることでSNSシェアボタンやドロワーメニューなどを表示することが可能です。
次の指定タグをカスタムメニューのURLとリンク文字列に入力してください。
カスタム検索 ボタン
カスタム検索 ボタンは、Emanon設定>タブ「検索」で設定した内容が反映されます。
URL
#js-search
リンク文字列
<i class="icon-search"></i>検索
SNSシェア ボタン
SNSシェア ボタンは、Emanon設定>タブ「SNS」で設定した内容が反映されます。
URL
#js-share-sns
リンク文字列
<i class="icon-share"></i>SNSシェア
SNSフォロー ボタン
SNSフォロー ボタンは、Emanon設定>タブ「SNS」で設定した内容が反映されます。
URL
#js-follow-sns
リンク文字列
<i class="icon-favorite-border"></i>SNSフォロー
トップへ戻る ボタン
URL
#js-smooth-scroll
リンク文字列
<i class="icon-chevron-up"></i>トップへ
ドロワーメニュー ボタン
URL
#js-hamburger-menu
リンク文字列
<i class="icon-menu"></i>メニュー
電話番号発信 ボタン
URL
tel:0311112222
リンク文字列
<i class="icon-phone"></i>電話
設定内容の確認・メニューを保存
メニュー構造の設定内容を確認してから「メニューを保存」ボタンをクリックします。以上の作業でフッター固定メニュー[SP]の設定は完了です。
スマホ実機でWebサイトをご確認ください。スマホ画面の下にスクロールすると、フッター固定メニュー[SP]がフェードインします。
リンクを新しいタブで開きたい場合
メニュー設定画面にある表示オプションをクリックし、リンクターゲットにチェックを入れます。
メニューの編集画面にて新しいタグで開きたいメニューに進み、リンクを新しいタブで開くにチェックを入れます。以上で該当メニューをクリックすると新しいタグで開くようになります。