[code] Dùng hình ảnh đầu tiên của post làm hình đại diện

Hình ảnh đại diện của post

Thông thường mỗi bài viết trong wordpress chúng ta thường chọn 1 hình ảnh là hình đại diện để hiển thị trên các trang danh mục. Hình đại diện này thường được lựa chọn kỹ càng và làm tăng giá trị về mặt thẩm mỹ & nội dung cho web.

Hình ảnh đại diện của post
Hình ảnh đại diện của post

Vì một lý do nào đó chúng ta quên upload ảnh đại diện (Feature) cho post hoặc page lúc đó thì post mới sẽ hiển thị không có hình ảnh khiên bố cục web hỏng và thiếu tính chuyên nghiệp. Quá trình code và edit web nhiều mình tìm ra một giải pháp hiệu quả cho vấn đề này đó là tự động lấy hình ảnh đầu tiên trong post – bài viết làm hình đại điện.

Có 2 cách cơ bản để giải quyết vấn đề này đó là tìm plugin thần thánh đáp ứng hai là code riêng. Google một lúc với cụm từ “automatically Set the Featured Image” “set first image as featured image wordpress” ta sẽ tìm thấy một số plugin giải quết vấn đề này như sau:

Plugin lấy ảnh đầu tiên làm thumbnail wordpress

  • First Picture as Featured Image /
  • Auto set first image as featured – dante / By BehroozDante
  • Get First Image Set As Featured Image / By Venugopal

Code lấy ảnh đầu tiên làm thumbnail wordpress

Thêm đoạn code trên vào function.php của theme nhé

Trường hợp bài viết không có hình ảnh

Đoạn code không hoạt động khi bài viết không có hình ảnh, do vậy đối với những trường hợp này chúng ta phải tự lấy một hình ảnh chúng ta chọn trước làm hình đại diện cho tất cả các bài viết không có bất cứ hình nào. Thêm đoạn code sau vào function để giải quyết vấn đề này nhé!

Đoạn code trên sẽ lấy hình ảnh default-image.png trong mục images của theme đang hoạt động (hoặc child theme) làm hình đại diện. Trường hợp bạn quá lười để vào child theme chỉnh sửa upload hình vào web của mình và copy cái link thay thế vào nhé.

Nhớ thay “https://codfe.com/…” bằng link hình của bạn.

Với các đoạn code trên mình hy vọng các bạn đã giải quyết triệt đế vấn đề về hình đại diện của mình rồi nhé.

Leave a Reply

avatar
  Subscribe  
Notify of