ネットと副業

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

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

投稿日:

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

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

 

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

 

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

 

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

-

執筆者:

関連記事

no image

〈アメブロ〉記事の最後に毎回同じ文を入れる方法〜初心者も安心〜

  お店のブログ担当をしてると、記事を書いてから、毎回毎回一番下にお店宣伝用のホームページリンクをはったり、メッセージを載せたりすると思います。 でも、毎回同じ内容を入力するのメンドウくさいですよね。 …

no image

《iPhone》インスタアップにも効果的!カメラアプリのオススメ《ProCamera》

スマホカメラ撮影上手ってわけでもないんですが、いちおう写真には気を使ってます。 「私は写真を撮るのがうまい」という意味ではございませぬ(σ´・(ェ)・) iPhone純正のカメラでも、自動的にうま〜く …

恐怖…LacieのHDDが認識しない…ケース入れかえたら…

Laceiの外付けHDDを使っております。 これです。2TBのやつ。 2001年宇宙の旅のモノリスみたいな見た目で気に入っております。 超大事なデータが入っておるのですが、数日ぶりに使おうとおもたら認 …

no image

FTPのパッシブとアクティブの違い

あひるちゃん、不調です… FTPクライアントは無料のCyberduckを好んで使用しております。 https://cyberduck.io/index.ja.html?l=ja FTPの設 …

no image

《iPhone買い替え》その4 〜事前準備 ゲームアプリのバックアップGameCenter〜

iPhone買い換え前の事前準備だけで、疲れてきました(;´Д⊂)フゥ〜 ゲームアプリをバックアップします。 ゲームについては、わたくし、無課金ライトユーザーなのですが、BoomBeachだけずっとや …