Moti.Life

アニメ漫画ゲームのことを語るブログ

[はてなブログ]シンプルなグローバルメニューを設置・テーマはUnderShirt

f:id:motimoti444:20200605153818p:plain

 

 

テーマは「UnderShirt」

使用しているはてなブログのテーマは「UnderShirt」です。

blog.hatena.ne.jp

カード型のアイキャッチでシンプルでカスタマイズしやすいデザインです。

 

 

グローバルメニューの設定

グローバルメニューはこちらのサイト様を参照させていただきました。

gakublog.com

スマホでの表示もきれいで、何よりシンプルなところがとても素敵です。

 

スマホから見た場合

f:id:motimoti444:20200605153128p:plain

縦の幅もちょうどいいくらいで押し間違えにくそうでいいと思いました。

 

PCから場合

f:id:motimoti444:20200605153324p:plain

 PCから見た場合は枠が横に伸びます。

 

f:id:motimoti444:20200605154302p:plain

1280pixel以上の場合のCSSを入れたら一列になります。

入れなければ上の一枚目の画像のように2列表示です。