Hướng dẫn lấy ảnh bài viết làm ảnh đại diện trong wordpress
Home/
Hướng dẫn lấy ảnh bài viết làm ảnh đại diện trong wordpress
Đôi khi các bạn đăng bài trong wordpress mà quên chèn ảnh đại diện (featured image) thì trong danh sách bài viết hay trong chuyên mục bài viết sẽ thiếu đi ảnh đại diện nhìn sẽ rất xấu. Bởi vậy mình sẽ hướng dẫn lấy ảnh bài viết làm ảnh đại diện cực kì đơn giản
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
Nếu các bạn làm theo bài viết mà chưa được thì các bạn hãy xem video để hiểu rõ hơn về “Hướng dẫn lấy ảnh bài viết làm ảnh đại diện trong wordpress” nhé. Các bạn có thể đọc thêm về wordpress tại đây. Nếu thắc mắc gì đó thì hãy để lại bình luận bên dưới. Cảm ơn các bạn quan tâm!