ぱんぶろ

パンジーの「いいね!」ブログ

アイキャッチ画像をリサイズ、再生成する方法!「Regenerate Thumbnails」プラグイン一択です。

      2016/03/30  

medium_7349514460
photo credit: Topeka & Shawnee County Public Library via photopin cc

WordPressって内々でちょくちょくDBと接続しているんで、よく分からない部分が多いんですよね・・・。
その代表的なやつがアイキャッチ画像

記事を作成するときに画像も一緒に設定すると思いますが、
この時点で、記事とアイキャッチ画像が紐づけられてDBに保存されてるみたいです。

投稿した時点で、アイキャッチ画像の大きさは決まってしまうんで、

後からアイキャッチ画像のサイズを変更しようとして、
ダッシュボードの「設定」⇒「メディア」からサイズを変更しても上手くいかない、

といったカラクリです。

そんなアイキャッチ画像の大きさを一括で変更できる魔法のプラグインを紹介します。

スポンサード リンク

プラグインなしでアイキャッチ画像のサイズを変更するのは大変。

冒頭でも書いた通り、
アイキャッチ画像のサイズ(大きさ)は、記事を投稿した時点で決まります。

その大きさは、
ダッシュボードの「設定」⇒「メディア」の

サムネイルのサイズ(デフォルトで150×150)に基づいています。

このサムネイルのサイズを後から変更しても
記事と紐づけられたアイキャッチ画像のサイズは投稿時点のものなので、当然ながら反映されません。
(サムネイルのサイズ変更後に投稿した記事については反映される。)

ということで、アイキャッチ画像のサイズを変更しようと思ったら、

1記事1記事のアイキャッチ画像を削除⇒アイキャッチ画像を設定⇒変更を保存

という流れで全記事を修正する必要があります。

まだ10記事くらいしかないサイトならさほど苦ではないでしょうが、
500記事とか1,000記事とか超えてくるサイトだと、

もうやってられないですよね。

その手間を代行してくれる?プラグイン「Regenerate Thumbnails」

そんな苦労を知ってか知らずか、
アイキャッチ画像を含めたサムネイル画像を一括でリサイズ、再生成してくれるプラグインがあります。

Regenerate Thumbnails
regenerate-thumbnails_01

このプラグインがやってくれるのは、大きく以下の2つ。

  • 「設定」⇒「メディア」の設定値でアップロードしてある画像を全て再生成
  • 記事とアイキャッチ画像サイズの紐づけ直し

サーバーの「uploads」フォルダを見てもらうと分かりますが、
WordPressに画像をアップロードすると、
「設定」⇒「メディア」で設定したサイズに則した複数の画像ファイルが生成されているのが分かります。

regenerate-thumbnails_02

ファイル名は、

[アップロードしたファイル名]-[画像サイズ].png

みたいな形になってますね。

「Regenerate Thumbnails」プラグインを使うと、こいつらをもう一度作り直してくれます。
(作り直すというより足りないのを補ってくれるイメージ)

また、これは推測で申し訳ないですが、
アイキャッチ画像については、
記事の投稿時点でどの画像ファイルを使うかが決められているはずです。
(例えば、投稿時点のメディア設定が「150×150」であれば、その記事はその画像サイズを使う、みたいな。)

この投稿時点で決められた紐づけを、
メディア設定値変更後の画像ファイル(画像サイズ)と変更してくれる機能もこのプラグインには含まれていると思います。

なので、ざっくりと言うと、

  • リサイズ後のアイキャッチ画像用のファイルを作ってくれて、
  • その新しい画像ファイルへ記事からの参照を変更してくれる。しかも全記事一括で。ということです。

(うまく説明できてる自信がない。。。)

「Regenerate Thumbnails」の使い方

まず、ダッシュボードの「プラグイン」⇒「新規追加」で
「Regenerate Thumbnails」と検索しインストールします。

regenerate-thumbnails_03

「設定」⇒「メディア」で作成したい画像サイズを設定します。
「サムネイルのサイズ」はアイキャッチ画像のサイズとなるところです。

regenerate-thumbnails_04

(この他にfunctions.phpで設定したサムネイルサイズも作成されますが、ここでは説明を省略します。)

メディアのサイズ変更が完了したら、
「ツール」⇒「Regen.Thumbnails」を選択します。

あとは「Regenerate All Thunmbnails」をクリックするだけです。
regenerate-thumbnails_05

画像のリサイズ情報と進捗具合が表示されます。
regenerate-thumbnails_06

100%になれば全画像ファイルのリサイズが完了です。

これで、

  • 全画像ファイルのリサイズ
  • 記事とアイキャッチ画像の再紐づけ

が完了です!

もし、これでアイキャッチ画像の大きさが変更されない方は、
the_post_thumbnail関数でサイズを指定してアイキャッチ画像を取得しているとか、
CSSでアイキャッチ画像の大きさ小さくしていないかなど、疑ってみてください。

まとめ

メディアで設定した値での画像の再生成は、「Regenerate Thumbnails」が便利です。
少なくとも手でアップロードし直すよりは楽になります。

わたし自身のアイキャッチ画像の理解が乏しく、
推測でしゃべっている部分もあるし、解釈が間違っているところがあるかもしれませんので、ご了承を・・・。

とにかく、アイキャッチ画像のサイズを途中で変更するなら、
「Regenerate Thumbnails」プラグインがおすすめです。