32 lượt xem

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

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.

anh dai dien bai dangVì 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é!

Lưu ý: Với theme Flatsome hàm the_post_thumbnail() đã bị bỏ qua khi post không có hình ảnh đại diện do đó đoạn code trên sẽ không hoạt động, các bạn có thể fix bằng cách hook nó với hàm như sau của flatsome nhé (thêm vào function.php)

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é.

QR Code

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

All in one
Liên Hệ