MENU
| Yomo Webb - AI・SEO・サイト制作・広告運用の実践的Webマーケティングメディア

AFFINGER6にスマホ固定フッターメニュー導入(メニューバー、検索)【超簡略】

アフィンガー６/EX
目次

すっごい簡単な流れ！

  1. スマホスライドメニューの準備
  2. 新規でスマホフッターメニュー作成
  3. AFFINGER管理からその他のスマホメニュー設定

スマホスライドメニューの準備

まずスマホのスライドメニュー用意のメニューの準備！

スクリーンショット 2022 05 31 15.39.40
スクリーンショット 2022 05 31 15.40.05

新規でスマホフッターメニュー作成

スクリーンショット 2022 06 11 11.53.55
スクリーンショット 2022 06 11 11.54.51

まずは、固定スマホフッターメニューの設置。

スクリーンショット 2022 06 11 11.57.12

固定スマホフッターメニュー設置ポイント！

ナビゲーションメニューにコチラを書き込む！

<i class="fa fa-bars" aria-hidden="true"></i><br>MENU

CSS class (オプション)にコチラを書き込む！

op op-menu has-text

AFFINGER管理からその他のスマホメニュー設

AFFINGER管理 ▶︎ その他のスマホメニューから、

『スマホフッターメニューを表示する（※「広告・スマホフッターに固定」使用時は表示されません。スマホ閲覧時の「ページTOPへのボタン」は自動で非表示になります）』コチラをチェック！

スクリーンショット 2022 06 11 12.03.46

すると…

スクリーンショット 2022 05 31 10.58.17 1

こんな感じ！！

アフィンガー６

「ブログ・ランディングページ」等の、細かいカスタムでお困りの方、

ワードプレスポイントカスタムからお受け致します！

こんな方にオススメ！
  • 即対応して欲しいが連絡が遅い！
  • そのまでの予算に余裕がない！
  • 制作会社に頼むほどでも無いが、一人で再現出来ない！
カスタム依頼はこちらから

「ブログ・ランディングページ」等の、
細かいカスタムでお困りの方、

ワードプレスポイントカスタムから
お受け致します！

こんな方にオススメ！
  • 即対応して欲しいが連絡が遅い！
  • そのまでの予算に余裕がない！
  • 制作会社に頼むほどでも無いが、一人で再現出来ない！
カスタム依頼はこちらから
アフィンガー６/EX
AFFINGER-6/EX
よかったらシェアしてね！
  • URLをコピーしました！

関連記事

目次