レスポンシブデザインでWordPressのテーマを作製しました。
ちわーす。
ふぅ．．．疲れました、かっぱふぅ（ @kappafoo ）です。
先日から、やるやると話をしていましたWordPressのテーマの作製と変更を、昨日イッキに行ないました。
といっても、まだ変更したテーマを公開しても、大きな問題はないだろうという甘い見込みの上で、まだまだ未完成な状態です。
それでも、ここまで漕ぎつけるまでには、初心者でWebページの知識のほとんどない私では、それはそれはとっても苦労しました。
ちなみに昨日までのテーマは、
です。「mypacecreator.net」さんとこにある「mypace custom V(five)」の２段組のテーマを少しカスタマイズして使ってました。
それを今回、メディアクエリを使ったレスポンシブデザインのテーマに、と～っても頑張って作製しました。
それが、こちら．．．
はい、こちらの見た目は３段組みレイアウトなんですが、
ウィンドウのページの横幅を狭くすると．．．
はい、２段組みレイアウトに変わります。
まだまだ狭くすると．．．
本文は１段、サイドバー部分がフッター部分に動いて、２段組みに分かれます。
画像はないですが、もっと狭くすると、すべて１段組みのレイアウトになります。
このテーマをiPhoneで見ると、すべて１段組みのレイアウト。
iPadで見ると、横向き（ランドスケープ）では、３段組みレイアウト。
縦向き（ポートレート）では、２段組みレイアウトになります。
いやぁ～、本当にここまでするのに大変疲れました。
このテーマを作るにあたって、ちょっと困ったこと、つまづいたことについては、後日また備忘録として書きたいと思います。
まだまだ、細かいとこは変なところが多いですが、ボチボチ直していこうと考えてます。
この記事が参考になったら、シェアしてください
関連記事も見てください
レスポンシブデザインを固定幅＋リキッドレイアウトに一歩前進させました。 (2012.09.29)
スマートフォン用のWordPressのテーマはどうしよう？ (2012.08.27)
レスポンシブデザインでGoogleAdsenseの広告サイズ変更が公式サイトで紹介されています。 (2013.06.27)
「かっぱふぅ雑記帳」を考える。その４ (2012.08.02)RSSの登録で最新記事をお届けします
フォローしてもらえると嬉しいです
F