記事内に商品プロモーションを含む場合があります

簡単!アイキャッチ画像を正方形にそろえる方法(WordPress)

アイキャッチ画像をそろえる方法 イメージ

アイキャッチ画像が正方形と長方形でバラバラになってしまったので、正方形にそろえることにしました。

この記事では正方形にする方法を紹介していますが、指定サイズを変えるとアイキャッチ画像を長方形にそろえることも可能です。

こんなバラバラな画像を正方形にそろえます

手順①:Wordpressの設定を変える

WordPressの画像は、自動でサイズ調整されています。そのため、アイキャッチ画像やサムネイル画像がバラバラになった場合はまず、WordPressの設定画面画像サイズを変更します。

Wordpresの設定→メディアをクリック

Wordpresの設定メディアをクリックすると、画像サイズという画面が出てきます。

Wordpressの「画像サイズ」画面

ここにある「サムネイルのサイズ」が、アイキャッチ画像の自動生成サイズになっているようです。

今回は正方形にしたいので、幅150、高さ150に設定しました。

この設定を変更すると、次に画像をアップロードした場合、自動で変更したサイズに調整されます。注意点は、すでにアップロードした画像は変更されないこと。

そこで、手順②で、すでにアップロードしたサムネイルサイズの変更方法を紹介します。

「サムネイルを実寸法に切り抜く」チェックマークの意味

「サムネイルを実寸法に切り抜く (通常は相対的な縮小によりサムネイルを作ります)」のチェックが入っている場合、指定サイズに切り取られます。長方形の場合は左右の画像がカットされる、ということですね。正方形にしたい場合はこのチェックを入れます。

チェックを外すと、元画像の比率のままサムネイルが生成されますつまり、元画像が長方形の場合は、正方形サイズに設定してもタテヨコどちらかに合わせて小さくなるだけで、正方形にはなりません。長方形のまま小さくなります。

手順②:「Regenerate Thumbnails」で既存画像を調整

プラグイン「Regenerate Thumbnails」を利用します。これは、既存の画像サイズを、Wordpressで指定したサムネイルサイズに変更するプラグインです。

※再生成が終わったら、プラグインを削除してOK。

まずは準備!「Regenerate Thumbnails」をダウンロード

WordPressの管理画面からプラグイン→新規追加をクリック。検索窓から「Regenerate Thumbnails」を調べて、「今すぐインストール」をクリック。有効化します。

Regenerate Thumbnailsのイメージ

既存画像を調整①:全ての記事を一括で変換する場合

やり方は2通りあります。1つめは今ある全ての記事のサムネイルサイズを一括で変更する方法です。

WordPressの管理画面からツール→「Regenerate Thumbnails」をクリック。今回はアイキャッチ画像のみ変更するので、「アイキャッチ画像からのみサムネイルを再生成」をクリック。

Regenerate Thumbnailsを起動した様子

これで完成です。数が多いとそこそこ時間がかかります。

既存画像を調整②:1つのサムネイルだけ調整したい場合

二つめは、1記事だけサムネイルの大きさを変える方法です。目的の記事編集画面に行き、「Regenerate Thumbnails」を使ってアイキャッチを置換します。

画像の置換をクリック→代替テキストやタイトルが書かれている右側のバーを下におろす「サムネイル再生成」が追加されているのでこれをクリック。

Regenerate Thumbnailsを使って、1つのサムネイルだけ大きさをそろえる。記事編集画面の様子

画面が以下のように遷都します。

Regenerate Thumbnailsを使って、1つのサムネイルだけ大きさをそろえる

ここの「サムネイル再生成」をクリックすれば完了です。

全てのアイキャッチ(サムネイル)画像が正方形に!

この2つの作業をすると、バラバラだったアイキャッチが、キレイな正方形になりました!👏

アイキャッチがバラバラ
アイキャッチが正方形に

正方形にする注意点

今回のように150×150に設定すると、画像が正方形に切り取られて微妙なアイキャッチになる場合があります。正方形のアイキャッチでそろえたい場合は、中央に文章や見せたいものが写っているサムネイル画像を用意してください。