รับภาพแรกจากเนื้อหาโพสต์ (เช่นภาพที่ลิงก์)

ฉันกำลังใช้รหัสนี้โดยตรงจากCodex

function echo_first_image ($postID)
{                   
    $args = array(
    'numberposts' => 1,
    'order'=> 'ASC',
    'post_mime_type' => 'image',
    'post_parent' => $postID,
    'post_status' => null,
    'post_type' => 'attachment'
    );

    $attachments = get_children( $args );

    //print_r($attachments);

    if ($attachments) {
        foreach($attachments as $attachment) {
            $image_attributes = wp_get_attachment_image_src( $attachment->ID, 'thumbnail' )  ? wp_get_attachment_image_src( $attachment->ID, 'thumbnail' ) : wp_get_attachment_image_src( $attachment->ID, 'full' );

            echo '<img src="'.wp_get_attachment_thumb_url( $attachment->ID ).'" class="current">';

        }
    }
}

ฉันเรียกมันว่าภายในวงแบบนี้ echo_first_image ($post->ID);

ฟังก์ชั่นนี้เรียกใช้ แต่ไม่มีอะไรรับเอาท์พุท ... เท่าที่ฉันเห็นว่าไม่มีสิ่งใดเข้ามา $attachments

ฉันมีภาพในโพสต์ที่ฉันใช้ มันไม่ใช่ภาพเด่นหรือในแกลเลอรี่เพียงแค่โพสต์

ฉันกำลังทำอะไรผิดหรือมีบางอย่างผิดปกติกับรหัสในตอนแรกหรือไม่

หากคุณต้องการแสดงภาพที่แทรกลงในเนื้อหาของคุณ (เช่นรูปภาพที่เชื่อมโยงกัน) คุณต้องใช้ฟังก์ชั่นเช่นนี้(แหล่งที่มา) :

เพิ่มในfunctions.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;
}

จากนั้นวาง<?php echo catch_that_image() ?>ตำแหน่งที่คุณต้องการแสดงภาพ

หมายเหตุ: รูปภาพ hotlinked ที่เพิ่งวางในเนื้อหาของคุณไม่สามารถตั้งค่าเป็นภาพเด่น, เป็นคุณลักษณะ WordPress'bultin

ฉันแนะนำสองวิธี:

ใช้ปลั๊กอิน

ฉันจะพิจารณาใช้ปลั๊กอินรับภาพเพื่อให้คุณสามารถทำสิ่งที่ชอบ:

$args = array(
    'post_id' => <id>
    'image_scan' => true
);
get_the_image($args);

ด้านบนจะพยายามทำสิ่งต่าง ๆ ตามลำดับนี้:

1. ค้นหาภาพขนาดย่อของโพสต์
2. ค้นหาภาพแรกที่แนบ
3. สแกนเนื้อหาโพสต์สำหรับภาพที่แทรก

สร้างการสนับสนุนในธีมของคุณ

อย่างไรก็ตามฉันใช้ฟังก์ชันในปลั๊กอินที่ใช้สองรายการแรกของรายการด้านบน

function gpi_find_image_id($post_id) {
    if (!$img_id = get_post_thumbnail_id ($post_id)) {
        $attachments = get_children(array(
            'post_parent' => $post_id,
            'post_type' => 'attachment',
            'numberposts' => 1,
            'post_mime_type' => 'image'
        ));
        if (is_array($attachments)) foreach ($attachments as $a)
            $img_id = $a->ID;
    }
    if ($img_id)
        return $img_id;
    return false;
}

คุณสามารถปรับให้เข้ากับรายการที่สามในตัวอย่างของ Diana ด้วย:

function find_img_src($post) {
    if (!$img = gpi_find_image_id($post->ID))
        if ($img = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches))
            $img = $matches[1][0];
    if (is_int($img)) {
        $img = wp_get_attachment_image_src($img);
        $img = $img[0];
    }
    return $img;
}

เพียงติดฟังก์ชั่นทั้งสองนี้ไว้ในfunctions.phpไฟล์ของคุณแล้วใช้ในลูปดังนี้:

<?php while (have_posts()) : the_post(); ?>
    <?php if ($img_src = find_img_src($post) : ?>
        <img src="<?php echo $img_src; ?>" />
    <?php endif; ?>
<?php endwhile; ?>

รหัสดูเหมือนปลอดภัยอย่างสมบูรณ์ อย่างที่คุณพูดคุณไม่มีภาพที่แนบมากับโพสต์

พิจารณาไปที่แผงผู้ดูแลสื่อและแนบภาพไปที่โพสต์นั้น

หรือมิฉะนั้นให้คัดลอกเนื้อหาโพสต์ด้วย regex สำหรับรูปภาพในนั้น

ฉันเข้าใจว่านี่เป็นคำถามที่เก่ามาก แต่ฉันกำลังวางคำตอบของฉันที่นี่เนื่องจากคำตอบที่โหวตส่วนใหญ่ไม่เหมาะสำหรับผู้ที่เพิ่งเริ่มใช้ PHP

preg_match ไม่ใช่วิธีที่ดีในการแยกวิเคราะห์ HTML ใน PHP เนื่องจาก preg_match ใช้สำหรับการแสดงออกปกติและ HTML ไม่ใช่การแสดงออกปกติ

เราสามารถใช้ DOM แทน

function firstImg($html){
  $dom = new DOMDocument;
  $dom->loadHTML($html);
  $images = $dom->getElementsByTagName('img');
  foreach ($images as $image) {
    return $image->getAttribute('src');
  }
  return false;
}

การใช้ DOM นั้นดีมากเพราะคุณสามารถทำสิ่งต่าง ๆ ได้มากกว่าแค่รับภาพแรกและมันก็เป็นวิธีที่ถูกต้องในการแยกวิเคราะห์ HTML

ฉันหวังว่าฉันสามารถตอบสำหรับการใช้ฟังก์ชั่น wordpress (ฟังก์ชั่นจาก CODEX และหลัก) เพื่อให้ได้ภาพแรก แต่นั่นก็เป็นปัญหาที่ฉันกำลังเผชิญอยู่

นี่ไม่ใช่คำตอบสำหรับทุกกรณี!

พิจารณากรณีของการปรับขนาดภาพให้เหมาะสมที่สุด ในกรณีนี้คุณไม่สามารถใช้รหัสนี้ได้เนื่องจากโพสต์สามารถมีภาพทุกขนาด

รหัสนี้เหมาะกับฉัน:

function get_first_image( $post_id ) {
    $attach = get_children( array(
        'post_parent'    => $post_id,
        'post_type'      => 'attachment',
        'post_mime_type' => 'image',
        'order'          => 'DESC',
        'numberposts'    => 1
    ) );
    if( is_array( $attach ) && is_object( current( $attach ) ) ) {
        return current( $attach )->guid;
    }
}