【Affinger5】記事一覧のサムネイル画像の大きさを整える【簡単！】

ブログの見た目のデザインが読者に与える印象は意外に重要です。

読者は、デザインが整っていないとしっくりこないからです。

この無意識の異和感・不快感を感じずにスムーズに見てもらうために

サムネイルのデザインを整えるというのは大事です。

についてご紹介します。

やしゅ

自己紹介です。

Affinger5では、サムネイルの大きさを整えるのは簡単です！

やしゅ

簡単にデザインを整えられるのは、うれしいですよね。

この記事が、みなさんに少しでもお役にたてるとうれしいです。

【ブログのデザイン】無意識の異和感を取り除くことは大切

ブログの最近の記事一覧に表示される画像（サムネイル）の大きさがバラバラだと、その不均一さに無意識に目が行ってしまいます。

やしゅ

大事なのは「記事の内容」です。

でも、見た目で損したくないですよね。

それに、ブログ記事を読む方のことを考えると、デザインの異和感に目が行かないで、記事の方にスムーズに進んでいけたらいいですよね。

私の以前のデザイン

私の以前の記事はこんな感じでした。

画像の縦の長さがバラバラです。

長すぎる画像もあれば、短すぎる画像もあって、バラバラです。

やしゅ

異和感でいっぱいでした。

今回はこの画像の大きさの統一感を出すためにブログのデザインを調整してみました。

【Affinger5】サムネイルのデザインのパターン

最新の記事一覧のところに表示される画像（サムネイル）は、Affinger5では

の中から選ぶことができます。

丸くする

かわいらしい丸型です。

正方形にする

しっくりくる正方形に整いました。

フルサイズにする

わたしが以前に使っていた設定です。

画像の縦の長さが不均一でちぐはぐな印象が強いです。

逆にここを利用して、デザインをよくする方法もあります。

メディア設定にする

「ダッシュボード」→「設定」→「メディア設定」

で指定した画像サイズになります。

やしゅ

私の場合には、「正方形にする」と同じになりました。

設定方法

ダッシュボード「Affinger5管理」　→　「デザイン」　→　「サムネイル画像設定」

の中から選ぶことができます。

やしゅ

わたしは「正方形にする」を選びました。

画像中央が切り出されます。

フルサイズ（やメディア設定）にすると、画像の縦の長さがバラバラになっていましたが、きちんと整った画像が並びました！

やしゅ

ちょっとした設定でデザインが改善します。

さいごに

Affinger5の最新記事のサムネイル画像の大きさのそろえ方について、ご紹介しました。

デザインが優れているということは大切です。

一種の感性というか才能の差がここに現れるのかもしれませんが、初心者の私レベルではどうしようもありません。

でも、逆に異和感がある少しおかしなデザインを、工夫一つでよくすることができる今回の方法は、誰にでもできます。

やしゅ

こんなところをコツコツ改善して異和感がないブログにするのが当面の課題です。

今回の記事が、みなさんに少しでも役に立つとうれしいです。