Как вывести изображения подрубрик?

Question

[Андрей Филимонов]

Как на странице одной рубрики вывести список подрубрик с описанием и, главное, с изображениями? Использую плагин Categories Images (Изображения таксономий) для вывода изображений категорий на странице блога, код:

<?php
$args1 = array(
    'parent' => 0,
    'hide_empty' => 0,
    'include' => '4,13', // ID рубрики, которую нужно исключить
    'number' => '0',
    'orderby' => 'id',
    'order' => 'ASC',
    'taxonomy' => 'category', // таксономия, для которой нужны изображения
    'pad_counts' => true
);

$args = array(
	'parent' => 0,
	'hide_empty' => 0,
	'exclude' => '1,4,13', // ID рубрики, которую нужно исключить
	'number' => '0',
	'orderby' => 'id',
	'order' => 'ASC',
	'pad_counts' => true
);
$catlist = get_terms('category',$args);
$catlist1 = get_terms('category',$args1);
?>


<?php foreach ($catlist as $cat) : ?>
<div class="col-lg-4 p-1">
    <a href="<?php echo get_term_link($cat->slug, 'category'); ?>">
        <div class="card border-white" style="background-image: url('<?php echo z_taxonomy_image_url($cat->term_id, 'medium_large'); ?>'); 
background-repeat: no-repeat; background-size: cover; background-position: center center; 
border-radius:10px; border-width:2px; margin-bottom:0;" alt="'<?php echo $cat->name; ?>'">
    
<div class="card-body p-2" style="margin:200px 5px 5px 5px; height:71px; border-radius:10px; background: rgba(61, 61, 61, 0.6);">
<h5 class="card-title text-left text-white"><small><?php echo category_description( $cat ); ?></small></h5>
            </div>

 </div>
 </a>
 </div>
 <?php endforeach; ?>

<?php foreach ($catlist1 as $cat) : ?>
<div class="col-lg-4 p-1">
    <a href="<?php echo get_term_link($cat->slug, 'category'); ?>">
        <div class="card border-white" style="background-image: url('<?php echo z_taxonomy_image_url($cat->term_id, 'medium_large'); ?>'); 
background-repeat: no-repeat; background-size: cover; background-position: center center; 
border-radius:10px; border-width:2px; margin-bottom:0;" alt="'<?php echo $cat->name; ?>'">
    
<div class="card-body p-2" style="margin:200px 5px 5px 5px; height:71px; border-radius:10px; background: rgba(61, 61, 61, 0.6);">
<h5 class="card-title text-left text-white"><small><?php echo category_description( $cat ); ?></small></h5>
            </div>

 </div>
 </a>
 </div>
 <?php endforeach; ?>

Подскажите, пожалуйста, как прописать, чтобы выводились изображения подкатегорий?
Для примера, находил шаблон:

<?php
	$parent_id = 22;
	$cat2 = get_query_var('cat');
	$sub_cats = get_categories( array(
		'parent' => $parent_id,
		'hide_empty' => 0
	));
	if( $sub_cats ){
		foreach( $sub_cats as $cat ){
			if ($cat->term_id == $cat2) {
				echo '<li><span class="button active"  href=' . get_category_link( $cat->term_id ) . '>'. $cat->name .'</span></li>';
			} else {
				echo '<li><a class="button" href=' . get_category_link( $cat->term_id ) . '>'. $cat->name .'</a></li>';
			}
		}
	}
?>

Но как сюда вписать вывод изображения подрубрики через z_taxonomy_image_url не знаю.

Answer 1

[Андрей Филимонов]

изменил свой код, вписал родительскую категорию:

<?php

$args = array(
	'parent' => 22,
	'hide_empty' => 0,
	'exclude' => '', // ID рубрики, которую нужно исключить
	'number' => '0',
	'orderby' => 'id',
	'order' => 'ASC',
	'pad_counts' => true
);
$catlist = get_terms('category',$args);
?>


<?php foreach ($catlist as $cat) : ?>
<div class="col-lg-4 p-1">
    <a href="<?php echo get_term_link($cat->slug, 'category'); ?>">
        <div class="card border-white" style="background-image: url('<?php echo z_taxonomy_image_url($cat->term_id, 'medium_large'); ?>'); 
background-repeat: no-repeat; background-size: cover; background-position: center center; 
border-radius:10px; border-width:2px; margin-bottom:0;" alt="'<?php echo $cat->name; ?>'">
    
<div class="card-body p-2" style="margin:200px 5px 5px 5px; height:71px; border-radius:10px; background: rgba(61, 61, 61, 0.6);">
<h5 class="card-title text-left text-white"><small><?php echo category_description( $cat ); ?></small></h5>
            </div>

 </div>
 </a>
 </div>
 <?php endforeach; ?>