フッター固定メニュー[SP]は、スマホの画面下部に表示されるメニューです。フッター固定メニュー[SP]は、画面をスクロールするとフェードインします。

フッター固定メニューの設定例
iPhone実機の表示例

メニューの設定

メニューは、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]がフェードインします。