ネットと副業

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

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

投稿日:

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

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

 

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

 

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

 

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

-

執筆者:

関連記事

no image

Googleの新サービスアプリInboxダウンロードしてみたら使えんかった

  普段、Macbookもって、iPadもって、iPhoneつかって、会社ではiMacでて、すっかりapple信者みたいに思われがちですが、どちらかというとappleよりGoogle先生を崇拝していま …

no image

【Instagram】複数アカウントを同時管理してアップロードもしたい!

  すげーいろいろ探しました。 アカウントをいちいち切り替えずにインスタ管理したい! Instagram、個人アカと仕事アカの複数使いたんです。複数アカウントはメールアドレスさえあれば取得可能なのです …

引きこもりの問題を解決したい。気持ちだけ…

AbemaTVの平日夜のアベマプライムという報道番組、久しぶりに観ておりましたら、引きこもり問題について特集しておりました。 私も過去、会社に行くのが嫌になって会社を辞めて自宅にじっとしていたことがあ …

no image

《Instagram》iPhoneでインスタの自分の投稿をアメブロにはりつけたい。アメブロアプリ使用

「いい写真撮れたな〜。やっぱ自分、才能あるな〜」 Instagramには、そんな気にさせる魔力があります(ー_ー) せっかくいい写真撮れても、フォロワー数が少ないと見てくれる人も少ないですから悲しいも …

no image

MAC OSX10.6 SnowLeopardを今さら購入しました〈SnowLeopard購入編〉

MAC OSX10.6 SnowLeopardを今さら購入しました〈前置き編〉 – ねたブログ MAC OSX10.6 SnowLeopardを今さら購入しました〈前置き編〉 &#8211 …