投稿原稿の中にある最初の画像を選択する方法

カスタムフィールドに URL を入力しておくとか、最初にアップロードしたファイルのサムネイルを取得、という方法で考えた方が運用上は自然かもしれませんが、投稿内の最初の img 要素を取得し、整形し直した img 要素を出力する関数を作ってみてはいかがでしょうか?

例えば、お使いのテーマの functions.php に以下のコードを追加し、

if ( !function_exists('the_first_image_in_content') ) {
    function the_first_image_in_content($resize=100, $classname='') {
        global $post;

        $resize = intval( str_replace('%', '', $resize) );

        $c = apply_filters( 'the_content', $post->post_content );
        if ( empty($c) ) return;

        $r = array(
            'e' => '/<img([^>]+?)[\s\/]?>/is',
            's' => '/src=([\'"]?)(s?https?:\/\/[-_.!~*\\()a-zA-Z0-9;\/?:\@&=+\$,%#]+\.(?:gif|jpg|jpeg|png))\1/is',
            'a' => '/alt=([\'"]?)([^\1]+?)\1/is',
            't' => '/title=([\'"]?)([^\1]+?)\1/is',
            'w' => '/width=([\'"]?)([0-9]+%?)\1/',
            'h' => '/height=([\'"]?)([0-9]+%?)\1/',
        );
        $m = array( 'e' => array(), 's' => array(), 'a' => array(), 't' => array(), 'w' => array(), 'h' => array() );
        if ( !preg_match_all($r['e'], $c, $m['e'] ) ) return;
        if ( !preg_match( $r['s'], $m['e'][1][0], $m['s'] ) ) return;

        $src = $m['s'][0] . ' ';
        $alt = ( preg_match( $r['a'], $m['e'][1][0], $m['a'] ) ) ? $m['a'][0] . ' ' : '';
        $title = ( preg_match( $r['t'], $m['e'][1][0], $m['t'] ) ) ? $m['t'][0] . ' ' : '';

        if ( preg_match( $r['w'], $m['e'][1][0], $m['w'] ) ) {
            if ( empty($resize) || $resize == 100 ) {
                $width = $m['w'][0] . ' ';
            } elseif ( !preg_match('/^[0-9]+$/', $m['w'][2]) ) {
                $width = 'width="' . $resize . '%" ';
            } else {
                $width = 'width="' . round( (int) $m['w'][2] * $resize / 100 ) . '" ';
            }
        }

        if ( preg_match( $r['h'], $m['e'][1][0], $m['h'] ) ) {
            if ( empty($resize) || $resize == 100 ) {
                $height = $m['h'][0] . ' ';
            } elseif ( !preg_match('/^[0-9]+$/', $m['h'][2]) ) {
                $height = 'height="' . $resize . '%" ';
            } else {
                $height = 'height="' . round( (int) $m['h'][2] * $resize / 100 ) . '" ';
            }
        }

        if ( !empty($classname) ) {
            if ( function_exists('esc_attr') ) { // WP2.8+
                $class = 'class="' . esc_attr($classname) . '" ';
            } else {
                $class = 'class="' . attribute_escape($classname) . '" ';
            }
        } else {
            $class = 'class="first-image" ';
        }

        echo '<img ' . $src . $alt . $title . $width . $height . $class . '/>';
    }
}

検索結果用のテンプレートファイルの該当部分に以下のコードを挿入してみてください。

<?php
if (function_exists('the_first_image_in_content'))
    the_first_image_in_content(30); // 30%
?>

ざっくりとは動作確認していますが、上手くいかなかったらごめんなさい。

> BB7 さん
書き漏らしてしまっていましたが、上に書いた PHP　コードは <?php ?> の中に記述する必要があります。 <?php ?> の外に記述した場合、コードがそのまま出力されてしまいます。

カスタムフィールドを使う場合は、キーが「イラストURL」だとすると

<?php
$src = esc_url( get_post_meta('イラストURL', $post->ID, true) );
echo '<img src="' . $src . '" />';
?>

のような感じですね。ただこの方法の場合、イラストのサイズが一定でない場合は、サイズを指定するのが難しいかもしれません。もう少し運用が楽そうな方法を私の方でも考えてみます。

> BB7 さん
不具合の報告ありがとうございます。
かえってご不便をかけてしまい申し訳ありません。
こちらでも動作を確認してみますね。回答までしばらくお待ちください。

# 追記: yuriko.net さんのところのページネートリンクをテーマに追加した状態で、上記コードの動作確認をしてみましたが、私のテストした環境では BB7 さんが遭遇されたような不具合は確認できませんでした。 (XAMPP1.7.1: Apache2.2.11 x MySQL5.0.11a x PHP5.2.9; x WordPress2.8.1)

申し訳ありませんが、もう一度私が提示した一連のコードをすべて削除した状態で、お使いのテーマが正常に動作しているか確認してみてください (原因がこれだと絞り込むため)。

ちなみに、

・ダッシュボードで下書きをプレビューしようとして「プレビュー」ボタンを押す
・プラグインを複数チェックして「使用する」「停止する」などを選んだとき

という場合には、検索用テンプレートに追加したコードは動作しないはずですし、 functions.php のコードもそれ自体は関数の定義で、その関数が呼び出されるとき以外は何の影響も及ぼさないはずですので、 functions.php へのコードの記述方法が間違っていないかも疑ってみてください (<?php … ?> の外側/前後 に余計な改行や空白が混じっていないか、 BOM なしの UTF-8 で保存しているか、などの基本事項)。

それから、

<?php
if (function_exists('the_first_image_in_content'))
    the_first_image_in_content(30); // 30%
?>

を挿入しているテンプレートファイルの名前をすべて挙げて頂けませんか?

お手数ですが、以上の確認をよろしくお願いします。