【SnowMonkeyカスタマイズ】スマホのフッター固定ナビでアイコンを設置する方法 -アイコンタップで電話をかける場合-

こんにちは!
じゃんきーです!

今回はスマホでのレイアウトでよく見かける
スマホでのフッター固定ナビにアイコンを設置する方法をお伝えします。

今回行うカスタマイズは以下の感じです↓

スマホアプリやスマホでサイトを閲覧しているときに
フッターにアイコン付きのナビがあるとタップして次の操作に移りやすいですよね。

それがSnowMonkeyで制作すると簡単なカスタマイズで実装できます。

それではさっそく始めていきましょう!

フッター固定ナビメニューの作成

①WordPress管理画面へ入る

②左側メニューから「外観」→「カスタマイズ」クリック

③カスタマイズ画面の左側にある「メニュー」クリック

④「メニューを新規作成」をクリック

⑤メニュー名を入力。(これはなんでも大丈夫です。)
今回は「スマホ固定ナビ」にしてます。

⑥「フッター固定ナビゲーション」にチェックを入れる

メニュー項目の作成

①「項目を追加」をクリック

②「カスタムリンク」をクリック

③URLに「tel:電話番号」を入力

④リンク文字列に下記コードを入力

<i class="fas fa-mobile-alt fa-2x"></i>TEL

※アイコンにはFontAwesomeを使用しています。

⑤「メニューに追加」をクリック

以上です。

まとめ

フッターメニューを増やしたい場合は同じ手順を繰り返すと実装できます。
この手順通りに行えば、スマホで閲覧した際に操作性がアップするサイトを
制作することができると思います。
ぜひ一度お試しあれ〜!

もし何かご意見・ご感想があれば
TwitterのDMからお願いいたします。

ありがとうございました〜

じゃんきー

この記事を書いた人

じゃんきー

病院で10年以上医療職として勤務する傍ら、副業に取り組む。
副業で5〜10万を得られることで生活やメンタルが豊かになることを実感。
同じように感じてもらえる仲間を増やすため、副業お助けブログを運営。
夢は副業で得た収入で家族とのハワイ旅行。
自分の強みや目標、やりたいことを一緒に見つけませんか?