Categories Images - Plugin hỗ trợ thêm ảnh đại diện cho category của Wordpress

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Categories Images - Plugin hỗ trợ thêm ảnh đại diện cho category của Wordpress

Mặc định mỗi category sẽ không hỗ trợ thêm ảnh đại diện như các post types của Post và Page. Thế nhưng hiện tại WordPress cho phép thêm một custom field vào trong taxonomy, đó là lý do tại sao các plugin như Yoast lại có hỗ trợ thêm field nhập title và description.

Vì vậy plugin Categories Images tận dụng khả năng đó để hỗ trợ thêm ảnh đại diện cho category. Dĩ nhiên là plugin này có thể làm việc với custom taxonomy.

Cài đặt và thêm hình ảnh
Sau khi cài đặt plugin Categories Images, vào phần Posts -> Categories và sửa một category muốn thêm ảnh, rồi kéo xuống dưới sẽ thấy phần thêm ảnh.

categories-images-backend.jpg

Thêm ảnh vào như bình thường rồi ấn Update để lưu lại.

Hiển thị hình ảnh ra trang category
Ở plugin này, nó sẽ sử dụng hàm z_taxonomy_image_url() để trả về kết quả là đường dẫn của ảnh đã thêm vào category.

Nếu muốn hiển thị hình ảnh ở khu vực hiển thị category (category template) thì hãy mở file category.php và thêm đoạn code sau vào phần mà bạn muốn hiển thị:
Mã:
<img src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>" />

Ví dụ nếu sử dụng theme TwentyTwelve thì sẽ thêm vào như sau ở file category.php:

categories-images-code.jpg

Kết quả trả về khi vào một category có hình ảnh:

categories-images-frontend.jpg

Trường hợp muốn đặt nó vào bên trong của Loop (để sử dụng ngoài file index.php hoặc single.php) thì sử dụng code sau để lấy link ảnh nhé.

Hiển thị ảnh ra trang chủ
Nếu muốn hiển thị ảnh ra trang chủ cho từng bài thì không thể dùng code ở trên được vì nó không hiểu query hiện tại của nó nằm ở category nào. Code hiển thị ngoài trang chủ sẽ là:
Mã:
<?php foreach (get_the_category() as $cat) : ?>
   <img src="<?php echo z_taxonomy_image_url($cat->term_id); ?>" />
<?php endforeach; ?>

Lưu ý là phải đặt đoạn này ở bên trong đoạn loop nhé. Hãy thử đặt đoạn đó bên trên hàm the_title() có trong theme như sau:

categories-images-index.jpg

Và có thể dùng code tương tự để hiển thị ảnh trong file single.php.

Bây giờ các bạn đã có thể có được chức năng hiển thị ảnh cho category rồi, rất dễ làm mà không cần phải đụng tới quá nhiều code. Cách này thường áp dụng cho các bạn muốn làm chức năng thay vì hiển thị ảnh đại diện của bài viết mà sẽ hiển thị ảnh đại diện của category nhằm biết được bài đó thuộc category nào, đó cũng là một phong cách hay đó chứ.

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


Nguồn: Thachpham​
 

Đính kèm

  • categories-images.2.5.4.zip
    134.6 KB · Lượt xem: 1
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
M Wordpress Plugins 0

Chủ đề tương tự


Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom