Alpha + Kifads/.

暮らしの知恵を分かりやすく

【Affinger5】スマホメニューを画面下部に固定したい

投稿日:

Affinger5を使用しているのであれば、ぜひ使ってほしい機能のひとつにスマホ用フッターメニューを画面下部に固定することが可能です。また、webアイコンを使用することで、さらに分かりやすくなります。

スマホ固定メニュー導入に関して

導入メリット

固定メニューを導入することでサイト内の回遊率を増やすだけでなく、ユーザビリティの向上を図ることが可能です。

導入時間

30分程度

完成イメージ

完成すると上記のような固定フッターメニューを作成することが出来ます。

スマホ固定メニューの作成方法

WordPressの「外観」→「メニュー」を開いて「新規メニュー」の作成をします。

Webアイコンの「fontawesome」より使用したいwebアイコンを探します。

Bukky
連想できるアイコンを選ぶのがポイントだ

似合うアイコンを見つけたら <i class ~ の部分をコピーします。

基本的に「カスタムリンク」しか使いません。

コピーしたコードを「カスタムリンク」→「リンク文字列」に貼り付け、<br/>を付け加えます。

最後に作成したメニューを「スマートフォンフッター用メニュー」に登録すれば完了です。

基本的にこの作業でアイコン付きの画面下部フッター固定メニューを作成することが可能です。

ココがポイント

トップに戻るボタンは「URL」の部分に[#wrapper]を設定すればできます

なるほどポイント

webアイコンを使用した画面下部フッター固定メニューを作成できる

 

http://affinger5.com/manual/post-4675/

Copyright© Alpha + Kifads/. , 2018 All Rights Reserved.