iPhone 研究室（iPadもね）

iPhone 用 WordPress アプリで投稿した画像の大きさを調整する

WordPress for iPhone でも、ちょっとした工夫で投稿のデザインも自由自在です。投稿中の画像の位置と、文章の回り込みについては紹介済みですが、今回は画像のサイズの変更の仕方です。といっても、HTMLタグを知っている人には目新しいことは何もありません。

WordPress for iPhone で、投稿に含める画像を選択して下書き保存すると、下記のようなタグになっているはずです。

<p><a href=”http://〜.jpeg”><img src=”http://〜.jpeg” alt=”” width=”225″ height=”300″ class=”alignnone size-full wp-image-364″ /></a></p>

画像のサイズを決めているのは、このタグ中の「width=”225″ height=”300″ 」の部分です。画像サイズを20%小さくしたい場合は、225 x 0.8 =180、300 x 0.8 = 240、となりますので、「width=”180″ height=”240″ 」と書き換えます。

大概は、どちらかだけ指定すれば縦横比が維持されて縮小されますが、ブラウザによっては指定したサイズにならなかったり、むちゃくちゃなサイズになったりしますので、念のため縦・横両方を指定しておきます。

iPhone 使いこなし術にもどる