Diverの基本設定がきっかけ。「メイン設定」の記事一覧サムネイルサイズで気づいた最適な画像サイズ

Diver（ダイバー）の基本設定で「メインの設定」を見直していたら、前から気になっていた、Diverに最適な画像サイズが見えてきました。

Diverの記事一覧サムネイルがぼやける時の対処法や、Diverで必要となる画像をDiverのデフォルトの環境下で考察しています。

カスタマイズの自由度が高いだけあって、これが絶対に正解っというものがないのが高機能なワードプレスのテーマならではの悩みです。

クルミ

Diverのメディア設定にあれこれ悩んでようやく決めました。

Diver（ダイバー）の基本設定でできること一覧

Diverのオプション設定では基本設定の中ででは記事一覧やサムネイルの設定など、トップページを表示する際のサイト全体の見え方を「メイン設定」で設定することができます。

チェックボックスがある項目は全てにチェックしておきます。

このメイン設定で注意すべき項目は記事一覧サムネイルサイズです。

記事一覧サムネイルサイズの設定方法

記事一覧サムネイルサイズとはどの部分の設定なのかというとサイト（ブログ）のトップページで表示される記事の画像の事です。（青枠の部分）

Diverではデフォルトで中サイズが設定されていますが、ワードプレスのメディア設定によっては中サイズだとぼやけることがあります。

もしぼやけてしまった場合は大サイズを設定するか、ワードプレスのメディア設定を設定し直してみてください。

Diverの画像サイズをワードプレスのメディア設定から見直す方法

画像のサイズはワードプレスのメディア設定で指定したサイズが反映されます。

残念ながら、すでにアップロードされた画像には設定が反映されないので、そういった場合はプラグインで対応できます。

デフォルトのDiverで画像がキレイに見えるサイズの考察

Diverで画像を設定する時に、どのサイズを用意したらよいのか分からなくなってきました。

なので記事を書く時、ブログを表示する時に必要になる箇所から必要なサイズを考察してみると、アイキャッチの画像、記事中の画像、記事一覧のサムネイル画像が必要になるかと思います。

アイキャッチ画像

まず、絶対に必要になるアイキャッチ画像です。

Diverはデフォルトの設定では、メインブログのカラムの幅は1200pxです。

Diverでは、アイキャッチの幅が足りなければ余白を埋めたりできますが、ピッタリおさめるのなら1200pxです。

記事中の画像（挿入画像）

記事の装飾となる画像はDiverはメインブログのカラム（幅）のサイズが1200pxとなっています。

デフォルトではサイドバーが含まれているので、サイドバーを引くと1200-310＝890pxです。

記事中の画像は890px以上を設定してもブログの動作が重くなるだけなのでこれ以上大きい画像は不要になってきます。

記事一覧サムネイルの画像

記事一覧サムネイルの画像は、トップページで記事をグリッド表示する時に必要となる画像サイズです。

Diverは記事を1～3カラムに分けてグリッド表示させることができます。

2つ並んで表示させるとなる890（記事挿入画像）÷2＝445px。

私は余裕を持っておきいので500pxにしておこうと思います。

Diverのデフォルトの環境下で必要になる画像サイズ一覧

Diver（ダイバー）のデフォルトでブログ運営をする時に必要となる画像はこのサイズが必要になると思われます。

Diverは色んな機能がついているため、特にスマートフォンなどのモバイル端末では、ブログの表示の遅さがデメリットになります。

しかし、こういった適切な画像を配置していけば少しはブログの重さも軽減さるかもしれません。

あくまでも私のブログの環境下なので、不要な画像を作りたくない場合は0にしておけばワードプレスで画像が作られることはありません。

カスタマイズが楽しいワードプレスのテーマDiver（ダイバー）でもあるので、自分のブログの最適な画像サイズを探してみてください。

クルミ

ずっと悩んでいたので見直して良かったです。

Diverカスタマイズ

ファーストビューの画像設定もDiverのファーストビューの画像設定で最適な画像サイズや設定の考察

Diver（ダイバー）のファーストビューは好きな画像を設定することができます。 しかし、画像がうまい具合に表示されず設定に苦戦。 狙った場所にイメージ通りに表示されないのであれこれ試行錯誤してDiverのファストビューの画像をサイズ調整して設定してみました。 当ブログの画像サイズと設定が知りたい方は...

Diverカスタマイズ

ファーストビューの画像設定もDiverのファーストビューの設定が楽しい。ブログ運営初めてでも見栄えの良いブログが簡単に作れる件

私が使っているDiver（ダイバー）は素材がなくてもテンプレートをはめ込むだけで美しい、立派なブログができあがるのですごいです！ ブログに訪れた時、最初に目にするファーストビューですが、おしゃれでデザイン的に印象が良いブログは読者の心をグッ掴む重要な要素です。 Diverはコード不要で初心者でも扱い...

サーバー契約をするとワードプレスの有料テーマ「Diver」がお得に買えます。

ロリポップ×Diver

特別価格１７,９８０円 → １２,９８０円

お名前.com×Diver

特別価格１７,９８０円 → １5,１８０円　

さらに独自ドメインと同時申込みで、ドメインの初年度登録料が実質0円でお得。

エックスサーバー×お友達紹介

エックスサーバーなら友達紹介でお得

友達紹介プログラムでエックスサーバーを契約すると12か月契約で5,000OFF。

契約期間に応じて最大1万円OFF

下記のボタンからエックスサーバーを契約するとお友達紹介プログラムが適用され、契約料金が割引きされます。

エックスサーバーのキャンペーン（不定期）と併用するとさらにお得です。

テーマを安く購入するよりもサーバー契約でお得にDIVERを始められます。