はてなブログでグローバルメニューとトグルメニューを両立させレスポンシブスタイルにするカスタマイズ - Yukihy Life

注：コピペコードを写す前に、元々のhtmlやcssをメモ張にコピペするなど、必ずバックアップを取っておいてください！！ はてなブログで最近テーマストアを覗いたりしていると、本当に面白くオシャレなテーマが増えてきましたよね。 また多くのテーマがレスポンシブ対応をしてますが、現実にレスポンシブにしている方はあまり多くないと思います。 せっかく優秀なレスポンシブテーマがあるのに採用しない理由として、グローバルナビを後付けで行っているため、それがレスポンシブになっていないというのがあるかなあと。 もちろん、はてなデフォルトのスマホ表示が十分オシャレというのもありますが。 そこで今回は、よくあるWordPressのブログのように、グローバルナビをレスポンシブ対応させ、ブラウザ幅が縮んだらトグルメニューになるようなカスタマイズを紹介します。 ちょっと難易度が高いかもしれません。また、注意点として若干遅

[ftmaccho]

セルクマ

[suiiti73]

わかりやすいです！！！！

[hitode99]

いつもすげぇ！！

[defender_21]

おれもレスポンシブルにしようかなー

[brulee74]

あとでやる(*´∀｀*)

[setuyakuhappylife]

レスポンシブにしてるから、このやり方知りたかった！あとでゆっくりやってみよう。

[hamabasso]

かっこいい！

[horitsukiko]

天才やなー(・∀・)

[dougacc]

これは丁寧ないい記事デザインに愛を感じる

[fukufukudo269]

参考にさせていただきます。

[ownhome]

参考にさせていただきます！

[kimchikuwa]

参考にさせていただきます！

[neeko-showa]

わかりやすくて、すごく助かりました！！

[investravel]

“トグルメニュー”

[knowhow-takuma]

おかげさまでメニューを設定できました！ありがとうございます。

[hana8hana]

とても助かりました。ありがとうございます！

[ricky-ss]

とても参考になりました！

[satsumaim0]

コピペと簡単な修正でグローバルメニューが設置できました。

[musabetu-poipoi]

現在ジプシーです(*´Д｀) 救いの手を、ありがとうございます( ;∀;)！！

[piyo53]

参考にさせてもらいました。ありがとうございました。

[miyucho728]

参考にさせていただきます！

[tnkbnbn]

参考にさせていただきました～！

[YutoCruyff]

参考になりました！ありがとうございます！

[idr_zz]

メニュー自作できるようだ はてなブログでグローバルメニューとトグルメニューを両立させレスポンシブスタイルにするカスタマイズ

[zensoinspiration]

グローバルメニューのカスタマイズに非常に参考になりました。スマホにも対応できてよかったです。ありがとうございました。

[asakumamasaru]

グローバルメニューのカスタマイズは、 こちらの記事がいい感じですねｗ

[casemaestro89]

後で試してみます！

[imslotter]

めっちゃわかりやすいし，使いやすい！参考に自ブログにグローバルメニューつけてみた！http://saleslog.hatenadiary.jp/

[akio130]

メニューバー。あとでやってみようかなー。

[space-tiger]

使わせてもらいました！

[knewton]

グローバルメニューカスタマイズ

[ishikawayulio]

参考にさせていただきます。

[yamama48]

使わせていただきました。コピペさせていただけることに改めて感謝です！

[zaq00555]

思ったより簡単に出来ました。

[Haku2014]

はてなブログのカスタマイズ方法です。

[mayoi_inu]

相変わらずのセンス。かっけー！