2020/02/28 情報を更新いたしました。

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

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

「Crop-Thumbnails」の機能概要

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

「Crop-Thumbnails」プラグインのインストール

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

Crop-Thumbnails

設定画面の解説

ダッシュボード左メニューの【設定】→【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テーマを変更し、アイキャッチの推奨サイズが変わった際に一括でサムネイル画像をサイズ変換したい時にはこちらのプラグインが便利ですのでご利用ください。