WordPress最適化

画像を一括リサイズ「Regenerate Thumbnails」

パソコンの画像

 

こんにちは。
必死に張り切る ひしはり です。

 

ひしはり
ひしはり
記事一覧ページで
アイキャッチ(サムネイル)画像の大きさが
バラバラになてしまったんだけど解決策はあるの?

もしかして一つ一つ直さないといけないの?

本記事では
このような疑問にお答えします。

 

本記事の内容

❶ 画像を一括リサイズ「Regenerate Thumbnails」

❷ 「Regenerate Thumbnails」のインストール方法

❸ 「Regenerate Thumbnails」の使い方

 

ブログのテーマ(テンプレート)を
変更したときなどに
記事一覧ページで
記事のアイキャッチ(サムネイル)画像が
バラバラな大きさに
なってしまうことがあります。

今日はそんな場合の解決策として
アップロード済みの
アイキャッチ(サムネイル)画像を
一括してリサイズしてくれる便利な
「Regenerate Thumbnails」という
プラグインをご紹介したいと思います。

本記事を読めば、
「Regenerate Thumbnails」という
便利なプラグインの使い方がわかり
一つ一つ画像の大きさを
修正する手間をなくし
一括でかんたんに
修正することができますよ!

 

この記事を書いている人

この記事を書いている私はブログ歴4年目

現在は本業のサラリーマンの傍ら副業ブロガーとして活動しています。

Twitter(ひしはり人生再構築ブロガー)のフォロワーは1800人ほど。

画像を一括リサイズ「Regenerate Thumbnails」

Regenerate Thumbnailsの画像

 

WordPressテーマの変更時や
Webサイトのリニューアル時などに
記事一覧ページでアイキャッチ画像が
バラバラになってしまったあなた!

安心してください!

一つ一つ修正しなくても
今日ご紹介する
「Regenerate Thumbnails」という
プラグインを使えば
一括してアイキャッチ画像を
リサイズして修正することができます!

 

ひしはり
ひしはり
ほっ!よかった〜

 

もともと私は
無料のWordPressテーマの
「STINGER8」
使用してブログを運営していました。

 

STINGER8の画像

 

ですが、トップブロガーと呼ばれる
いろいろな方たちの
ブログを見るたびに
自分もこんなデザイン性に優れた
ブログにしたいなと思い、
有料のWordPressテーマである
「JIN」を思い切って購入しました。

 

JINの画像

 

「JIN」は月に100万以上稼ぐ
トップアフィリエイターの
「ひつじ」さんがと
WPテーマ「ATLAS」
開発者である「赤石カズヤ」さんが
共同開発された
有料 WordPress テーマです。

多くのトップブロガーや
トップアフィリエイターに
愛されて支持されています。

さっそくそれまで使用していた
「STINGER8」から「JIN」
テーマの変更を行ったところ
記事一覧画面に表示された
アイキャッチ画像の大きさが
バラバラになってしまいました。

 

ひしはり
ひしはり
なっなんじゃこりゃ!

 

アイキャッチ画像バラバラの画像

 

あせって調べてみると、
WordPressは画像をアップロードすると
そのタイミングで自動的に複数のサイズの
画像を作成しているとのことなんですね。

しかもあとから
アイキャッチ画像のサイズを
変更することができないとのことで、
過去にアップロードした画像を
新しいテーマにあったサイズに
合わそうとすると、
1枚1枚アップロードし直す必要が
あるとのことなんですね。

 

ひしはり
ひしはり
マジか!そんな面倒くさいことやってられへんわ!

 

と一瞬目の前が
まっ暗になりましたよ(笑)

WordPressは画像をアップした時点で複数のサイズの画像を
作成している。

1度アップロードした画像はあとからサイズ変更することができない。

 

その時点で記事数は
100記事以上ありましたから
本当にあせりましたね。

 

ひしはり
ひしはり

でも調べてみるとありましたよ!

