アイキャッチ（サムネイル）をリサイズ＆トリミングするWordPressプラグイン「Crop-Thumbnails」

サムネイル画像を設定した時に、意図した部分が表示されない場合がありますよね。人物の画像であれば、一部顔が途切れたりして不恰好になってしまうなど。だからといって元画像をトリミングしてはアップ、確認してまたトリミングして・・・を何度も繰り返していると、時間も手間もかかり大変です。

このプラグインを使えば、アイキャッチを設定した後でも、任意の箇所を選択して比率を保ったままトリミングすることができます。ちょっとしたズレの調整もできますし、画像の一部だけを切り取ってアイキャッチに設定することも可能です。面倒なサムネイル画像の表示位置の調整が、ワンストップで簡単にできてしまうプラグインです。

なお、トリミングやリサイズはWordPressの「メディアライブラリ」からも可能です。

「Crop-Thumbnails」の機能概要

• アイキャッチ設定画面からトリミングできる
• 既存の画像サイズから選んでトリミングできる
• 不要なサイズパターンを非表示にできる

プラグインのインストール

管理画面から「Crop-Thumbnails」を検索してインストールするか、下のボタンからもダウンロード可能です。プラグインファイルを wp-content/pluginsディレクトリにアップした後、管理画面から有効化してください。

Crop-Thumbnails

プラグインのインストール方法を詳しく知りたい方は解説記事をご覧ください。

使い方

WordPressプラグイン「Crop-Thumnbnails」の使い方を解説しています。

設定画面

ダッシュボード左メニューの【設定】→【Crop-Thumnbnails】に移動すると、下の画面が出てきます。

「thumbnail」「page_builder_slider_small」「size1」…といった選択項目がありますが、これはこれまでにアップロードした既存画像のサイズ一覧です。そして、リサイズ用として使いたくないサイズはチェックを入れることで非表示になります。例えば、「size1」「size2」を使いたくないなら、チェックを入れて「Save Changes」をクリックします。

また、投稿権限のあるユーザーだけがリサイズできるようにしたい場合は設定下部の「User Permission」にチェックを入れてください。

チェックから外した3種類のサイズ選択ができるようになりました。

サムネイル画像を編集してみる

「ホテルのスイーツバイキング」のサムネイルを変更します。現在左端に表示されているスイーツの写真を中央にします。

記事の編集画面に移動し、アイキャッチ画像設定部分の「Crop Featured Image」をクリックします。

今回のテーマのアイキャッチは横長なので、size3またはsize5を選択します。画面右側で現在のサムネイルの状態が表示されますので、アイキャッチに表示したい部分を自由に選んで「Save Crop」をクリックします。完了したら、右上の✕で終了します。
※サムネイルの変更が完了しても、投稿記事の編集画面は最初に設定したアイキャッチのままになっています。確認するには、一度保存して実際のブラウザで確認してください。

サムネイル画像が変更されました。

まとめ

アイキャッチ画像を画像編集ソフトを使わずに管理画面上からリサイズするには便利なプラグインです。ただ、本来であればアイキャッチはサイトのデザインを構成する重要な要素なので、1つ1つこだわって作成したいところです。時間がない時には便利ですね。

本プラグインの動画解説も用意しましたので、ここに埋め込んでおきます。よろしければどうぞ。

また、WordPressテーマを変更し、アイキャッチの推奨サイズが変わった際に一括でサムネイル画像をサイズ変換したい時にはこちらのプラグインが便利ですのでご利用ください。

あわせて読みたい関連記事

第1回 ：メディアの設定
第2回 ：メディアライブラリの使い方
第3回 ：メディアファイルのフォルダ整理
第4回 ：画像ファイル名を一括変更
第5回 ：サムネイルの一括再生成
第6回 ：画像の上書き保存
第7回 ：未使用画像のみ抽出・削除
第8回 ：画像をWebPに一括変換