WordPress 2.5.1 画像アップロードの改善

投稿日: 2008年5月21日 | カテゴリ:『ワードプレス』>プログラムの開発と改良

WordPressは、バージョン2.5.1にアップグレードされて画像のアップロードの不具合が修正されました。今回は、その手順の概要と問題点について説明いたします。

1. 画像サイズの設定

adminでログインして「設定」-「その他の設定」を選択し、「サムネールのサイズ」、及び「中サイズ」のサイズを設定してください。縦・横のサイズは小さい方が優先され、もう一方はサイズの比率を維持するように自動的に設定されます。「中サイズ」の設定は、フルサイズ(幅=500pxに固定されるようです)とサムネールの間の任意のサイズを指定してください。

2. 画像アップロードの手順

投稿作成ウインドウの上部にある「メディアを追加」を捜してください。

その右側の四角の部分をクリックすればアップロード ウインドウが開きますので「アップロードするファイルを選択」ボタンをクリックします。

参照ウインドウが開きますので、イメージのあるディレクトリを開き、目的の画像ファイルを選択して「開く」をクリックしてください。

すると以下のようなウインドウが開きますので、配置、サイズのラジオボタンを適当に選択し、「投稿に挿入」をクリックします。

「サイズ」の「サムネール」は画像を設定したサイズに縮小して表示しますが、その画像をクリックすると元の大きさの画像が同ウインドウで開きます。「中サイズ」は、設定したサイズに適当に縮小して表示してくれます。クリックすると元の大きさの画像が同ウインドウで開きます。「フルサイズ」は、固定サイズ(500PX)で表示します。もちろん、どのサイズも手動で調整することができます。

画像を貼り付ける作業が完了すると、以下のようなスクリプトがHTMLエディタに挿入されます。<サムネール>は、「サムネール」ボタンを選択したときのスクリプトです。<中サイズ>は、「中サイズ」で挿入した画像のスクリプトです。<フルサイズ>は「フルサイズ」ボタンを選択して、挿入したときのスクリプトです。
閲覧の便宜上、適当な部分で改行してあります。実際のプログラムは改行のないひと続きのスクリプトです。

<サムネール>

<a href='http://hsuzuki.ddo.jp/weblog/wp-content/uploads/2008/05/kappa_s.jpg'>
<img src="http://hsuzuki.ddo.jp/weblog/wp-content/uploads/2008/05/kappa_s.jpg"
 alt="" title="kappa_s" width="143" height="100"
 class="alignnone size-thumbnail wp-image-94" /></a>

<中サイズ>

<a href='http://hsuzuki.ddo.jp/weblog/wp-content/uploads/2008/05/kappa_s1.jpg'>
<img src="http://hsuzuki.ddo.jp/weblog/wp-content/uploads/2008/05/kappa_s1.jpg"
 alt="" title="kappa_s1" width="400" height="280"
 class="alignnone size-medium wp-image-95" /></a>

<フルサイズ>

<a href='http://hsuzuki.ddo.jp/weblog/wp-content/uploads/2008/05/kappa_s.jpg'>
<img src="http://hsuzuki.ddo.jp/weblog/wp-content/uploads/2008/05/kappa_s.jpg"
 alt="" title="kappa_s" width="500" height="350"
 class="alignnone size-full wp-image-94" /></a>

上記のスクリプトは実際に次のように表示されます。

<サムネール>

<中サイズ>

<フルサイズ>

問題点

  • Windows XPとIE6の組み合わせを使用して大きなサイズの画像をuploadすると、画像表示が縮小表示されず、そのままの大きさで表示される場合があります。この場合でもスライドバーを横にずらせばサイズ設定の選択画面が現れますので、実際の画像の埋め込み操作には不具合はないようです。
  • 「配置」の設定は、ほとんど設定通りには行かないようです。しかし、画像の配置についてはHTMLの段落設定で十分対応できますし、この方が様々なオプションを試すことができてむしろ便利です。詳しくは「画像のサイズと配置の調整法」を参照してください。


コメントを残す




空欄に計算式を満たす数値を記入してください(必須)