ネットと副業

副業が本業の収入を大きく超えたので会社やめました

記事一覧に表示されるアイキャッチ画像を設定する

投稿日:

ここまで、なんやかんやとこのサイトに記事を投稿してきました。

テーマをWordPressデフォルトのTwentySeventeenからStingerに変更してからというもの、記事一覧にNO IMAGEという謎の画像が表示されるようになってしまいました…

 

サイドバーの記事一覧にも…NO IMAGE…

 

これは、記事の投稿画面でアイキャッチというものを設定すると画像が表示されます。NO IMAGEのままではなんともみっともないので、早速設定してみましょう!!

 

投稿画面からアイキャッチ画像を設定する

過去に投稿した記事にアイキャッチを設定してみましょう。
投稿画面の右下の方にあります。

アイキャッチ画像を設定をクリックするとアップロードした画像一覧が登場。
とにもかくにも、なにかしら画像を選択して設定してみましょう。

画像を選んでアイキャッチ画像を設定します。

投稿画面ではこうなります。

変更したいときはアイキャッチ画像を削除をして、画像を設定しなおします。

これでOKであれば記事を更新しましょう。

一覧に画像が表示されます!!

アイキャッチ、アイ-キャッチ(目、つかまえる)というくらいですから、読者の目を引くわかりやすい画像で、記事の内容にあった画像にするといい感じですね。

 

アイキャッチ画像のサイズについて

WordPressのダッシュボードから設定>メディアを開いてみましょう。

WordPress上の画像のサイズ設定一覧がでます。

このサムネイルのサイズという部分が、アイキャッチの画像サイズになります。現在は幅150px高さ150pxです。正方形になってますね。

記事の投稿画面でアイキャッチに画像を設定すると、アイキャッチ用に画像をこのサイズにトリミングして作成してくれます。
トリミング、つまり、画像を切り取って正方形にします。

もともと画像が正方形でできていれば、そのまま縮小されますが、画像が長方形の場合は縦横の長い方が切り取られてしまいます。

今回は、記事の中で使用した画像を選びましたが、アイキャッチ用に画像をつくっても見た目のクオリティがアップしてよいですね!

-

執筆者:

関連記事

iPhoneで動画でスクリーンショットを撮る方法

iPhoneでアプリを操作しているところを動画にしたいのです。 アプリの操作説明を動画にしたり、実際にスマホの操作は動画にした方がわかりやすいですよね。 新しく動画スクリーンショット用のアプリが必要か …

no image

〈はてなブログ〉のmetaを設定するのを忘れてました。

  はてなブログはじめて、機能が豊富であまりの便利さに小躍りしてますが、metaタグを自分で設定しなくちゃいかんのを忘れてました。 “設定”の“詳細設定”から入力できます。 まずdescription …

no image

《電子ブック買う前に》2 電子ブック本体を比較

この内容は2015年11月前後のお話ですのでご理解を(´ω`) 前置き… 《電子ブック買う前に》その1 考えたこと.. – Netablog と、いうわけで、電子ブックを買う前に、まず本体 …

仕事のスピード感もっとあげなければいかん『多動力』

やっぱホリエモンは面白い。 日本放送買収やライブドア事件による逮捕などのイメージで、なんとなくホリエモンのイメージが悪い方もいると思います。でも、それはイメージでしかなく、本当にホリエモンはすごい人で …

ヘンリー・フォードの諦めない気持ち

フォードという自動車メーカーをご存知でしょうか。 フォード社は1903年に、ヘンリー・フォードという人が創業しまし、2017年の売上高は17兆5,000億円で、世界自動車メーカー売上4位のアメリカの大 …