ネットと副業

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

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

投稿日:

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

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

 

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

 

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

 

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

-

執筆者:

関連記事

自分の能力以上のものを発揮する簡単な方法

ある将軍についての逸話があります。 その将軍は戦場で、圧倒的な数に勝る敵軍と対峙し戦わなければなりませんでした。 どう考えても自分の軍の兵士の数に対して、敵の数は数倍はあり勝てる見込みはありません。 …

no image

《iPhone買い替え》その1 〜事前準備 バックアップが必要なアプリを想う〜

iPhone5cというiPhoneの中でも超不人気機種を、かれこれ3年近くつかっております。朝、充電をフルにしても、夕方までもたなくなっておりますということでいいかげんiPhoneを買い換えます( ̄^ …

no image

《なんだこれ、おい!》Yosemiteが激重!! そしてプレビューが落ちる。

いまさらながら、会社のMacOSをYosemiteにアップグレードしたわけなんです。 が!! なんだか激重!! しかもプレビューを開くと、画像を開いた瞬間に即落ち!開きたかい画像が、特大サイズのtif …

1年後の100万円の価値を考えてみる

いきなりですが、問題です。 Q.あなたの友人が「100万円を貸して欲しい。1年後にちゃんと返すし利子もつけて105万円にして返すから!」とお願いしてきました。あなたは100万円を貸しますか? &nbs …

no image

Photoshopのレイヤーをそれぞれ個別ファイルに保存する方法&ファイル名の指定

Photoshopで、レイヤーを別々のファイルにしたい。そんなとき、Photoshopには、そんな願いを叶える素敵機能がついてますよ♥ ※Photoshpのバージョン、CC15.0で作業しています。 …