Simplicityで記事にアイキャッチ画像を設定・表示する方法

この記事は約4分で読めます。

eye

 

わたしは、ブログを始めるまで「アイキャッチ画像」という言葉自体を知らなかったので、この言葉を調べたり、表示のさせ方に辿り着くまでが大変でした(^_^;

 

アイキャッチ画像とは、記事の見出しに表示されているこの部分のことです。

 

アイキャッチ画像説明

 

これを設定することによって、記事の内容がイメージしやすくなるし、サイトが華やかになります。

 

まだ設定していない方は簡単なのでトライしてみましょう♫

スポンサーリンク

画像を用意する

 

アイキャッチ画像を設定するには、まず設定したい画像を用意する必要があります。

 

「ブログ」「素材」「無料」などと検索すると、ブログに使用可能な無料の画像やイラストを扱っているサイトがたくさん出てきます。

 

中には、メールアドレス登録を求めてきたり、有料の写真を扱っているところもあるので注意しましょう。

 

ダウンロードする前によく説明文を読み、確認しましょう。

 

わたしはいつも、こちらの写真を使用させていただいております。

Attention Required! | Cloudflare

 

自分の記事にピッタリな写真を見つけたら、ダウンロードします。

 

画像をアップロード

 

「投稿一覧」から、アイキャッチ画像を設定したい記事を選択します。

 

*「メディア」からもアイキャッチ画像は設定出来ますが、今後記事を書いた後、そのまますぐにアイキャッチ画像が設定出来た方が便利なので、こちらのやり方で説明します。

 

「編集」をクリック。

編集をクリック

 

編集画面を下にスクロールしていくと、「アイキャッチ画像を設定」とゆう箇所があるので、クリックします。

アイキャッチ画像設定

 

「ファイルをアップロード」をクリックします。

 

*設定したい画像が既にアップロードされている場合は、「メディアライブラリ」を選択してください。

ファイルかメディア  

 

「ファイルを選択」をクリックします。

ファイルを選択

 

先ほどダウンロードした画像を保存したファイルへ行き、画像を選択します。

そうすると、画像が「メディア」に自動的に追加されます。

画像一覧

 

これで、画像の準備は出来ました。

 

「アイキャッチ画像」に設定する

 

続いて、設定したい画像をクリックし、「アイキャッチ画像を設定」をクリックします。

スクリーンショット 2016-02-15 2.47.27 

 

すると、このように表示されます。

確認

 

保存し、「サイトを表示」にて確認してみましょう。

出来上がり

 

きちんと表示されていれば設定は完了です。

 

アイキャッチ画像を記事本文の先頭に表示する

 

もし、記事ごとのアイキャッチ画像を記事の先頭に配置したいときにこの設定をします。

 

設定をすると、このような感じになります。(画像のサイズは変更出来ます)

 

スクリーンショット 2016-02-15 3.06.02

 

設定の仕方はこちら。

 

「カスタマイズ」 → 「レイアウト(投稿・固定ページ)」へ。

スクロールしていき、以下の項目にチェックするだけです。

 

*「キャプション」とは、画像に著作権などが付いている際、撮影した方の名前などを入力すると画像と一緒に自動で表示してくれる機能です。

ここにもチェックを入れておきましょう。

カスタマイズ投稿

 

これで、「保存」すれば、今後記事のアイキャッチ画像が自動で記事の文頭に表示されます。

 

アイキャッチ画像とは異なる画像を表示させたい場合には、チェックを外せばOKです。

 

まとめ

 

アイキャッチ画像があるだけで、名前の通り「目を引く記事」へと大変身します。

 

記事を書いたあとに、イメージとピッタリなアイキャッチ画像を探して設定するのも、とても楽しいですよ!!

 

簡単なので、是非やってみてください(o^^o)

 

この記事を読んでいただき、どうもありがとうございました!!

またお会いしましょう。

コメント

タイトルとURLをコピーしました