$image_url = wp_get_attachment_image_url($image_id);

if (empty($image_url)) {
return false;
}

return $image_url;
}

function tx_the_category_icon($category, $classes = ”, $width = ”, $height = ”) {
if (is_numeric($category)) {
$category = get_term($category, ‘app_cat’);
}

$image_url = tx_get_category_icon_url($category);

if (empty($classes)) {
$classes = ‘img-fluid’;
}
$width_attr = ”;
$height_attr = ”;
if ($width) {
$width_attr = ‘ width=”‘ . esc_attr($width) . ‘”‘;
}
if ($height) {
$height_attr = ‘ height=”‘ . esc_attr($height) . ‘”‘;
}

if ($image_url) {
?>
<img src="” alt=”name); ?>” class=””>
<?php
}
}

Then you can use anywhere by:

Thanks for this awesome tut! I have one small issue and that is the following

Uncaught TypeError: Cannot read property ‘value’ of null
at Object.insert (media-editor.min.js?ver=5.3.2:1)

Anyone managed to get rid of the following console error when you click on “Insert into post”?

I changed it a little bit to extend for more categories as needed:

function init($taxonomy = ‘category’) {

// default categories
add_action( $taxonomy . ‘_add_form_fields’, array ( $this, ‘add_category_image’ ), 10, 2 );
add_action( ‘created_’ . $taxonomy, array ( $this, ‘save_category_image’ ), 10, 2 );
add_action( $taxonomy . ‘_edit_form_fields’, array ( $this, ‘update_category_image’ ), 10, 2 );
add_action( ‘edited_’ . $taxonomy, array ( $this, ‘updated_category_image’ ), 10, 2 );

// enqueue
//add_action( ‘admin_enqueue_scripts’, array( $this, ‘load_media’ ) );
//add_action( ‘admin_footer’, array( $this, ‘add_script’ ) );
}

function load_media() {
wp_enqueue_media();
add_action( ‘admin_footer’, array( $this, ‘add_script’ ) );
}

Then, you can just add the below to functions.php

add_action( ‘admin_enqueue_scripts’, function () {

//load the whole class, change name and directory as needed
require_once get_template_directory() . ‘/assets/inc/the-whole-class.php’;

// setup general category
$category = new CT_TAX_META();
$category->init();
$category->load_media(); //setup JS scripts

// repeat as needed for other taxonomies
(new CT_TAX_META)->init(‘category-other’);
} );

Hope this helps! Also, I removed the public declaration on all class functions.

//Getting the term by name
$terms = get_the_terms($post->ID, ‘teams’);

//Retrieving images from taxonomy by term id
foreach($terms as $term) {
$image_id = get_term_meta($term->term_id, ‘showcase-taxonomy-image-id’, true);
echo wp_get_attachment_image($image_id, ‘large’);
}