サムネイルの画像がガタガタ。サイズを統一するには再生成!

Cocoon

インデックスの画像サイズがバラバラになった時の対処法。

Cocoonのカテゴリーを選択した時でますよね。

 

これを見てください。

 

画像サイズがバラバラなのか?左右で並べてみた時に美しくないですよね。

なぜこうなるかは、いくつかパターンがあるみたい。

 

前のテーマからCocoonに替えた

カラム幅を変更した

他にも原因はあるかもしれません。

 

自分の場合はカラム幅を変更したのが原因だと思います。

 

カラム幅とは?

⇒⇒⇒Cocoon設定「カラム」でメインとサイドバーの横幅を調整しよう!

 

 

原因はなんであれとにかく、この画像サイズを統一しましょう!

 

スポンサーリンク

「Regenerate Thumbnails」を有効化

「Regenerate Thumbnails」というプラグインを利用します。

このプラグインは画像を再生成して最適化します。

簡単にいうときれいに統一してくれます。

 

プラグインの有効化の方法はこちら

⇒⇒⇒プラグインのインストールと有効化の方法

 

 

「Regenerate Thumbnails」の設定

「Regenerate Thumbnails」が有効化されましたら設定をしていきます。

【ツール】→【Regenerate Thumbnails】

 

 

上の青いやつをクリックしてください。

 

すると再生成の処理が始まります。

左から棒がのびていって、最後までいけば終了です(自分は終わりだときがつかずに5分まちました)

 

 

最初の画面をみてみます。

 

きれいに統一されました!

みなさんも、サムネイル画像がガタガタなら一度行ってみてください。

 

「Regenerate Thumbnails」の注意点

  • 画像が多いと時間があかるかもしれません。
  • 途中で作業をしない方が良いそうです。
  • 念の為、バックアップをとってから処理をしてください。

 

 

タイトルとURLをコピーしました