レスポンシブデザインテンプレート導入♪

Ame

2016年05月10日 22:42


当ブログにお立ち寄り頂き、毎度ありがとうございます。

GW働いた分、終盤から少しお休みを頂いてます。

今日もお休みでしたが、

平日で子どもは学校、奥さんはバイト。


そこで今日は、1日ブログをいじっておりました。

というのも、お気に入りに登録させて頂いてる

ediさんのブログでこんな記事を拝見したから。


ediさんが公開された

「レスポンシブデザインテンプレート」を導入させて頂き、

ブログのデザインを変更してみました♪


<before>



<after>



レスポンシブデザインテンプレートとは、

簡単にいえば、ひとつのテンプレートで

パソコンでもタブレットでもスマホでも

同じデザインでそれぞれの端末に最適化された画面で

ブログを見られるというもの、だそうです。

これまで自分のブログをiPhoneやiPadで見る時に

スマホやタブレット用の表示になるのを

煩わしく感じていたので、

「これだ!」とビビッと来た次第です。


<iPhoneで縦表示>


ちょっと分かりにくいですがiPhoneで縦表示した場合でも

同じデザインが踏襲されています。

iPadの横表示ならほぼPCと同じレイアウトで

見れる感じでしょうか。


ずーっとブログのカスタマイズをしたいなと

思っていたのですが、

スキルも根気もないわたし(^_^;)

でも、これを機にトップ画像の変更もトライしてみました。

いろいろやり始めると楽しいものですね(^^)


自分にもできたくらいなので、

ediさんの公開されたテンプレートは

導入しやすいと思いますが、

使用はあくまで自己責任でお願いしますね(^_^;)


ediさん、とっても使いやすいテンプレートの作成&公開、

ありがとうございますm(_ _)m




ということで、終わりです。






あなたにおススメの記事
関連記事