iPod touchが復活したのでいじってみたところ、Wordpress PDA & iPhoneの動作がいまいちだったので、早朝に目が覚めたこともあってWPtouchに変更し、ついでにカスタマイズ。参考にしたのがこちら。
基本的には全てこのままだけれど、「記事の最初の画像をサムネイルとして表示」の箇所を以下、一部変更。
- そもそも写真がない記事が多いのでデフォルト画像に困った…。
- 表示される画像サイズを75pxから最大280pxに変更。
1.そもそも写真がない記事が多いのでデフォルト画像に困ったのに関しては、
function.php のデフォルト画像に縦横1ピクセルの画像を指定すれば、まぁ問題ないかな。
ちょっと苦労したのが 、2.表示される画像サイズを75pxから最大280pxに変更。
元々のWPtouchのフォーマットで最大になる縦横75pxの画像になるよう作られている。それを、iPhoneで最大サイズになる幅280pxに変更している方がいたので真似してみたものの、幅が280px以下の画像の場合も、280pxに拡大されて画像が荒くなってしまう…。念頭になかったamazonの画像がそれにあたり、しかも数が多い。どうしようか散々迷って下記のように変更してみた。
/wp-content/plugins/wptouch/theme/default/function.phpに挿入するタグの下記の部分を変更
<a href="<?php the_permalink(); ?>" >
<img class="aligncenter" src="<?php echo catch_that_image(); ?>"
alt="" style="max-width: 280px;" />
</a>
・class=”aligncenter”にして画像を中央に。
・style=”max-width: 280px;” 画像の最大幅を280pxにするスタイルシートを記述。
これで小さい画像は幅を大きくせず調整できたものの、正規の方法なのか、androidでも問題ないのかよくわからないけれど、自分としては満足した。まぁ、本来はiPadの幅に合わせたりとかするのだろうけれど、満足した。日曜の朝だし。
タグを書くのも予定外だから、今後も書く気ならそれ用のプラグインもいれないとダメか…。