アイキャッチ不要!新着一覧などに投稿の最初の画像を取得してサムネイルにする方法

About WordPress

通常、WordPress で運営するブログやサイトは、トップページなどで表示される新着一覧に表示される画像はアイキャッチ画像が利用されます。

しかし、あまり知識がなかったり、片手間でホームページ更新をするクライアントだと、アイキャッチなんか煩わしい、下手すれば存在すら忘れてしまうのではないでしょうか。

クライアントワークでは、出来るだけ「やることを少なく」することが大切だと思います。

今回は「投稿最初の画像を自動取得して、それを新着一覧などのサムネイルにする方法」をメモします。

投稿最初の画像を取得してサムネイルとして使う方法

大元になる命令文を記述します

以下を function.pnp へ貼り付けます。

投稿(記事)に一番最初に添付した画像をサムネイルとしてアイキャッチ代わりに使って欲しい・・・という命令文です。

画像が無い時に表示される「No image」画像も用意してください。

HTML への呼出スニペット

HTML へは以下の呼び出しスニペットを使います。

このスニペットは、投稿最初の画像 URL を呼び出すものです。

実際の利用例

例えば通常のループにこんな感じでかまして使います。

<?php echo catch_that_image(); ?> は画像の URL を呼び出すためのスニペットなので、img タグの値(src)に挿入します。

自分好みの CSS でレイアウト整形をして、見た目をよくしてください。

利用例の応用版

特定のカテゴリーだけを表示させるループスニペットとまぜた投稿一覧。

こちらは特定の「カスタム投稿タイプ」だけを表示させるスニペットとまぜた投稿一覧。