【STREETIST】アイキャッチ(サムネイル)を設定する方法

「【STREETIST】アイキャッチ(サムネイル)を設定する方法」のアイキャッチ画像

今回は、WordPressテーマSTREETISTでアイキャッチ(サムネイル)を設定する方法を解説します。

記事にアイキャッチを設定すると、以下の画像のように記事上や記事一覧に画像が表示されます。

※記事上のアイキャッチは非表示に設定することも可能です。

タイトル下に表示されるアイキャッチ

記事一覧に表示されるサムネイル

アイキャッチ画像の推奨サイズ

アイキャッチはコンテンツ幅800pxで表示されます。

iMacのようなRetinaディスプレイのPCでも綺麗に表示させたいなら1600pxの横幅で、縦は好きなサイズで設定してください。

サイトの表示速度を重視させるなら、800pxで設定してもいいでしょう。

画質を重視する場合の画像サイズ例

  • 1600px × 900px(16:9)
  • 1600px × 837px(SNSのアイキャッチによく使われる比率)

表示速度を重視する場合の画像サイズ

  • 800px × 450px(16:9)
  • 800px ×418px(SNSのアイキャッチによく使われる比率)

アイキャッチ(サムネイル)を設定する方法

アイキャッチを設定する項目は、記事投稿画面の右サイドバーにあります。

新エディター(ブロックエディター)と旧エディターでは表示のされ方が多少異なります。

ブロックエディターのアイキャッチ設定

クラシックエディターのアイキャッチ設定

「アイキャッチ画像を設定」をクリックすると、画像アップロード画面になります。

そこへ画像をドロップすると、画像がアップロードされてアイキャッチが設定できます。

画像をアップできたら、画像のプレビューと細かい設定が出てきます。

アイキャッチの代替テキストはテーマ側で自動で挿入されるので、ここでは特に設定しなくても大丈夫です。

画像がアップできたら、「アイキャッチ画像を設定」をクリックして完了です。