テンプレート変更☆レスポンシブ化しました

背景やサイドバー等デザインをいじって楽しかったのを思い出します。

ま、１０年以上前のテンプレ。すっかり古臭いものにｗ





そんなナチュログにも３年前の２０１６年には今どきのテンプレ「ノースフェイスシリーズ」等が登場してます。

特に関心もなくスルーでしたが（笑）

ホント関心もなかったのですが、なぜか急に今になってノースフェイスのテンプレに変えてみようかな？といじりたくなりました。

そこで調べてて出くわしたのが同じナチュログのediさんのブログ。

ediさんはこのノースのテンプレをベースになんとレスポンシブ化してるんですー！

しかもそれを配布してくれてるという♪

レスポンシブWebデザインとは

サイトを色々な画面サイズ（PC、スマホ、タブレット）に対応させることです。

ウインドウ幅によってスタイルシートが変わるんですね。

ナチュログではPC、スマホ、タブレットとそれぞれにテンプレートがあります。

レスポンシブデザインにすれば１つのテンプレートで済んじゃうのです♪

こちら、パソコンでウインドウを２つ開いて１つは縦横を縮めてみました。

左にあるサイドメニューは下方へ移動しスタイルが変わってます。




こちら、レスポンシブ化してない普通のノースのテンプレ。縮小したら画面崩れてます。






レスポンシブＷｅｂデザインチェックツール





決してediさんのテンプレを丸パクリしたわけではなく（笑）

自分なりにカスタマイズしてます（￣▽￣）

右にあるサイドメニューを左に持ってきたりその他諸々細かいところをいじってます。

知識がある訳ではないので、これかな？あれかな？と試行錯誤（＾皿＾）

上に戻るボタンも設置。