【ブログ初心者】cocoonトップページのサムネイル画像を揃える方法!プラグインを有効活用しよう

LIFE

こんにちは、Hisashiです。

ブログを更新していて

あれ?サムネイル画像の大きさがバラバラだ…

なんてことはありませんか?

画像の大きさがバラバラだと見栄えが悪いですし、見づらくなります。

僕もブログを更新していて同じような悩みがありました。

今回はcocoonトップページで画像の大きさを揃える簡単な方法を画像付きで紹介したいと思います。

大体所要5分程度で出来ますよ。

それではいきましょう。

プラグイン『Regenerate Thumbnails』を利用しよう!

今回はプラグイン『Regenerate Thumbnails』を利用して画像を揃えてみます。

①左側のダッシュボードから「プラグイン」→「新規追加」を選択します。

②右上の検索欄に『Regenerate Thumbnails』と入力して、上の画像と同じような緑アイコンのプラグインを表示させてください。

③『Regenerate Thumbnails』が表示できたら、「今すぐインストール」→「有効化」をクリックして使用できる状態にしましょう。

画像を再生成しよう!

それでは早速プラグインを利用して、画像を再生成してみましょう。

①左側ダッシュボードの「ツール」から『Regenerate Thumbnails』を選択します。

  ここに表示されていない場合は有効化をクリックされていないかも知れません。

②上画像の赤ラインのボタン「Regenerate Thumbnails For All ○○ Attachments」をクリックします。

ボタン「Regenerate Thumbnails For All ○○ Attachments」クリックすると画像の再生成が始まります。

作業時間は画像の数によると思われますが、僕の場合は大体3~5分程度でした。

上の進行バー(赤ライン)の部分が右端まで行ったら画像生成は完了です。

トップページを確認しよう!

画像の再生成が終わったら実際にトップページを開いてサムネイルを確認しましょう。

今回はこのサイトを参考例として画像の再生成が出来ているか確認してみます。

Before

上2つと下2つのサムネイルの形と大きさがバラバラですね。

人気記事の方も最後の1つだけ大きいです。

After

それではプラグインを使用した後のサムネイルを見てみましょう。

投稿欄はバッチリです。

人気記事の方もちゃんと揃っていますね。

画像の大きさが揃っていると記事1つ1つにまとまりがあってとても見やすくなります。

まとめ

トップページのサムネイルの大きさがバラバラの時はプラグイン『Regenerate Thumbnails』を利用して画像の再生成を行いましょう。

とても簡単に短時間で出来ますよ。

投稿欄の「カラム数」を変更したり、インデックスのカードタイプを「縦型カード」「タイルカード」に変更した場合は画像の再生成が必要です。

サムネイルを揃えて見栄えを良くしましょう!

それでは、このへんで。

LIFE
Hisashiをフォローする
この記事を書いた人
Hisashi

主にゲーム、筋トレ、読書を愛する20代サラリーマンブロガーです。

2020年5月より「HisashiGames」を運営中。

このブログでは新作のゲーム情報やレビュー、おすすめの筋トレアイテムや効率の良い筋トレ方法、ビジネス書の書評など実生活を通して得たおすすめ情報を幅広く紹介していきます。

読んでいただいた方の『生活がより楽しくなる』をモットーに更新していきますので是非見ていってください。

Hisashiをフォローする
Hisashi Games

コメント

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