【WordPress初期設定】画像のサイズを決定-アイキャッチ画像|アフィリエイトの水先案内

ホームページを制作していくうえで、「画像」は非常に重要な役割を持っています。

画像に関しても大きさなどをしっかり決めておくことで、後々の作業が楽になりますので、新しくホームページを開設したらしっかりと設定するようにしましょう。

この記事で伝えたいこと
  • WordPressでは画像や動画を「メディア」と表現する
  • メディアの設定は必ずサイトを作成する前に設定する
  • メディアサイズには「大サイズ」「中サイズ」「サムネイルサイズ」の3サイズがある

ホームページでは画像を多用する

ホームページには、コンテンツの中の写真やサイトのロゴ、ヘッダーのタイトル画像、背景に使うイラストなどと非常に多くの「写真」や「イラスト」が使用されております。

画像は文字よりも何かを訴追する能力が高い、と言われております。

文字は読まないと何が書いてあるかわかりませんが、画像はパっとみて何が書かれているのかわかる、ということが非常に優れている点だといえるでしょう。

WordPressの世界では、写真やイラストなどの画像を「メディア」と呼びます。また、動画もメディアと呼びますのでごちゃごちゃにならないようにしてください。

そのため、ここからは写真やイラスト、動画のことを「メディア」と呼んでいきますので、メディアという言葉が出てきたら画像や動画のことだな、と理解するようにしてください。

テラステラス

画像があると記事が読まれる確率が20%UPするらしい・・・?

メディアの設定は必ず初めに

ここからはメディアの設定について解説していきます。

実はメディアの設定の変更はいつでも行うことができます。

しかし、途中でメディアの設定を変更した場合、変更するよりも前に掲載したメディアたち(写真やイラストなど)については、変更した設定が適用されません。

そのため、メディアの設定は写真やイラストを掲載する前、つまりまだホームページを立ち上げて間もないころに行う必要があります。

もしも、すでに写真やイラストを掲載している場合で、メディアの設定を変更した場合、新たに設定したメディア設定の内容を反映させる場合は再度アップロードが必要となります。

テラステラス

先に設定しないと、後からすべての設定を変更する羽目になります

3種類のメディアサイズ

実はメディア設定で設定することができるメディアのサイズは3種類あります。

それぞれのサイズに役割がありますので、ここでしっかりと覚えておきましょう。

サムネイルのサイズ

3種類のサイズの中で最も小さいサイズがサムネイルのサイズです。

check!※サムネイルとは
サムネイル(thumbnail)とは、画像やイラストを縮小して表示したものを指します。ファイルやフォルダを開かなくてもわかるように設定された画像を指す場合もあります。

サムネイルサイズの画像を用いるときは少ないですが、リンクカードに表示されるときはサムネイル画像が表示されています。

check!※リンクカードとは
ブログカードともいわれる画像+文章でクリックするとリンクできるもの。下記のようなやつです。

WordPressをインストールしたら必ず行うべき初期設定7選

ここで使用されている画像がサムネイルサイズの画像となります。

中サイズの画像

3種類のサイズの中(なか)で中くらいのサイズが中サイズです。

画像のサイズとしては中途半端ですが、文章に回り込んで使用する場合に活躍します。

分かりにくいと思いますので、下図をご覧ください。

回り込み|アフィリエイトの水先案内

私が適当に作成した文章ですので、文章を読む必要はありません。暇で暇で仕方がない、という方でも読む必要はありません

中サイズの画像は、文章に回り込ませて表示する際に、非常に適したサイズとなっております。

作成するサイトの横幅に応じて自由に変更するとよいでしょう。

大サイズの画像

3種類のサイズの一番大きなサイズの画像を表示できるのが大サイズです。

昨今のサイトはサイト自体の横幅も大きくなったことや、スマートフォンに対応しなければならないことから、画像を大きく表示することができる大サイズの利用が増えています。

よほどのことがない限り、この大サイズを選ぶことが多いでしょう。

また、作成した画像のサイズが大サイズよりも小さかった場合、フルサイズが自動的に設定されます。

画像が引き延ばされて見づらくなる、という心配もありませんので、改めて大サイズの画像サイズを設定する必要はありません。

ウカブウカブ

よく使うのは大サイズなんだね~。

メディア設定を行う

まずはサイドバーの「設定」から赤枠部分「メディア」をクリック。

メディア設定1|アフィリエイトの水先案内

画像の最大サイズをそれぞれ入力します。ちなみに単位は「px(ピクセル)」です。

メディア設定2|アフィリエイトの水先案内

サムネイルとは画像を縮小して表示したものです。ですのでサムネイルにあまり大きなサイズを指定してはいけません。

最後に変更を保存しましょう。

メディア設定3|アフィリエイトの水先案内

私はサムネイルが「150px」、中サイズが「300px」、大サイズが「1024px」サイズで活用しております。

ウカブウカブ

以上で完了です。お疲れさまでした!

まとめ

メディアの設定はパーマリンクの設定などと比べると、忘れがちです。

しかしながら「画像」のもつ効果は絶大です。メディア設定もしっかりと忘れずに行うことで、良質なホームページを作ることができるでしょう。

それでは今回のまとめです。

今回のまとめ

  • 画像やイラスト、動画のことをまとめてWordPressでは「メディア」と表現する。
  • メディアには3種類のサイズがあるが、基本的に大サイズを選択しておけば間違いはない。