Bones色々検索してみて「HTML5である」「レスポンシブデザインである」「評判がいい」ということで、Bonesというテーマを使って作ってみようと思います。いうボタンをクリックするとzipファイルをダウンロードすることができます。いうようなフォルダができました。Me!)とリネームしろ!的に書いてあります。Bones-ryusと書き換えて保存。再表示すると、このように名前が変わりました。レスポンシブデザインもバッチリ!表画面で見てみました。お!思っていたよりちゃんとしてる!もっとスケルトンっぽいのかと思った。なんだったらこのままでも良さそうな感じです(^^)/<この人プログラマでデザインはうとい。気になってる、レスポンシブデザインを確認してみます。上の画面が一番大きい状態でした。幅を狭めた状態もう少し幅を狭めた状態(iPad等の縦?)さらにもう少し幅を狭めた状態(iPhone表示とか?)さらにもっと幅を狭めた状態(ガラケー?とか表示出来るんでしょうか?)の5段階の大きさに対応しているようです。このぐらいあればバッチリですね。クリックすると、bonesのカスタマイズ画面になります。背景色を変えたり背景画像を指定したりできます。ほとんどCSSが定義されていません。コメントでこのテーマについて色々書いてありました。読んでみるとsass(サス)を使ってるようです。これからsassをちょっと勉強したいと思っていたのでこれはラッキーでした(^^)/。実際に使われているCSSは、wp-content\themes\bones-ryus\library\css\style.cssこれのようです。sans-serif;今使ってるテーマで指定しているfont-familyに置き換えてみます。変更後はこのように丸っこいいつものフォントになりました。header.phpをいじってロゴ画像を表示してみるタイトル部分がちょっと寂しいのでロゴ画像を入れてみたいと思います。?></a></p>このあたりを変更すれば良さそうです。周りの<p>を削除します。みたいに書いてあります。このBonesというテーマはカスタマイズしやすいように随所にこういうコメントが書いてあるので安心して手を入れることができます。style="clear:both"></div>このように書いてみました。表示すると、こんな感じに、ロゴが表示されました(^^)/まとめ:とても手を入れやすい。sassでCSSをさわってみようこのようにダウンロードしてスグに手を入れて思ったようにカスタマイズを変更することがえきました。手を入れやすいです(^^)/。sass(サス)もやってみたかったので、ちょうどよい機会なのでこのBonesテーマをいじるために環境を整えて挑戦してみようと思います。