WordPressブログのアイキャッチ画像(サムネイル)の作り方

WordPressブログのアイキャッチ画像(サムネイル)の作り方

WordPressでブログの記事を公開する時に、アイキャッチ画像(サムネイル画像)を設定できます。

アイキャッチ画像は、訪問者にとって、最初に目にする画像になりますので、そのアイキャッチ画像で目を引けたら記事を読んでくれるといっても過言ではありません。

もちろんタイトルも重要ですが、同様にアイキャッチもアクセス数を上げるために重要な項目の一つになります。

今回は、アイキャッチ画像の作り方と設定の仕方を詳しく解説していきます。

 

アイキャッチ画像とはなにか

僕のサイトのMutakkoのブログでは、LION MEDIAを使用していますが、LION MEDIAのアイキャッチは以下のように使用されています。

記事のサムネイルとしてアイキャッチ画像が使用されます。

 

アイキャッチ画像の作り方

アイキャッチ画像の作り方は人それぞれで、いくつも作り方はあります。

その中からPhotoshopで作る方法を紹介します。

アイキャッチ画像(サムネイル画像)の元となる写真や画像は無料でダウンロードできるサイトから貰ってきたことを前提に進めていきます。

写真や画像を無料でダウンロードできるサイトは以下を参考にして下さい。

Photoshopで作る方法

僕は「Adobe Photoshop CS5」を使っていますので、それで説明します。

完成はこんな感じになります。

 

Adobe Photoshop CS5を立ち上げて、写真を開きます。

写真を開いたら、「T」のアイコンをクリックして文字を書きます。

 

文字を書きました。ここでは「アクセス解析の方法」にします。

 

次に文字の色を「赤」から「白」に変えてみます。

 

文字色が白に変わりました。

 

文字に境界線を付けてきます。文字の横をダブルクリックします。

 

レイヤースタイルで「境界線」にチェックを入れます。

サイズやカラーを選択します。

 

境界線を描けました。

 

最後に保存します。

「ファイル」→「Webおよびデバイス用に保存」を選びます。

 

プリセットで「PNG-24」を選びました。

最後に「保存」をクリックして、好きな場所に保存して下さい。

 

今回は、無料でダウンロードしてきた写真に文字を入れてみました。

文字を入れずにそのままでも構いません。

 

アイキャッチ画像の設定

WordPressの「アイキャッチ画像を設定」をクリックして先ほどの画像をアップします。

以下にもアイキャッチ画像の設定方法を解説しています。

 

まとめ

これでアイキャッチ画像の設定は完了しました。

ブログには、必ずと言っていいほどアイキャッチ画像(サムネイル画像)を設定します。

記事の内容とマッチする画像をアイキャッチ画像として登録して下さい。

 

この記事が気に入ったら
いいね ! しよう

WordPressカテゴリの最新記事