夢のように便利なプラグインが!

 

それが今日ご紹介する
アップロード済みの
バラバラのアイキャッチ画像のサイズを
一括で同じサイズにリサイズしてくれる
「Regenerate Thumbnails」という
便利なプラグインです。

「Regenerate Thumbnails」のインストール方法

インストールのイラスト画像

 

それではさっそく
「Regenerate Thumbnails」
インストールの方法と使い方を
ご紹介して行きますね。

まずはWordPressの
管理画面の左メニューから
「プラグイン」「新規追加」
クリックします。

 

Regenerate Thumbnailsの設定の画像

 

画面が移動したら
右上の検索フォームに
「Regenerate Thumbnails」
入力します。

すると画面に
「Regenerate Thumbnails」
インストール画面が表示されますので
「今すぐインストール」
クリックします。

 

Regenerate Thumbnailsの設定の画像

 

続いて「有効化」
クリックします。

 

Regenerate Thumbnailsの設定の画像

 

これでWordPressに
「Regenerate Thumbnails」
インストールして
有効化することができました。

「Regenerate Thumbnails」の使い方

疑問解決マークの画像

 

「Regenerate Thumbnails」
リサイズされる画像は、
WordPressのメディアで
指定したサイズで
リサイズされます。

サイズを変更したい場合は、
WordPressの管理画面の
左メニューから
「設定」「メディア」
変更することができます。

 

Regenerate Thumbnailsの設定の画像

 

画像サイズの設定の画像

 

リサイズする画像のサイズを確認したら
WordPressの管理画面の左メニューの
「ツール」という項目に
「Regenerate Thumbnails」
追加されていますのでクリックします。

 

Regenerate Thumbnailsの設定の画像

 

画面に英語で文字が書かれた
青色の2つのボタンが表示されます。

上の行が「すべての画像」
下の行が「アイキャッチ画像のみ」
となっています。

WordPressテーマの変更によって
一覧ページに不具合が出てしまったので
ここは「アイキャッチ画像のみ」
クリックします。

 

Regenerate Thumbnailsの設定の画像

 

画像のリサイズ情報と
進捗状況が表示されます。

 

Regenerate Thumbnailsの設定の画像

 

青色のゲージが右に移動して
進捗状況を知らせてくれます。

画像が多い時は
処理に時間がかかりますので
さわらずにそのまま放っておきましょう。

ゲージが一番右端まで移動したら
画像のリサイズが完了です。

これだけでバラバラだった
アイキャッチ画像を同じサイズに
リサイズしてくれるんですから
かんたんですね。

またそれぞれの画像を
左メニューの「メディア」から
個別にリサイズすることもできます。

 

Regenerate Thumbnailsの設定の画像

 

最後に一覧ページで
アイキャッチ画像の
サイズがそろっているか
確認しておきましょう。

これでも画像のサイズが
リサイズされない場合は、
アップロードした元の画像自体のサイズが
小さすぎる可能性があります。

その場合は、
ある程度大きめのサイズで
元の画像を
アップロードし直してみください。

アップロードする画像のサイズはある程度大きめのサイズですること

 

まとめ

 

今日はアップロード済みの
アイキャッチ(サムネイル)画像を
一括してリサイズしてくれる便利な
「Regenerate Thumbnails」という
プラグインをご紹介しました。

こんな便利なプラグインを知らないと
1枚1枚アップロードし直さなければ
いけないという
とんでもなく気の遠くなる作業を
しなければいけないところでした。

WordPressテーマの変更時や
Webサイトのリニューアル時などに
こんなに便利でかんたんに画像を
一括でリサイズしてくれるプラグイン
「Regenerate Thumbnails」
とても便利で役立ちますね。

「Regenerate Thumbnails」のおかげで
アイキャッチ画像バラバラ現象を
無事に乗り越えることができてホッとする
必死に張り切る ひしはり でした。
今日はここまで。

関連記事