Thumbnails of the Categories

Question

what would be the best way to catch the thumbnails of the categories ?

function get_listaCatPort($atts) {
 echo '<ul class="section section-filters">';
                                $atts = array(
                                        'taxonomy'              => 'portfolio-types',
                                        'orderby'               => 'name',
                                        'order'                 => 'ASC',
                                        'show_count'            => 0,
                                        'hierarchical'          => 1,
                                        'hide_empty'            => 1,
                                        'title_li'              => '',
                                        'depth'                 => 1,
                                        'walker'                => new New_Walker_Category(),
                                        'current_category'      => get_queried_object()->term_id,
                                        );
                                wp_list_categories($atts);
                echo '</ul>';
}
add_shortcode('listaCatPortfolio', 'get_listaCatPort');

Answer 1

Talk partner, all beauty?

Dude, I can do what you want with the plugin Advanced Custom Fields.

Basically, I create a custom image field and then define its location, during the configuration of it, to appear on the edit page of the group of "taxonomy" that I want.

Having done that, I go to the coding part of the template, in order to display the category Thumb.

So I do:

<div>
    <?php
        $tags = get_terms('MINHA_TAXONOMY');
        $post_tags = wp_get_post_terms($post->ID,'MINHA_TAXONOMY',array('fields' => 'slugs'));
    ?>
    <?php foreach( $tags as $tag ): ?>

    <?php
        $terms = get_the_terms( $post->ID , 'MINHA_TAXONOMY');
        $variable = 'categoria_'. $terms;
        $attachment_id = get_field('NOME_DO_MEU_CAMPO_IMAGEM', $variable);
        $size = "full"; // (thumbnail, medium, large, full or custom size)
        $thumb = wp_get_attachment_image_src( $attachment_id, $size );
        $ID = $tag->term_id;
        $term_id = $ID;
        $image = get_field('NOME_DO_MEU_CAMPO_IMAGEM', 'category_'. $term_id); 
    ?>

    <div>
        <a href="#" class="block <?php echo $tag->slug; ?>">       
        <?php if ( $image ) : ?>
        <img src="<?php echo $image['url']; ?>">
        <?php else : ?>
        <img src="<?php bloginfo('template_directory'); ?>/img/no-picture.jpg">
        <?php endif; ?>   
        <span><?php echo $tag->name ?></span>
        </a>
    </div>
    <?php endforeach; ?> 
</div>

Then, in the settings, you will have to edit in "MINHA_TAXONOMY" and "NOME_DO_MEU_CAMPO_IMAGEM", according to your data.

If you already mess with the plugin Advanced Custom Fields, will understand a little of what I put up. Otherwise, recommend you take a studied in his documentation. The plugin is genius!

I hope it helps you!

Hug.