Làm thế nào để đặt ảnh động làm ảnh mô tả bài viết wp

HtMinhChung said: ↑

Cho mình hỏi là có cách nào để đặt ảnh động gif làm ảnh mô tả cho bài viết ko ạ? web mình đang dùng wordpress .
Mình đã thử đặt ảnh động, nhưng khi ra ngoài trang chủ thì ko thấy nó chuyển động gì cả.
Mình thấy các trang báo như zing, kenh14 … thỉnh thoảng vẫn hay thấy ảnh động.
Liệu có cách nào ko nhỉ? hay có plugin nào để làm được việc này ko?
Xin cảm ơn mọi người

Click to expand…
​

WordPress có nhiều phiên bản ảnh khác nhau (mặc định ngoài ảnh gốc nó sẽ tạo ra các ảnh thumbnail, medium và large) cho nên sau khi resize ảnh thì hiệu ứng chuyển động của ảnh GIF sẽ bị mất. Do đó nếu bạn muốn ảnh đại diện của bài viết chuyển động được thì bạn không thể tải ảnh thumbnail làm ảnh đại diện được (vì thumbnail đã bị crop nên mất hiệu ứng chuyển động rồi). Có 2 cách để làm việc này.
Cách 1: Bạn chèn ảnh GIF đó vào bài viết nhưng đảm bảo rằng ảnh GIF này là ảnh đầu tiên (các ảnh khác phải chèn sau ảnh GIF này). Sau đó code cho file functions.php tự động lấy ảnh đầu tiên ra làm ảnh đại diện. Code đây nhé:

Mã:

// Auto add featured image
function wpsites_auto_set_featured_image() {
global $post;
$featured_image_exists = has_post_thumbnail($post->ID);
if (!$featured_image_exists) {
$attached_image = get_children( “post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1” );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {set_post_thumbnail($post->ID, $attachment_id);}
}
}
}
add_action(‘the_post’, ‘wpsites_auto_set_featured_image’);
Nếu gà về code thì dùng plugin như Autoset Featured Image hoặc Automatic Featured Image Posts hoặc Auto Featured Image (Auto Post Thumbnail),… tìm Google nhé có rất nhiều.
Cách 2: Nếu rành code của WordPress thì sửa file theme của nó lấy ảnh gif bằng code này:

Mã:

<?php
$thumb_url = get_the_post_thumbnail_url();
$thumb_low = strtolower($thumb_url);
if (strpos($thumb_low, ‘.gif’) === false) {
$thumb_size = ‘large’;
} else {
$thumb_size = ‘full’;
}
?>
Code này sẽ lấy URL của ảnh đại diện có phải là đuôi .GIF không. Nếu phải thì nó sẽ đặt ảnh đại diện là ảnh large thì sẽ giữ được hiệu ứng chuyển động của ảnh. Cuối cùng bạn phải dùng hàm the_post_thumbnail () để hiển thị ra ảnh đại diện nhé.
Adblock test (Why?)

Các Diễn đàn về seo lớn nhất việt nam. Giúp cộng đồng có thêm nhiều kinh nghiệm SEO TOP
https://ravak.com.vn