Có rất nhiều theme không hỗ trợ lấy ảnh đầu tiên làm Featured Image cho bài viết WordPress, vậy làm sao để hiển thị Featured Image ra ngoài trang chủ ? Bài viết này Chiasefree.com sẽ hướng dẫn các bạn làm điều đó.
Nội dung chính
Featured Image là gì?
Featured Image (còn được gọi là hình thu nhỏ bài đăng) là một tính năng của chủ đề WordPress cho phép các nhà phát triển chủ đề hỗ trợ thêm việc sử dụng hình ảnh đại diện cho các bài đăng, trang hoặc các loại bài đăng tùy chỉnh. Mặc dù Featured Image là thuật ngữ chính thức của tính năng WordPress này, một số chức năng và thẻ mẫu vẫn sử dụng thuật ngữ Post Thumbnails (hình thu nhỏ bài đăng). Ngay cả trang WordPress Codex về Featured Image vẫn có tiêu đề là Post Thumbnails.
Hướng dẫn thêm Featured image cho WordPress
Mặc định khi bạn viết bài cho blog thì sẽ thêm Featured image bằng cách bấm vào Set featured image rồi chọn ảnh như hình bên dưới
việc này rất bất tiện vì phải thêm cách thủ công cho mỗi lần bạn thêm 1 bài viết mới cho blog của mình.
Tự dùng ảnh đầu tiên bài viết làm Featured Image WordPress
Thay vì mất nhiều thời gian cho quá trình chọn hình ảnh cho Featured Image. Bạn có thể chọn ảnh đầu tiên trong bài viết làm Featured Image. Cách cài đặt tác vụ này có thể được thực hiện qua nhiều cách sau.
Cách 1 dùng plugin
Bài viết này mình hướng dẫn các bạn sử dụng plugin Auto Post Thumbnail vì nó được sử dụng phổ biến nhất và đơn giản nữa.
Auto Post Thumbnail: tự động tạo Featured Image từ hình ảnh đầu tiên trong bài đăng hoặc bất kỳ loại bài đăng tùy chỉnh nào nếu Featured Image không được đặt theo cách thủ công. Tạo Featured Image từ tiêu đề. Tìm kiếm hình ảnh gốc cho Elementor, Gutenberg, Classic Editor.
Bạn không cần cấu hình gì phức tạp hết chỉ cần cài đặt nó trong phần plugin thành công là có thểt sử dụng được rồi.
Cách 2 dùng code tạo featured image từ ảnh đầu bài viết
Mình có hướng dẫn lấy ảnh bên ngoài làm ảnh thumbnail WordPress mời bạn tham khảo qua nhé.
Mở file functions.php của theme bạn đang sử dụng và chèn code bên dưới vào cuối dòng
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
add_action( 'save_post', 'set_featured_image' ); function set_featured_image() { if ( ! isset( $GLOBALS['post']->ID ) ) return NULL; if ( has_post_thumbnail( get_the_ID() ) ) return NULL; $args = array( 'numberposts' => 1, 'order' => 'ASC', // DESC for the last image 'post_mime_type' => 'image', 'post_parent' => get_the_ID(), 'post_status' => NULL, 'post_type' => 'attachment' ); $attached_image = get_children( $args ); if ( $attached_image ) { foreach ( $attached_image as $attachment_id => $attachment ) set_post_thumbnail( get_the_ID(), $attachment_id ); } } |
dùng code sau nếu muốn hiển thị ảnh mặc định khi không có bất cứ hình ảnh nào trong bài viết wordpress
|
1 2 3 4 5 6 7 |
add_filter( 'post_thumbnail_html', 'post_thumbnail' ); function post_thumbnail( $html ) { if ( empty( $html ) ) $html = '<img src="' . trailingslashit( get_stylesheet_directory_uri()) . 'images/default-thumbnail.png' . '" alt="" />'; return $html; } |
các bạn tải ảnh default-thumbnail.png và upload lên hosting ở vị trí bạn muốn sau đó đặt vào đoạn code như trên
Lời kết
Featured Image đóng vai trò quan trọng đối với mỗi bài đăng trên website, giúp bài viết nhận được sự chú ý của người đọc . Nếu có thắc mắc gì trong lúc cài đặt vui lòng để lại commnet bênd dưới. Chúc các bạn thành công.
Add Comment