SANGOで一覧のアイキャッチ画像が正方形にならずに長方形になる場合の対処法

サンゴの画像サイズが正方形にならない



Sangoでドメイン移行をした時に新着やカテゴリなどのアーカイブ一覧ページのサムネイル(アイキャッチ画像)がデフォルト設定の正方形にならず、長方形になってしまった時の対処法メモです。
「あれ〜、これって何かで設定したっけな?」と思いつついじっても駄目だったんですが、解決できました。プラグインで一発です。

症状

ドメインを変更のために旧ドメインのwpのコンテンツを新ドメインに移行したら、新着やカテゴリなどの記事一覧画面のアイキャッチ画像が正方形にならず、長方形(正確には画像と同じ縦横比率)になりました。
しかもトリミング(切り取り)された画像ではなく、画像の元ファイルが一覧の数だけ読み込まれる状態だったため、読み込みスピードが劇的に悪化し、SEO的にもモバイルの方への転送量的にも最悪な状況になっていました。

理想↓

現実↓

状況

マルチサイト内のwordpressサイトをドメイン単位に独立させようと移行させた時に発生しました。
マルチサイト機能を使ったサイトであり、mysql(データベース)内がごちゃごちゃになっているのが予想されたので、移行にプラグインやホスティング会社の移行ツールなどは使わずに記事や画像等はwordpressデフォルトのエクスポートツールを、プラグインやテーマはftpを利用して移行しました。

改善方法

1.アップロードしなおす

この症状が出た場合、そのアイキャッチ画像を再アップロードすると症状が戻ります。(おそらく移行の際に何かしらの紐付けができていない状態になってしまったものと思われます)
以下の画像では、左上の記事だけアップロードし直した画像を適用しています。

アイキャッチを一旦外して再適用させても駄目で、必ずアップロードし直す必要があります。
ただ記事数の多いブログでこの方法をとるのは時間がかかりますので、次のプラグインを使った方法をおすすめします。

2.Regenerate Thumbnailsを使う

Regenerate Thumbnailsはサイト内の画像サムネイルを再生成するためのツールです。
テーマの変更などでサムネイルのサイズを変更する必要がある時に使えるツールなのですが、症状的に再生成すればいけるんじゃないかと思ったら当たりでした。
プラグインのインストール方法などは省きます。(プラグイン>新規追加>Regenerate Thumbnailsで検索してください)
インストールができたら、メニューのツール>Regenerate Thumbnailsをクリックしてください。
オプションはデフォルト状態でOKです。
再生成する必要があるのはアイキャッチ画像のみですので、「○○件のアイキャッチ画像からのみサムネイルを再生成」のボタンをクリックします。

サムネの再生成が完了したら新着などの一覧を確認してください。症状は解決しているはずです。

簡単でしたね〜。おつかれさまでした。