Thêm ảnh đại diện cho category WordPress toàn tập

categories-images-frontend

Mặc định mỗi category sẽ không hỗ trợ chúng ta thêm ảnh đại diện như các post types như Post và Page. Thế nhưng hiện tại WordPress cho phép chúng ta 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.

Cách thêm field cho taxonomy như thế nào mình sẽ phân tích và hướng dẫn sâu ở một bài khác, mà trong bài này mình sẽ chỉ bạn cách ứng dụng nó từ một plugin có sẵn tên là Categories Images để 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, bạn vào phần Posts -> Categories và sửa một category nào đó mà bạn muốn thêm ảnh, rồi kéo xuống dưới sẽ thấy phần thêm ảnh.

Khu vực thêm hình ảnh vào category

Khu vực thêm hình ảnh vào category

Bạn thêm ảnh vào như bình thường nhé 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 mà bạn đã thêm vào category.

Nếu bạn 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ị:



<img src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>" />


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

categories-images-code

Xem thêm: Cấu trúc theme WordPress.

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

categories-images-frontend

Trường hợp bạn 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 bạn 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à:


<?php foreach (get_the_category() as $cat) : ?>
   <img src="<?php echo z_taxonomy_image_url($cat->term_id); ?>" />
<?php endforeach; ?>

Lưu ý là bạn 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

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

Chi tiết hơn bạn có thể xem thêm tại trang hướng dẫn Categories Images.

Như vậy thì bây giờ các bạn đã có thể có được chức năng hiển thị ảnh cho category rồi chứ :D, 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ứ.

Nguồn: Thêm ảnh đại diện cho category WordPress toàn tập | Thạch Phạm

Categories: Content Marketing, Digital Marketing, Google Ads, Kinh doanh, PHP, SEO, Server - Hosting, WordPress, WordPress Development, Wordpress Plugin, WordPress Theme, Wordpress Tutorial,
Tags: baemin, bán hàng online, bán hàng online trên facebook, bán hàng qua facebook, bán hàng quần áo, bán hàng thời trang, bán hàng trên baemin, bán hàng trên facebook, bán hàng trên fanpage, bán hàng trên grab, bán hàng trên marketplace, bán hàng trên now, bán hàng trên tiktok, báo cáo kết quả hoạt động kinh doanh, bí quyết kinh doanh online, bít tết Âu việt, black friday, buôn bán hàng thùng, buôn bán hàng thùng tuyển chọn, cách bán hàng online đắt khách, cách bán hàng trên marketplace, cách bán hàng trên tiktok, câu chuyện kinh doanh, câu chuyện thành công, chương trình khuyến mãi, công nghệ phần mềm bán hàng, cửa hàng cafe, cửa hàng minh tuấn mobile, cửa hàng phụ kiện, cửa hàng thời trang, cửa hàng thực phẩm, cửa hàng thực phẩm sạch, doanh số bán hàng, dox garage & coffee, dox garage &amp; coffee, đăng ký bán hàng trên baemin, đăng ký bán hàng trên go food, đăng ký bán hàng trên grab, đăng ký bán hàng trên now, facebook, facebook pos, fanpage, file excel, file excel báo cáo kết quả kinh doanh, file excel quản lý kho, foodngon, go food, go jek, grab, halo mobile, khởi nghiệp, khởi nghiệp kinh doanh, khởi nghiệp kinh doanh thời trang, kinh doanh cafe, kinh doanh điện thoại, kinh doanh điện tử điện máy, kinh doanh đồ handmade, kinh doanh gì sau dịch, kinh doanh mỹ phẩm, kinh doanh mỹ phẩm online, kinh doanh nhà hàng, kinh doanh online, kinh doanh phụ kiện, kinh doanh quán cafe, kinh doanh shop thời trang, kinh doanh siêu thị mini, kinh doanh spa, kinh doanh thành công, kinh doanh thời trang, kinh doanh thời trang trẻ em, kinh doanh thực phẩm, kinh doanh thực phẩm sạch thành công, kinh doanh trên facebook, kinh doanh trên grab, kinh nghiệm bán hàng, kinh nghiệm kinh doanh, làm đồ handmade, lily shop, link kháng tài khoản quảng cáo, lụa tơ tằm bá minh, marketing online, mặt hàng dễ bán, mẹo bán hàng, mẹo bán hàng trên facebook, mẹo hay, ngày black friday năm 2020 là ngày nào?, now, now - foody, phầm mềm quản lý bán hàng miễn phí, phần mềm chốt đơn, phần mềm chốt đơn hàng, phần mềm miễn phí, phần mềm pos, phần mềm quản lý bán hàng, phần mềm quản lý bán hàng đáng tin cậy, phần mềm quản lý bán hàng miễn phí, phụ kiện ben & tony, phụ kiện ben &amp; tony, phụ kiện hà xinh, quán cafe hiệu quả, quản lý cửa hàng, quản lý cửa hàng thời trang, quản lý nhà hàng, quản lý nhân viên, quản lý nhân viên cứng đầu, quản lý nhân viên thời vụ, quảng cáo thương hiệu, shop thời trang, shopee, siêu thị minimart, status, status bán hàng, status quảng cáo mỹ phẩm, stella spa, stt bán hàng online hài hước, stt tương tác bán hàng, t.u.s shop, tài khoản bị vô hiệu hóa, tài khoản facebook, tài khoản facebook bị vô hiệu hóa, tải miễn phí file excel quản lý kho, tăng doanh thu mùa black friday, thời trang kosta, thời trang mine, thời trang tú trần shop, thực phẩm sạch, thực phẩm sạch 02, thực phẩm sạch tâm an, thuê mặt bằng kinh doanh, tiki, tiktok, tú trần shop,
PageRank là gì? Những nhận định về PageRank bạn nên biết
Bật mí 9 cách kiểm tra website có bị Google phạt hay không?
Tác giả

Bình luận

Leave a Message

Registration isn't required.

NguyenLp LarTheme