スマホ対応ブログのカスタマイズ：ボトムナビゲーションに変更

スマホ対応のBottom Navigationの導入
自分がブログをパソコンからしか見ないので、スマホからの見え方を今まで気にしていなかったのですが、ふっと今更ながらに気になり、しばらくの間スマホからブログを閲覧してみました。

私がブログをスマホから閲覧してみた結果…

広告を間違って押してしまう確率が高かった……！というのと、
『ハンバーガーメニュー』は、わざわざ押さないかも…？（個人の感想です）

というわけで、自分のブログの『ハンバーガーメニュー』を『ボトムナビゲーション』に変更してみました。

参考にさせて頂いたブログ記事はこちら

個人的には “メニューに検索をいれるかいれないか” で難易度がかなり上がったように感じました。

今までそこまで難しいことするつもりもなく、ブログのカスタマイズをするぐらいだし…とHTML & CSSについて、よくわかっていないままでしたが、自分好みにちょっと変更するというのがわかっていないままだと難しい…！

一冊ぐらい本でも読んで勉強した方が時短になるのでは？？と思ってしまったカスタマイズになりました。

自分で確認した限りでは大丈夫（WindowsとAndroid）だったけど、表示が崩れてそうで怖いな…

後日談

はてなブログの無料版で広告枠が追加されました

その結果

スマホ画面の下部に広告が配置され『ボトムナビゲーション』がわからなくなってしまいました。
時間かけて頑張ったのにショック…！！

『ハンバーガーメニュー』に戻すべき…？

うーん…。もうちょっと記事が増えてカテゴリが増えたらまた考えよう。