问题描述
我知道这个问题被问了很多次,但没有一个解决方案适合我。 我想在网站上显示我的类别及其缩略图。
我尝试使用类别图像插件,但由于某种原因该插件停止工作,并且没有给我机会将图片附加到类别(类别设置中未显示添加图像按钮)。>
在此之后,我创建了自定义字段,我在其中创建了一个与类别相等的分类法。有了这个,我可以将图像与类别配对,但我不知道如何将其添加到代码中。
这是我的代码:
<section id="categories">
<div class="center-Box">
<div class="categories">
<?PHP
$categories = get_categories(array ('parent' => 0));
foreach($categories as $category) { ?>
<div class="category-Box">
<a class="category-img" href="<?PHP echo get_category_link($category->term_id); ?>">
<img class="img" src="<?PHP echo z_taxonomy_image_url($category->term_id); ?>"/>
<div class="category-name">
<h3> <?PHP echo $category->name; ?> </h3>
</div>
</a>
</div>
<?PHP
$args = array(
'numberposts' => 1,'orderby' => 'date','order' => 'DESC','category' => $category->term_id,);
?>
<?PHP } ?>
</div>
</div>
</section>
有人可以帮助我如何显示带有图像的类别吗?
谢谢!
解决方法
我建议您为此使用 Advanced Custom Fields 插件,如果您还没有的话。根据您的工作假设,您可以执行以下操作:
<section id="categories">
<div class="center-box">
<div class="categories">
<?php
$categories = get_categories(array ('parent' => 0));
foreach($categories as $category) { ?>
<div class="category-box">
<a class="category-img" href="<?php echo get_category_link($category->term_id); ?>">
<img class="img" src="<?php echo wp_get_attachment_image_src( get_field( 'thumbnail',"term_$category->term_id" ),'small' ) ?>"/>
<div class="category-name">
<h3> <?php echo $category->name; ?> </h3>
</div>
</a>
</div>
<?php
$args = array(
'numberposts' => 1,'orderby' => 'date','order' => 'DESC','category' => $category->term_id,);
?>
<?php } ?>
</div>
</div>