この記事では、スマホ専用のフッターメニューを設置する方法をご紹介します。
目次
スマホ専用フッターメニューとは？
スマホ専用フッターメニューは、スマホで閲覧した際に、画面下部（フッター）に固定で表示させるメニューです。
ユーザビリティー＆サイト内の回遊率を向上させる効果があります。
下記画像（➊赤枠内）は、「スマホ専用フッターメニュー」の表示事例をご紹介しています。
「フッターメニュー（スマホ専用）設定」をする
Step1.「外観」→「カスタマイズ」→「共通フッターエリア設定」→「フッターメニュー(スマホ専用)設定」へ進む
はじめに、「外観」→「カスタマイズ」→「共通フッターエリア設定」→「フッターメニュー(スマホ専用)設定」の順に進みます。
Step2.「表示環境を選択」する
「フッターメニュー(スマホ専用)設定」→「基本設定」→「表示環境を選択」で、「表示」を選択します。
Step3.「公開」を押す
最後に、「公開」を押してください。
続いて、「メニューボタン設定」を行います。
Step4.「外観」→「カスタマイズ」→「共通フッターエリア設定」→「メニューボタン設定」へ進む
はじめに、「外観」→「カスタマイズ」→「共通フッターエリア設定」→「メニューボタン設定」へ進みます。
Step5.「メニューボタン設定」を行う
メニューボタンは、最大で5つまで表示できます。
例えば、「メニューボタン①設定」～「メニューボタン③設定」まで設定すると、メニューボタンが3つ表示されます。
この記事では、「メニューボタン①」設定を行う事例をご紹介しています。
はじめに、「メニューボタン➀設定」→「コンテンツ設定」から
- 「アイコンを指定」で表示させたいアイコンの種類を入力します。
- 「テキストを入力」で、メニューボタンに表示したいテキストを入力します。
- 「ボタン動作を選択」から、メニューボタンに表示したい項目を選択します。
※「メニューボタン設定」の詳しい操作方法については、「この記事3ページ目」で詳しく解説しています。
Step6.「公開」を押す
最後に、「公開」を押してください。
これで設定完了です。
※各設定メニューの使い方については、この記事2ページ目↓で詳しく解説していますので、ご確認ください。