Code lấy ảnh đầu tiên trong bài viết làm ảnh đại diện ~ Kiếm Tiền Online

Sunday, February 4, 2024

Code lấy ảnh đầu tiên trong bài viết làm ảnh đại diện

Nhiều website cũ khi nâng cấp lên phiên bản WordPress cao hơn có thể gặp phải tình trạng mất ảnh đại diện hoặc theme lúc trước không tương trợ ảnh đại diện thì có thể tiêu dùng code dưới đây cho vào file functions.php để chúng tự động lấy ảnh đầu tiên trong bài viết đặt thành ảnh đại diện khi truy cập vào chuyên mục hoặc trang lưu trữ (archive).

Ảnh đại diện của bài viết là gì?

Để dễ hình dung bạn có thể truy cập vào đường dẫn này https://truongcongthang.com/kien-thuc-ve-wordpress/ bạn sẽ thấy list danh sách các bài viết khác nhau, mỗi 1 bài viết đều có 1 hình ảnh, đó chính là ảnh đại diện của bài viết.

ảnh đại diện cho bài viết wordpress

Nếu trong theme của bạn có tương trợ add_theme_support( 'post-thumbnails' ); khi soạn thảo bài viết sẽ có mục chọn ảnh đại diện như sau:

chỉnh sửa bài viết chọn ảnh đại diện

File functions.php trong WordPress nằm ở đâu? bạn có thể đọc qua bài viết này.

Code lấy ảnh đầu tiên trong bài viết làm ảnh đại diện

// Add a function to automatically set the first image as featured imagefunction vutruso_autoset_featured() {      global $post;      $already_has_thumb = has_post_thumbnail($post->ID);      if (!$already_has_thumb)  {         $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', 'vutruso_autoset_featured');   add_action('save_post', 'vutruso_autoset_featured');   add_action('draft_to_publish', 'vutruso_autoset_featured');   add_action('new_to_publish', 'vutruso_autoset_featured');   add_action('pending_to_publish', 'vutruso_autoset_featured');   add_action('future_to_publish', 'vutruso_autoset_featured');

Sau khi cho code vào file functions bạn lưu lại và xem kết quả. Với code này bạn cũng có thể code thêm điều kiện, nếu bài viết không có ảnh nào luôn thì có thể đặt cho nó 1 ảnh mặc định ví dụ no-thumbnail.jpg hoặc 1 ảnh nào đó tuỳ bạn.

Chúc bạn thành công.

Related Posts:

  • Giao diện CLI cho plugin WP RocketGiao diện CLI cho plugin WP RocketGiao diện CLI cho plugin WP RocketBạn là lập trình viên là thường làm việc với các dòng lệnh thay vì tiêu dùng giao diện trực quan thì chắc không xa lạ gì với WP Rocket CLI nhỉ, bài viết này … Read More
  • Xóa bỏ code svg trong thẻ body từ WordPress 5.9Xóa bỏ code svg trong thẻ body từ WordPress 5.9Từ phiên bản WordPress 5.9 1 sẽ có 1 đoạn code SVG nằm trong thẻ body của website của bạn. Mã SVG này liên quan đến sự tương thích đối với trình duyệt Safari với bộ lọc Duotone đ… Read More
  • Lazy loading image trong website là gì?Lazy loading image trong website là gì?Lazy loading trong website là gì nhỉ? Humb…Lazy loading là gì?Lazy load là 1 kỹ thuật giúp trì hoãn việc tải hình ảnh ở khung hình phía dưới website, nghĩa là khi truy cập vào 1 website … Read More
  • Bật chế độ gỡ lỗi trong WordPress (WordPress debug mode)Bật chế độ gỡ lỗi trong WordPress (WordPress debug mode)Bất cứ ngôn ngữ lập trình nào đều có chế độ thông tin lỗi cho lập trình viên, để từ đó họ có thể dò ra bug mà tìm cách khắc phục và WordPress chạy ở ngôn ngữ PHP nên cũn… Read More
  • WP Cron là gì? Tắt cron ảo trong WordPress để website nhanh hơnWP Cron là gì? Tắt cron ảo trong WordPress để website nhanh hơnLên lịch xuất bản các bài đăng mới trong WordPress, đánh giá các plugin hoặc theme đã có bản mới, tự động backup website … đây đều là những ví dụ điển hình tác vụ… Read More

