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

2019年09月16日

テンプレートを変更してみました（≧▽≦）♪
テンプレート変更☆レスポンシブ化しました

トップ画像はそのまんまですが（笑）

元はこちらのスタイル。
テンプレート変更☆レスポンシブ化しました

どうでもいいけど歴代トップ画像でも（笑）
テンプレート変更☆レスポンシブ化しました

昔は１年スパンで変えてたみたいです（＾皿＾）

２０１２年の野反湖キャンプ画像を最後に放置プレー（笑）

このテンプレはナチュログの「BLUE SKY」がベースでした。

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

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

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

特に関心もなくスルーでしたが（笑）
テンプレート変更☆レスポンシブ化しました

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

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

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

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

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

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

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

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

レスポンシブデザインにすれば１つのテンプレートで済んじゃうのです♪
テンプレート変更☆レスポンシブ化しました

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

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

ダウン

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

レスポンシブＷｅｂデザインチェックツール
テンプレート変更☆レスポンシブ化しました

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

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

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

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

上に戻るボタンも設置。

CSS、HTMLがなんとなーく分かってきた気がします。

久しぶりに楽しい作業でした♪

ediさんありがとうございました〜。

このブログの人気記事

同じカテゴリー（◆日常の出来事）の記事画像

同じカテゴリー（◆日常の出来事）の記事

◆日常の出来事

コメント(0)

みわりんちのOutdoor Life