Как добавить и отобразить изображение категории

Я создал плагин для WordPress, чтобы создать область виджета для отображения названий категорий (общее количество записей) и описания. Теперь я хочу показать изображение категории сразу после названия категории, а после изображения хочу отобразить описание категории. Хотя названия категорий и описания отображаются успешно, я просто хочу полный код того, как добавить изображение к категории и как оно будет отображаться в моей области виджета с описанием категории.

Для справки вот мой полный код Области виджета описания категории.

<?php
/*
Plugin Name: My Category Description Widget Plugin
Plugin URI: http://mkrdip.me/category-posts-widget
Description: Добавляет виджет, который показывает все категории вместе с их описанием.
Author: Muhammad Jahangir
Version: 1.0
Author URI: http://facebook.com/jahangirKhattakPk
*/
class categories_description extends WP_Widget
{
    function __construct()
    {
        $widget_ops = array( 
            'classname' => 'categoryDescription widget',
            'description' => 'Показать все категории с их описанием.',
        );
        parent::__construct( 'categories_description', 'Мой виджет описания категории', $widget_ops );
    }
    // конец __construct()

    public function form( $instance ) {
        $title = ! empty( $instance['title'] ) ? $instance['title'] : __( 'Новый заголовок', 'text_domain' );
        ?>
        <p>
        <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( esc_attr( 'Заголовок:' ) ); ?></label> 
        <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>">
        </p>
        <?php 
    }
    // Конец функции формы

// Обновление виджета, замена старых экземпляров новыми
public function update( $new_instance, $old_instance ) {
    $instance = array();
    $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
    return $instance;
}
// Конец функции обновления
    function widget($args,$instance){
           echo $args['before_widget'];
            if ( ! empty( $instance['title'] ) )
            {


        ?>
        <div class="categoriesDescription bgWhite">
                <div class="container innerContainer">
                    <h2 class="widgetTitle"><?php echo apply_filters( 'widget_title', $instance['title'] ); } ?></h2>
                        <?php $categories = get_categories();
                        foreach ($categories as $cat)
                            { 

                                $cat_name = $cat->name;
                                $CategoryID = get_cat_ID( $cat_name );
                                $totalPosts = $cat->count;
                                $currentcatname = $cat_name;



                                ?>

                              <div class="category-image">

                              </div>

                                <div class="singleCategory col-lg-4">
                                    <a href="https://wordpress.stackexchange.com/questions/228917/<?php echo get_category_link( $cat ); ?>" class="uppercase categoryTitle">
                                        <?php echo $cat_name; ?></a>
                                        <span class="numberOfPosts">
                                        <?php 
                                            echo '( '.$totalPosts.' )'; 
                                        ?>
                                </span>                         
                                <div class="CategoryImg"><?php echo $cat->term_icon; ?>
                                    // здесь я хочу показать изображение категории...
                                <div class="my-image">
                                <?php

 ?>
                                <header class="archive-header <?php if ($category_image==true) echo 'category-image'; ?>">

                                 </div>

                                </div>
                                <p class="CategoryDescription"><?php echo $cat->description; ?></p>
                                <p><?php echo $CategoryID; ?></p>
                               </div>
                            <?php 
                            } ?>
                    <div class="clearfix"></div>
                </div>
        </div>
    </div>
</div>
        <?php

    }
    // Конец функции виджета
}
//конец класса categories_description
    add_action('widgets_init', function() {
        register_widget('categories_description');
    })
?>

В общем, не существует такой вещи, как “изображение категории” для категорий или других типов терминов. Самый простой способ – это интегрироваться с существующими плагинами и темами, которые поддерживают такую функциональность и/или предоставить простой в использовании фильтр, чтобы владельцы сайтов могли настроить, откуда забирать информацию.

Я бы сказал, зарегистрируйте пользовательский тип записи, например, cat_image, чтобы изображения можно было загружать в запись с помощью существующего метабокса изображения.

Вы можете синхронизировать данные с использованием wp_insert_post, сопоставляя ID виджета с пользовательским слагом..?

// чтобы сопоставить виджет с существующей пользовательской записью
// похоже на get_post, но можно использовать слуг (если нет родительских записей)
$slug = $instance['id']; // не уверен в этом?
$post = get_page_by_path($slug, OBJECT, 'cat_image');

if (!$post) {
    // создать новую запись из данных экземпляра виджета
    $args = array('post_type' => 'cat_image'); // ...и все остальное
    $post = wp_insert_post($args);
}

$thumbnail_id = get_post_meta($post->ID, '_thumbnail_id', true);  
$postthumbnailhtml = _wp_post_thumbnail_html($thumbnail_id, $post->ID);

Это даст вам элемент загрузки, связанный с ID записи… (плюс вам может понадобиться убедиться, что вы подключили wp_enqueue_media на странице виджета, если это еще не сделано?)

В любом случае, это одно из предложений, вам все равно нужно будет построить элемент формы вокруг него в HTML метабоксе и посмотреть, что получится… у меня пока не было времени протестировать это, надеюсь, выходные данные будут достаточно простыми для доступа и вставки в качестве вложения к связанной пользовательской записи.