ワードプレス(WordPress)

WordPressの投稿一覧でサムネール画像を表示するには「アイキャッチ画像」を投稿ごとに設定しましょう

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

dfsmimg200.jpgWordPress(ワードプレス)など作られているブログ記事の一覧ではサムネール画像が表示されたほうがわかりやすいですね。サムネール画像のことをワードプレスではアイキャッチ画像という表現をしています。
投稿画面ごとにアイキャッチ画像を設定する欄があるのですが、ちょっとわかりにくため設定を忘れたり、そもそもそんな設定をしらなかったりすることが多いです。サムネール画像があるのとないのでとはブログ一覧のページの印象がぜんぜん違うので、ぜひとも設定しましょう。

サムネール(アイキャッチ)画像の有無で印象はこれだけ違います

smnasikaraarihe640.jpg

上記の画像は同じワードプレスのテーマ(Lightning)で構築されているブログの記事一覧ページの比較です。

左がサムネール画像無し、右がサムネール画像ありですが、サムネール画像のありと無しではイメージが全然違いますね。

なので、ぜひともサムネール画像を表示するようにしましょう。

サムネール(アイキャッチ)画像を設定する方法

サムネール画像を表示する方法はいくつかあります。

1.投稿ごとにアイキャッチ画像を設定する
2.アイキャッチ画像を設定していない場合は特定の画像を表示するよう設定する
3.アイキャッチ画像を一括で表示するプラグインを使う

の3つあります。

それぞれについて説明します。

1.投稿ごとにアイキャッチ画像を設定する

投稿画面の右下に「アイキャッチ画像」という欄があります。この欄で表示したい画像を選択すればOKです。設定ができると以下のような表示になります。

smgazousetteihamigisita640.jpg

2.アイキャッチ画像を設定していない場合は特定の画像を表示するよう設定する

使用しているワードプレスのテーマによっては、アイキャッチ画像を設定されていない投稿に関して、特定の画像を表示するような設定ができます。もし、アイキャッチ画像の設定を忘れてもアイキャッチ画像が空白になることがないので便利ですね。

Lightning(ライトニング)というテーマでは「デフォルトサムネール画像」という設定をしておくと自動的にアイキャッチ画像が設定されます。管理画面(ダッシュボード)左下のほうにある「ExUnit」の設定一覧の中にあります。

dfsmimg640.jpg

3.アイキャッチ画像を一括で表示するプラグインを使う

ワードプレスの標準のテーマにはLightningのようにサムネール画像の自動設定機能はありません。そこで、アイキャッチ画像を設定するプラグインを利用します。

「XO Featured Image Tools」というプラグインが便利です。

まずプラグインをインストールして有効化します。

「XO Featured Image Tools」の作者は日本人なので、解説が日本語でわかりやすいのがうれしいです。プラグイン新規追加の画面で「XO Featured Image Tools」と検索しても表示されませんでしたが、「Featured Image Tools」だと表示されました。

XO Featured Image Tools
投稿の画像からアイキャッチ画像を自動生成します。

featuredImagetools.jpg

このプラグインの詳細は、
WordPressのアイキャッチ画像を一括で設定できる日本語プラグインは「XO Featured Image Tools」
にて説明していますので、興味ある方はご覧になってみてください。