サムネイルをリサイズしたい! WordPressのテーマ変更後におすすめのプラグイン「Regenerate Thumbnails」

サムネイルをリサイズ
去年から、Wordpressで作ったホームページのリニューアルをちょっとずつ進めています。

今まで使っていたテーマから、新しいテーマに乗り換えました。

イメージコンサルティングサービスのHP >> i-design-web.com

新しく使っているのはMinimal WPの「Juliet」というテーマです。

結構前に購入したまま全然使っていなかったので、自分のHPに使ってみようと思いまして。

で。テーマを変えて困ったことが。

トップページに表示されるサムネイルの大きさが変。。。
[su_spacer size=”30″]これ、サイトリニューアルでクライアントさんのWordpressのテーマを変えたときにも起こったんですよね。

テーマ変更をしたとき遭遇しやすい、あるあるのひとつだと思うので、解決方法を書いておきます。

[ad#co-1]

ワードプレステーマ変更前のサムネイル画像

まず、Before画像をどうぞ

ブログのアイキャッチ画像に設定しているものがトップページに反映されるのですが、、、テーマ変更以前のものは正方形で表示されています。(10/21以前のものが、テーマを変える前のサムネイル)

article_after

画像が正方形のせいで左右にグレーの余白が表示されています。

う~ん、、気に入らない。。。

 

ということでリサイズできるプラグインがないか探してみました。

サムネイルのサイズはどこで決まるの?

そもそも、このサムネイルのサイズ、Wordpress管理画面の【設定】→【メディア】で設定されています。

ここのサイズを変更することで、新しくUPした画像は指定のサイズに変換してくれます。
…が、既にアップ済みの画像には適用されないんですね。

そこで見つけたのが、「Regenerate Thumbnails」というプラグイン。

既にアップロードしている画像サイズの一括変更に便利なプラグイン「Regenerate Thumbnails」

このプラグインを使ったところ、画像のリサイズ作業があっという間にできました。

変更の手順は以下の通り。

※念のため、バックアップをとってから作業することをおすすめします。

まずは「Regenerate Thumbnails」をインストールしましょう。

プラグイン】→【新規追加】で、「Regenerate Thumbnails」を検索、インストールして有効化します。

次に、【設定】→【メディア】でサムネイルサイズを変更。

サムネイルサイズはテーマによって決まっています。
テーマの詳細ページなどに画像サイズの表示があると思いますので、確認してくださいね。

続いて、【ツール】→【Regen.Thumbnails】で一括変更!

すると、、、

img_after

で!き!た!

グレーの余白がなくなって、サムネイルが横長のサイズに変わりました。

はぁ、すっきり。

テーマの乗り換えで、サムネイルサイズが変わってしまったときに使えます。

ぜひ。

元々アップロードされていた画像サイズが小さすぎると、サムネイルを再作成しても画像が拡大されないため、うまくリサイズできないようです。
元の画像がテーマの指定サイズを満たしているかどうか確認してみてください。

サムネイルの再生成をしたあとは、プラグインを停止または削除してしまって大丈夫です◎

HPで使用しているMinimal WPのテーマ「Juliet」

最後に、リニューアル中のホームページで使用しているテーマMinimal WPの「Juliet」を紹介しておきます。

シンプルなデザインほど、スタイリッシュに見せるのは難しいですが、Minmal JPのテーマはどれもシンプルでありながら洗練されたデザイン。

[su_list icon=”icon: check” icon_color=”#f1a5c7″]
  • シンプルなデザインが好きなひと
  • ホームページとブログ一体型のサイトを作りたいひと
  • ファッション系や、写真で魅せたいデザイン系・作品系のジャンルのひと
[/su_list]

にはとっても相性がいいと思います。

簡単設定でそれっぽいサイトがちゃちゃっと作れてしまうので、初心者さん向けでもありますね。

Minimal WP juliet

Juliet (レスポンシブデザイン対応) – シンプルでおしゃれなWordPressテーマ

無料ブログからWordpressへの乗り換えや、新しくHPの立ち上げたいを考えている人は、テーマ候補のひとつにしてみてはいかがでしょうか?

[sp] [ad#co-2] [/sp]
サムネイルをリサイズ
最新情報をチェックしよう!