[WordPress]一覧ページに記事の中の一番最初にある画像を表示させたいとき

公開日: : Wordpress

Wordpress

タイトル通り、投稿一覧ページなどで
サムネイル写真を表示させたいとき、
投稿記事中の一番上の画象を表示させる方法。

簡単にメモですが。

function.phpに、以下を追加。

function catch_that_image() {

global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/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;
}


そして、設置したい箇所に
以下のコードを追加。

<img src="<?php echo catch_that_image(); ?>" />


これだけです。

ad

関連記事

Wordpress

[WordPress]カスタムフィールドに設定したカテゴリの投稿一覧を固定ページに表示させたい時。

固定ページに投稿一覧を表示させたい。 カテゴリナIDをカスタムフィールドに登録して、

記事を読む

Wordpress

WordPressのカスタム投稿タイプで記事一覧を表示させる

カスタム投稿タイプの記事一覧を表示したい時のコードをメモ。 サムネイル付きで。

記事を読む

Wordpress

覚えておきたいWordPressのリセットまとめ

get_postsに対してのリセットに少々手間取っていたら、これで一発でした(苦笑)。

記事を読む

Wordpress

WordPressの条件分岐でカスタム投稿タイプを判断する時

用語集をカスタム投稿タイプで作りました。 その時にサイドバーを条件分岐によって変更

記事を読む

Wordpress

WordPressでトップページだけが表示されない時

いつかはしなきゃ... と思っていたサーバーの引っ越し。 今週ついに引っ越しまし

記事を読む

Wordpress

[WordPress]サイドを追尾させるプラグイン『Standard Widget Extensions』が簡単でかなり使いやすい。

以前プラグインを使わず、 サイドバーを有効活用する一番いい方法として、 サイドを活用させ

記事を読む

Wordpress

WordPressでタイトルにページ数をつける

カテゴリページでページ送りをした場合、 同じタイトルのページがたくさんできてしまうので

記事を読む

Wordpress

WordPressのカスタム投稿タイプ記事一覧ページで最新の投稿だけ表示内容やCSSを変える方法

カスタム投稿タイプの記事一覧ページで、 最新投稿記事のみ表示の方法を変えたかったので

記事を読む

Wordpress

[WordPress]サムネイル(アイキャッチ)画像の幅と高さを指定せずに一覧表示させる方法

Wordpressでレスポンシブサイトを作成する時に ネックとなるのがサムネイル(アイ

記事を読む

Wordpress

[WordPress]非推奨のquery_postsじゃなくて、get_posts()で投稿一覧をアイキャッチ付きで表示させる方法

タイトルのとおりです。 query_postsはあまり使わないほうがいいみたいなので

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PAGE TOP ↑