遍历类别 - 显示相关图像和标题

如何解决遍历类别 - 显示相关图像和标题

我为具有分类参展商的客户创建了一个展览网站（使用 wordpress 的帖子/类别功能）并使用 ACF 我为每个类别创建了相关的横幅图像。（请参阅下面的代码）。

在另一个静态页面（slug 命名）“exhibitor-categories”上，我想遍历客户创建的所有类别并显示；

每个相关联的细横幅类别图像，
使用适当的 (PHP single_cat_title();)，
包含在此相关类别的（永久链接）中。

请问我该怎么做？

<?PHP get_header(); ?>

<?PHP
// Category Banner Image
$term = get_queried_object();
// Banner Image
$banner_image = get_field('midsummer_category_banner_image',$term); 
$banner_image_size = 'med-sm';   
$banner_image_src = wp_get_attachment_image_src( $banner_image,$banner_image_size );
$banner_image_srcset = wp_get_attachment_image_srcset( $banner_image,$banner_image_size ); 
$banner_image_alt_text = get_post_meta( $banner_image,'_wp_attachment_image_alt',true);
$banner_image_Meta = wp_get_attachment_Metadata( $banner_image );
$banner_image_title = get_the_title( $banner_image );
?>
<!-- Main Page Content -->
<main>
    <!-- Category Banner -->
    <div class="category-banner">
        <img src="<?PHP echo esc_url( $banner_image_src[0] ); ?>" srcset="<?PHP echo esc_attr( $banner_image_srcset ); ?>" sizes="100vw" alt="<?PHP echo $banner_image_alt_text ?>">
        <!-- Category Banner Title -->
        <div class="category-centered-banner-info">
            <h2><?PHP single_cat_title(); ?></h2>
        </div>
    </div>
    <!-- Exhibitor Tiles -->
    <section>
            <div class="exhibitor-tiles">
                <div class="exhibitor-tiles-wrapper">
                    <!-- Exhibitors -->
                    <?PHP if(have_posts()) : while ( have_posts() ) : the_post();?>
                    <?PHP get_template_part('includes/category','exhibitors');?>
                    <?PHP endwhile; else: endif;?>
                </div>
            </div>
    </section>
</main>

<?PHP get_footer(); ?>

解决方法

试试这个

$banner_image = get_field('midsummer_category_banner_image',"category_".$term->ID);

设法解决了我想要实现的目标，所以我想我会发帖以帮助他人。

这是我实现它的方式；

<?php
$categories = get_categories(); foreach ($categories as $category) {
?>
    // Category Banner Image
    $cat_banner_image = get_field('midsummer_category_banner_image',$category);   
    $cat_banner_image_size = 'med-sm';   
    $cat_banner_image_src = wp_get_attachment_image_src( $cat_banner_image,$cat_banner_image_size );
    $cat_banner_image_srcset = wp_get_attachment_image_srcset( $cat_banner_image,$cat_banner_image_size ); 
    $cat_banner_image_alt_text = get_post_meta( $cat_banner_image,'_wp_attachment_image_alt',true);
    $cat_banner_image_meta = wp_get_attachment_metadata( $cat_banner_image );
    $cat_banner_image_title = get_the_title( $cat_banner_image );
?>
    <!-- Category Banner Buttons -->
    <a class="category-banner-button" href="<?php echo site_url() ?>/<?php echo $category->slug; ?>">
        <!-- Midsummer Category Banner Image -->
        <img src="<?php echo esc_url( $cat_banner_image_src[0] ); ?>" srcset="<?php echo esc_attr( $cat_banner_image_srcset ); ?>" sizes="100vw" alt="<?php echo $cat_banner_image_alt_text ?>">
        <!-- Category Title -->
        <h2 class="category-banner-button-title"><?php echo $category->name; ?></h2>
    </a>
    <?php } ?>