Category Images Option

Plugin thêm ảnh vào Category hoặc tag cho WordPress

Trong WordPress bạn không thể thêm nhiều thông tin cho Category cũng như tag được, nhưng điều đó không đồng nghĩa với việc bạn phải chịu bó tay nếu muốn trang trí cho chuyên mục của mình thêm đẹp hơn, sau đây mình xin giới thiệu một plugin có thể làm được điều đó.

Hôm nay tôi làm một website cho khách hàng, đây là một trong các website chuyên tư vấn làm đẹp, nên tôi cần phải thiết kế ảnh cho Category, chưa kể là còn cả mô tả cho nó nữa, trong khi đó Tags cũng được tôi sử dụng để phân loại bài viết trong trang làm đẹp này nên ảnh cũng sẽ được attact trong cả tag nữa, thay vì tự viết code cho chức năng này, tôi đã tìm thấy một plugin rất hay giúp bạn: CATEGORY IMAGES ( https://wordpress.org/plugins/categories-images/ )

Cài đặt

Sau khi cài đặt, sẽ có một menu xuất hiện trong cài đặt > Category Images

Category Images Option
Category Images Option

Vì tôi có dùng một Custom Taxonomy nên nó mới có thêm cái option là Showbiz vào đó, các bạn đừng hiểu lầm, giờ các bạn thấy danh sách loại trừ của plugin này là Category và Post_tag, nếu bạn không muốn hiển thị ảnh trong Taxonomy nào thì tick vào đó là xong !

Trong phần cài đặt của tôi, tôi chỉ sử dụng trong phần Showbiz nên để không tick.

Thêm ảnh cho Category
Thêm ảnh cho Category

Trong hình này, một trường mới đã xuất hiện sau khi bạn cài đặt thành công plugin này, ngoài ra do tôi Assign nó vào Custom Taxonomy nên nó là thêm nhân vật, nếu không bạn sẽ thấy nó là “thêm Category”.

Hiển thị ảnh bên cạnh tựa đề của Category

Trong hình ảnh sau, tôi có thêm ảnh vào trong phần Custom Taxonomy của tôi là Showbiz, nên bạn có thể làm tương tự với Category hoặc Tag nhé:

Hình ảnh hiển thị trong Taxonomy
Hình ảnh hiển thị trong Taxonomy

Code ví dụ như sau:

<?php
    $terms = get_the_terms( get_the_ID() , 'showbiz' );
        if(!empty($terms)) {
            foreach($terms as $term) :
                echo '<h2><a href="'.get_term_link($term) .'">Nhân vật ' . $term->name . '</a></h2>';
                echo '<p>';
                if ( function_exists('z_taxonomy_image_url') ) {
                    echo '<img width="45" height="45" class="avatar" src="'. z_taxonomy_image_url($term->term_id).'" alt=""/>';
                }
                echo wp_trim_words($term->description, 100, ' ...'). '</p>';
            endforeach;
        }
?>

Quan trọng nhất là cái phần này:

if ( function_exists('z_taxonomy_image_url') ) {
    echo '<img width="45" height="45" class="avatar" src="'. z_taxonomy_image_url($term->term_id).'" alt=""/>';
}

Nếu đang trong vòng lặp của Category.php hoặc Tag.php thì các bạn không cần phải gọi Term_ID, ngoài vòng lặp thì thêm vào nó mới biết hiển thị ảnh của Category nào nha !

Code ví dụ cho bạn:

echo '<h1>'. single_cat_title('', true). '</h1>';
if ( function_exists('z_taxonomy_image_url') ) {
echo '<img width="45" height="45" class="avatar" src="'. z_taxonomy_image_url().'" alt="" />';
}

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

TÁC GIẢ:

Tôi là Jam, thâm niên 7 năm thiết kế website và làm SEO. Hãy theo dõi blog của tôi để nhận được nhiều chia sẻ thú vị xung quanh chủ đề công nghệ.

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 *