ConoHa WINGコラボ記念!特別割引中

モバイルビューで導線を確保する「モバイルフッターメニュー」

2 min 7,606 views
モバイルフッターメニュー

モバイルユーザーに表示される、フッターナビメニューの設定方法です。

モバイルユーザーの導線となりますので、ぜひご利用ください。

モバイルフッターメニューで表示できる項目は以下の通りです。

表示できる項目
  • 各種URLリンク
  • HOMEへ移動
  • ページTOPへ戻る
  • ハンバーガーメニューを表示
  • シェアボタンを表示
  • フォローボタンを表示

モバイルフッターメニューの設置方法

外観メニューより設定します。

  1. STEP

    フッターメニューに使うメニューを新規作成

    THE SONIC モバイルフッターメニュー

    名前をつけて保存してください。

  2. STEP

    メニューの位置「モバイルフッターメニュー」を選択

    THE SONIC モバイルフッターメニュー
  3. STEP

    メニュー用コマンドを入力

    THE SONIC モバイルフッターメニュー

    カスタムリンクを選択し、URL欄にコマンドを入力して「メニューに追加」します。

    利用できるコマンドは下記の通りです。

    URL役割
    /ホームに戻る
    #ページのトップに戻る
    #tsnc_menuハンバーガーメニューを表示する
    #tsnc_shareシェアボタンを表示する
    #tsnc_followフォローボタンを表示する
  4. STEP

    メニューにアイコンを追加

    THE SONIC モバイルフッターメニュー

    メニューには、アイコンを挿入できます。FontAwesome5に対応しているので、お好きなアイコンを選んで使ってください。

  5. STEP

    メニューを保存して完了

    THE SONIC モバイルフッターメニュー

    メニューを保存すると、モバイルビューのみフッターメニューが表示されます。

特殊コマンド一覧

URL役割アイコンのサンプル
/ホームに戻る<i class="fas fa-home"></i>
#ページのトップに戻る<i class="far fa-arrow-alt-circle-up"></i>
#tsnc_menuハンバーガーメニューを表示する<i class="fas fa-bars"></i>
#tsnc_shareシェアボタンを表示する<i class="fas fa-child"></i>
#tsnc_followフォローボタンを表示する<i class="far fa-flag"></i>

アイコンは自由に設定できます。FontAwesome5を利用していますので、Font Awesomeのサイトから選んでください。

記事やカテゴリーURL・外部リンクも表示できますので、サイトに合わせて設定してください。

THE SONICからのお知らせ

COPIA

THE SONICのキャンペーン配信機能を、他のWordPressでも利用できる便利プラグイン「COPIA(コピア)」をリリースしました。

THE SONICユーザーの方は現在の利用料金のまま利用可能。

ぜひ、ご利用ください。

SONIC TEAM

SONIC TEAM

収益とライティングを"1UP"させるWordPressテーマ「THE SONIC(ソニック)」を開発しています。
アフィリエイター・ブロガー・テーマ開発者3つの視点からWordPressテーマをリビルドしました。

FOLLOW

カテゴリー:
CTAエリア
関連記事