だるかぶ
サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）
2012年12月4日、WordPress の純正テーマで、シンプルでレスポンシブな新テーマ [ Twenty Twelve ] を試してみました！
[ Twenty Twelve ] の特徴
-
シンプル・エレガントなデザイン。
-
レスポンシブ・デザイン対応のテーマ。
-
ホームページのみに表示されるウィジェットを置くことができる。
-
カスタムヘッダー ( 960 x 250 px ) は自分で用意する。
-
WordPress 3.5 からバンドルされるようだ。
[ Twenty Twelve ] でカスタマイズした所
Twenty Twelve 1.0 がバージョンアップした時も対応できるように子テーマを作ってカスタマイズしました。
-
page.php と single.php に Facebook の LikeBox を設置。
-
Facebook LikeBox コードにある iframe 要素の style 属性の width を 100% にしてレスポンシブ対応。
-
縮小された画像の縦横比がおかしかったので、img { height:auto; } のスタイルを追加。
-
フォントをちょこっと変えた。
-
自前の function.php を移植した。
-
自前の JavaScript を読み込むようにした。
-
960 x 250 px のヘッダーイメージ作った。
あとは、IETester で IE6, 7, 8, 9 の表示を軽く確認しておいた。
今回の環境
-
Twenty Twelve 1.0
-
WordPress 3.4.2
-
レンタルサーバー シックスコア ( SIXCORE S1 プラン )
参考にさせてもらったページ
ありがとうございます！
現場からは以上です。それでは、またッ！！！
だるかぶ
最後までお読みいただきありがとうございます！
スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！
記事内容の修正について
記載している内容は記事執筆時の情報です。
できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。
