Wordpress(ワードプレス)でホームページを作りたい、カスタムしたいという人のためのサイトです。

投稿の最初の画像をサムネイルとして表示させる方法

TOP > カスタム方法 > 投稿の最初の画像をサムネイルとして表示させる方法

WordPressではアイキャッチ画像という便利な機能があるので、そこに画像を設定さえしておけばサムネイルの制御はらくちんなわけですが、他のブログからの引っ越しでWordPressにやってきたりした場合にめんどうなのが、アイキャッチ画像を一つづつ適用させていく作業です。
記事数が少なければそこまで面倒ではないものの、記事数がいっぱいあると気が滅入る作業です。

そんな時に便利なのが、この方法です。

投稿の最初の画像をサムネイルとして表示させて対応する

アイキャッチを設定するのが面倒なので、アイキャッチの代わりに記事の最初の画像を自動で取得して、サムネイルとして利用すればいいじゃんっていう感じです。
この場合だと、テンプレート側の変更だけで、あとはWordPress側でよくしてくれるので、その感じで対応しちゃいましょう。

実際のコードがこちら

まずは設定をfunctions.phpに追記します。
コードは以下のような形です。

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$first_img = $matches[1][0];

if(empty($first_img)){ //Defines a default image
$first_img = ""/images/default.jpg"";
}
return $first_img;
}

functions.phpは変更する時に間違うと管理画面すら見えなくなるという危険な仕様があるので、作業には気を使いましょう。要バックアップ。これが大事。

あとは、各テンプレートに以下のコードを挿入して呼び出すだけ。うん、簡単。

テンプレートの変更が面倒っていう人はプラグインで対応もありかも

コードで対応するのはしんどいなー怖いなーっていう人は、「Auto Post Thumbnail」っていうプラグインで対応するっていう方法もありです。
このプラグインは、各記事にある先頭の画像を自動で取得して、アイキャッチ画像として登録してくれる優れものプラグインです。
アイキャッチを使用して運用したい場合はこっちの方がいいかも。
ようなタイミングと内容次第ですね。
参考になったらうれしいです。


« »

ABOUT THE AUTHOR

こしもあんず
こしもあんず

Wordpressをカスタマイズすることが好きなギーク女子です。
好きなエディタはSublimetext2です。
Google+やってるので、よろしくです。
デザインは好きですが、PHPはあまり得意ではないのでその辺ご容赦くださいね。


Twitterはこちら
https://twitter.com/wordpresscusto1

人気記事

ad