我制作WordPress分类图片的原因是做分类页面的banner图,如果分类很多,那么希望分类与图片做一个一一对应的关系,这样就不用再用php做判断或者css去单独写样式。
首先获取到当前分类: get_the_category() 。
foreach( get_the_category() as $cat) {
var_dump($cat);
}
var_dump($cat) 可以将当前分类的数据输出,这里我们只取分类的ID即可: $cat_ID = $cat->cat_ID ,用来拼接banner图片的名称: banner-ID.webp 。
示例代码:
<?php
foreach( get_the_category() as $cat) {
$cat_ID = $cat->cat_ID;
?>
<div class="banner-<?php echo $cat_ID;?> position-relative">
<div class="text-end">
<img src="<?php%20echo%20get_template_directory_uri();?>/dist/images/banner-<?php%20echo%20$cat_ID;?>.webp" alt="<?php single_cat_title();?>">
</div>
</div>
<?php }?>