[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

関連記事

jQuery

WordPressでjQueryを導入する際のスクリプト書き方。どうしても動かない時は、多分これが原因。

今更に違いないですが.. wordpressでスクリプトのコードを書くときは

記事を読む

Wordpress

WordPressのタグアーカイブページで、現在のタグスラッグを取得する方法

Wordpressで、 タグアーカイブページに 条件分岐をいれたくて必要でした。

記事を読む

Wordpress

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

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

記事を読む

Wordpress

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

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

記事を読む

Wordpress

WordPressのカスタム投稿タイプで、ディスクリプションを記事ごとに変更する方法

カスタム投稿タイプで用語集のサイトを作成した際、 記事ごとにタイトルだけでなく、 デ

記事を読む

RSS

RSSフィードをサイト内に表示サムネイル付きで表示させる時。表示されない時の注意点も。

外部サイトの更新を自分のサイト内に サムネイル付きで表示させたい時。 ちょっとつ

記事を読む

Wordpress

WordPressのアーカイブページに指定したタイトル画像を表示

カテゴリ一覧ページや 月ごとのアーカイブページの上に タイトル画像をそれぞれいれたい

記事を読む

Wordpress

WordPressで、はてなボタンやTwitterボタンのデザインが 反映されない(変わらない)

最近ソーシャルボタンのデザインをあれこれ試しておりまして。 そうすると、やっぱ

記事を読む

Wordpress

カスタムフィールドの値で投稿や固定ページを一覧表示する!

タイトル通り、特定のカスタムフィールドがある固定ページを 一覧表示させたかったのですが

記事を読む

Wordpress

WordPressのアーカイブページ(一覧ページ)に手動で「はてな」や「いいね」ボタンを設置する方法

Wordpressにおいて、 手動で「はてなのブックマークボタン」や 「Facebo

記事を読む

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 ↑