oto-tanblog Written by oto-tan

【Manablog Copy】アイキャッチ画像が正常に表示されない【解決済】

WordPress

こんにちは!
おとーたんです。

WordPressのテーマを『Manablog Copy』に変更すると、アイキャッチ画像が拡大されてスクエアサイズになってしまいました。。。
アイキャッチ画像を設定し直しても変わりませんでしたが、プラグインを使って一発解決したので困っている人は試してみてください。

  • Manablog Copyのアイキャッチ画像を正常に表示させる

Manablog Copyのアイキャッチ画像が正常に表示されない

【Manablog Copy】アイキャッチ画像がスクエアサイズになる【解決済】

この現象はWordPressのテーマ『JIN』から、『Manablog Copy』に変更したときに起こりました。

もともと設定していたアイキャッチが、拡大されてスクエアサイズに。。。

調べてみたところ、『Force Regenerate Thumbnails』で解決するようだったので試してみました。

プラグイン『Force Regenerate Thumbnails』

【Manablog Copy】アイキャッチ画像がスクエアサイズになる【解決済】

プラグイン『Force Regenerate Thumbnails』は、画像のサムネイルを一度削除して、再生成をしてくれるプラグインです。

これを使うと一発で直りました。

『Force Regenerate Thumbnails』の使い方

【Manablog Copy】アイキャッチ画像が正常に表示されない【解決済】

WordPressのプラグインの新規追加で『Force Regenerate Thumbnails』と検索すると出てきます。
追加方法はおそらくご存知だと思うので割愛。

『ツール』→『Force Regenerate Thumbnails』でForce Regenerate Thumbnailsの設定画面へ遷移しましょう。
【Manablog Copy】アイキャッチ画像が正常に表示されない【解決済】

『すべてのサムネイルを再生成する』ボタンを押します。
【Manablog Copy】アイキャッチ画像が正常に表示されない【解決済】

バーが100%になったら完了です。
【Manablog Copy】アイキャッチ画像が正常に表示されない【解決済】

『設定』の『メディア』は関係ない

【Manablog Copy】アイキャッチ画像が正常に表示されない【解決済】

最初は『設定』の『メディア』かなぁと思いましたが、設定を変更しても変化がなかったので、全く関係ありませんでした笑

メディアライブラリに画像を追加する際、以下でピクセル単位指定したサイズによって最大寸法が決定されます。

とあるように画像をアップロードする時の設定なので、全く無関係

この設定を変えるとサイズが変わると紹介している記事もあり、もし変わらなければ『Force Regenerate Thumbnails』を使うようにまとめてありますが、『設定』の『メディア』をなにもいじらず、『Force Regenerate Thumbnails』のみを使用しても正常に表示されました。
(テスト用のサイトで検証済)

まとめ:『Force Regenerate Thumbnails』で解決

今回アイキャッチ画像がバグっててんやわんやしましたが、『Force Regenerate Thumbnails』のおかげで元通りになったので良かったです。

ちなみに、一度使用するだけで大丈夫なので、必要がなくなれば削除してOK。
次の新しい記事からも正常に表示されます。