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
Bạn tắt tính năng crop ảnh của Wordpress đi. Mặc định khi up ảnh thông qua trang quản trị, Wordpress nó crop 1 hình ảnh ra các ảnh có các kích thước thước khác nhau để tăng tốc độ tải ảnh nhưng cũng làm cho dung lượng mau tăng lên. Tùy theo nhu cầu / theme / plugin mà có cấu hình hợp lý.
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é.
Đúng là ảnh động thì chuyển động web với người dùng thích thú, nhưng nó lại có vấn đề SEO vì nặng khiến tốc độ load của trang giảm hẳn
cái này em đồng quan điểm với bác, riêng cái ảnh có đuôi png thôi mà khiến cho website nó nặng và giảm tốc độ load rất nhiều