0 nhận xét:

Post a Comment

Chăm sóc tóc

DUNG DỊCH TẮM GỘI KHÔ – PH
90.000₫
MẶT NẠ TÓC PHỤC HỒI HƯ TỔN PREMIUM REPAIR MASK 180G – TSUBAKI
225.000₫
BỒ KẾT HOA BƯỞI 300ML – NCT3
340.000₫
DẦU XẢ THẢO DƯỢC BỒ KẾT SẢ CHANH HOA BƯỞI 300ML – TRƯỜNG HƯNG THỊNH
100.000₫
DẦU GỘI THẢO DƯỢC BỒ KẾT SẢ CHANH HOA BƯỞI 300ML – TRƯỜNG HƯNG THỊNH
100.000₫
SERUM DƯỠNG TÓC HOA BƯỞI GIẢM GÃY RỤNG 50ML – POMELO
84.000₫

Quảng cáo

Nổi bật

Cài đặt Thanh Toán Google adsense bằng ngân hàng Vietcombank

Sau khi đã đủ điều kiện rút tiền từ Google Adsense thì bạn cần phải thêm hình thức thanh toán để Google trả tiền cho bạn.Khi kiếm tiền trên ...

a-ads

Máy tính Laptop

44.990.000đ
Laptop LG Gram 2022 17Z90Q-G.AH76A5 (Core-i7 1260P/16GB/512GB/17″ WQXGA/Win 11/Xám)
24.790.000đ
Laptop LG Gram 2021 16ZD90P-G.AX54A5 (i5-1135G7/8GB RAM/512GB SSD/16″WQXGA/Dos/Trắng)
14.590.000đ
Laptop Acer Gaming Aspire 7 A715-42G-R4ST NH.QAYSV.004 (R5 5500U/8GB RAM/256GB SSD/15.6″FHD IPS/GTX1650 4GB/Win10) – Hàng chính hãng
15.190.000đ
Laptop Acer Aspire 3 A315-58G-50S4 (Core i5 1135G7/8GB RAM/512GB/15.6″FHD/MX350 2GB/Win 10/Bạc)
21.990.000đ
Laptop Acer Swift 5 SF514-55TA-59N4 NX.A6SSV.001 (i5-1135G7/16GB RAM/1TB SSD/14″FHD_Touch/Win10/Xanh) – Hàng chính hãng
14.890.000đ
Laptop Acer Aspire 5 A514-54-59QK (Core i5 1135G7/8GB RAM/512GB/14″FHD/Win 11/Vàng)

Vay Online

(x)
(x)
Day noi mi | Hoc noi mi | Noi mi dep | Trung tam day nghe toc | Day cat toc | Day nghe toc | Hoc cat toc | Hoc cat toc o Ha Noi | Hoc cat toc tai Ha Noi | Thuoc chua benh a sung
Dau goi Kafen | Dau xa Kafen | Giao trinh day cat toc | Mua ban rao vat | Dang rao vat | Dien dan rao vat | Rao vat mien phi | Trang rao vat

Mua Hang Gia Re / Cho Dien Tu / Mua Hang Online Uy Tin / Sim So Dep / Mua Hang Online / Dung Cu Cat / Dung Cu Cat Gia Re / Ban Buon Dung Cu Cat / Hoc Cat Toc / Dang Rao Vat / Dien dan Rao Vat / Trang Rao Vat / Day Noi Mi / Rao Vat Cho Tot / Quang Cao Rao Vat / Camera Quan Sat / Cac Website Rao Vat / My Pham Nganh Toc / Phu Kien Nganh Toc / Phuong Phap Tap Gym / Kiem Tien Tren Mang / Trung Tam Day Nghe Toc / VPS Gia Sieu Re / VPS Gia Sieu 10K / Thiet Ke Web Gia Re / Bat Dong San