Hướng dẫn lấy ảnh bài viết làm ảnh đại diện trong wordpress

1. Video hướng dẫn

2. Thêm code sau vào file function.php của theme

// Get the first image in post content
function getTheFirstImage(){
    // khai báo biến tổng quan global $post, $posts
    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];
    return $first_img;  
}
//End get the first image in post content

Hàm này sẽ trả về đường dẫn của ảnh, và các bạn phải dùng thẻ img để in nó ra.

3. In ảnh ra bài viết hoặc chuyên mục

Lưu ý là để in ảnh ra bài viết hoặc chuyên mục thì các bạn phải để trong vòng lặp nhé (while, for…)

Các bạn in ra trong các file template của theme như category.php, archive.php… tất cả các file này đều nằm trong theme

Cú pháp in:

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

Hình ảnh:

Lời kết