Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress

flatsome
20/09/21
0
Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress

Việc sử dụng nhiều plugin trên website wordpress của bạn được các chuyên gia khuyến cáo là không nên, vì nó có nguy cơ làm chậm trang web của bạn, chưa kể đến việc các plugin có thể xung đột với nhau.

Hôm nay mình giới thiệu cho các bạn đoạn Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress vừa nhẹ và cách làm cũng đơn giản , giúp bạn không cần cài thêm plugin gây nặng web

Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress

Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress
Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress

Hiển thị bài viết liên quan kèm ảnh thumbnai sử dụng code.

Tính năng bài viết liên quan này có thể hiển thị ở mọi vị trí mà bạn muốn miễn nó nằm trong loop của wordpress, nhưng tôi sẽ hướng dẫn chi tiết cách hiển thị bài viết liên quan chỉ ở trong trang bài viết (single.php)

Thumbnai trong bài viết

Thật ra thì chức năng này đã có sẵn ở các phiên bản wordpress gần đây. Nhưng không phải theme nào cũng đã kích hoạt nó, để kích hoạt đó, bạn cần thêm đoạn code bên dưới vào trong file  functions.php của theme bạn đang sử dụng.

add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size(100,50,true);

Chú thích

  • Dòng 1: Để bật tính năng thumbnail của bài viết.
  • Dòng 2: Để set width và hight của ảnh thumbnail.

Lưu ý: Để hiển thị được ảnh thumbnail thì bạn cần sử dụng chức năng Use as featured image trong khi viết bài. Nếu không thì bạn có thể sử dụng plugin Auto Post Thumbnail để nó tự động làm việc này (Plugin này sẽ tự động lấy ảnh đầu tiên trong bài viết làm featured images)

Các bạn có thể tham khảo bài liên quan bằng Plugin hoặc bằng code mà mình đã giới thiệu :

Hiển thị bài viết liên quan (Related Post) kèm thumbnail

Sử dụng đoạn code bên dưới, chèn vào file  single.php . Bạn muốn bài viết liên quan hiển thị ở đâu thì chèn ở đó.

 

Thêm Css

 

Kết quả

Sau khi thực hiện những bước trên thì bạn sẽ có kết quả giống như hình bên dưới đây

Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress
Code bài viết cùng chuyên mục kèm hình ảnh  (thumbnai) cho WordPress

 

Code bài liên quan update ngày 27/09/2021

bạn có thể đổi số ‘posts_per_page’ => 9, trong này thành số bài bạn muốn hiện thị

 

 

Nguồn bài đăng : https://thanhthai.org/code-bai-viet-lien-quan-kem-anh-thumbnai-cho-wordpress.html