有料テーマを無料公開した理由

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

2 min 8,701 views
モバイルフッターメニュー

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

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

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

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

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

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

  1. STEP

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

     Echo モバイルフッターメニュー

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

  2. STEP

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

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

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

     Echo モバイルフッターメニュー

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

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

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

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

     Echo モバイルフッターメニュー

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

  5. STEP

    メニューを保存して完了

     Echo モバイルフッターメニュー

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

特殊コマンド一覧

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・外部リンクも表示できますので、サイトに合わせて設定してください。

Echo

Echo

個人開発 / WordPressテーマ開発

WordPressを使って情報を発信する人が、もっと自由に、もっと長くサイトを育てられるように。

Echoは、サポート終了した「THE SONIC」で私たちが作り上げた思想を軸に、これからも発信する人のためのテーマとして維持しています。

サイトは、ただ情報を置く場所ではなく、
想いや価値を届け、成長していく場所。

そんな場所作りを支えるために、Echoを無料公開しました。

FOLLOW

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