Visualizzare un'immagine per una categoria usando get_categories o mostrare un'immagine da qualsiasi post figlio

Invece di usare get_categories(), ti suggerirei di dare un'occhiata a wp_list_categories(). Puoi ottenere lo stesso output con questa funzione, ma ha il vantaggio di essere altamente personalizzabile.

Ci sono due modi per personalizzarla, tramite l'hook filter wp_list_categories - vedi nel codice sorgente - oppure estendendo la classe Walker_Category - vedi nel codice sorgente. Quest'ultima opzione ti offre molte più possibilità di personalizzazione, ma potrebbe essere eccessiva per modifiche minori. Quindi devi valutare quale metodo si adatta meglio alle tue esigenze.

Poiché questo argomento è già ben trattato su WPSE e SO, mi limiterò a fornirti una breve lista di riferimenti. Inoltre, non hai fornito una descrizione abbastanza specifica delle tue esigenze, rimane un po' vaga, anche se si può intuire cosa desideri. Comunque, le risorse qui sotto dovrebbero aiutarti a scegliere il metodo più adatto a te e inoltre dovrebbero permetterti di realizzarlo.

1. hook filter wp_list_categories
   • Come ottenere current_cat nella navbar, in un singolo post
   • Aggiungere programmaticamente icone Font-Awesome al Widget delle Categorie
   • WordPress - Personalizzazione avanzata della funzione wp_list_categories
2. Walker_Category class
   • wp_list_categories: ottenere l'ultima featured_image di una categoria
   • Come posso fare in modo che wp_list_categories generi li con lo slug della categoria come classe, per i suoi figli?
   • Come visualizzare un elenco di categorie in stile mediawiki?

Un'ulteriore osservazione, personalmente opterei quasi sempre per il metodo di estendere la classe Walker_Category, tranne nei casi in cui la modifica che desideri è molto minore. Questo è ovviamente un po' una preferenza personale, ma ha alcune motivazioni, in particolare per la riutilizzabilità, l'estendibilità e - anche se non sembra necessariamente così - alla fine spesso - forse anche nella maggior parte dei casi - è il modo più semplice per ottenere l'output personalizzato.

Thumbnail da un post in una sottocategoria:

In questo modo puoi recuperare la tua "thumbnail di categoria" da un post casuale appartenente a una delle sottocategorie.

Ho commentato il codice per renderti chiaro come viene fatto, oltre a ciò dovrebbe essere abbastanza autoesplicativo.

/**
 * wpse135208_cat_thumb_from_random_child.
 *
 * Ottiene la thumbnail da un post casuale appartenente a una delle sottocategorie.
 *
 * @version 0.1
 *
 * @link https://wordpress.stackexchange.com/q/135208/22534
 *
 * @param integer $c_cat (default: '')
 * @param string/array $size (default: 'post-thumbnail')
 * @param string/array $attr (default: null)
 *
 * @return string
 */
function wpse135208_cat_thumb_from_random_child( $c_cat = '', $size = 'post-thumbnail', $attr = null ) {
    // non fare nulla se $c_cat è vuoto
    if( empty($c_cat) ) return;
    // get_terms è usato perché abbiamo solo bisogno degli id
    $taxonomies = array(
        'category'
        );
    $args = array(
        'child_of' => $c_cat,
        'fields' => 'ids'
        );
    // restituisce un array di id
    $child_cats = get_terms( $taxonomies, $args );
    // usa questo per il debug
    //echo '<pre>'; print_r($child_cats); echo '</pre>';

    $args = array(
        // usiamo numberposts invece di post_per_page,
        // perché se viene usato il filter pre_get_posts,
        // può fare la differenza in questo caso 
        // vogliamo solo un post
        'numberposts' => 1,
        // ma lo randomizziamo
        'orderby' => 'rand',
        'category__in' => $child_cats,
        'fields' => 'ids',
        // assicurati che solo i post con featured image siano considerati
        'meta_query' => array(
            array(
                'key' => '_thumbnail_id',
                'compare' => 'EXISTS'
            )
        )
        );
    // restituisce un array contenente un id di post
    $ct_p_id = get_posts( $args );
    // usa questo per il debug
    //echo '<pre>'; print_r($ct_p_id); echo '</pre>';

    // usa questo per il debug
    //echo '<pre>'; print_r( ( 1 /*cambia in 0 per mostrare le info src*/ ) ? get_the_post_thumbnail( $ct_p_id[0], $size, $attr ) : wp_get_attachment_image_src( get_post_thumbnail_id( $ct_p_id[0] ) ) ); echo '</pre>'; 
    // ora possiamo usare questo per restituire la nostra thumbnail
    return get_the_post_thumbnail( $ct_p_id[0], $size, $attr );
}

Utilizzo in questo modo:

echo wpse135208_cat_thumb_from_random_child( '1', 'thumbnail', null );

Nel tuo codice usalo come mostrato sotto:

$categories = get_categories($args);
foreach($categories as $category) { 
    echo wpse135208_cat_thumb_from_random_child($category->cat_ID); 
} 

Thumbnail di categoria tramite plugin:

Questo ha il vantaggio di avere vere e proprie thumbnail per le categorie.

Ho testato rapidamente il plugin - Category Thumbnails - che ho menzionato nel commento sopra. Funziona generalmente bene e ritengo che sia una soluzione migliore rispetto a quella che proponi nella tua risposta, perché ti permette di gestire le thumbnail tramite la libreria media di WordPress.

Ho scoperto un bug minore, l'autore del plugin è stato avvisato e ha risposto immediatamente, quindi il bug verrà presto risolto. Se non puoi aspettare puoi risolverlo tu stesso in questo modo:

Tuttavia la funzione

the_category_thumbnail();

non produce un output. nel codice sorgente della versione 1.0.3 appare così:

function the_category_thumbnail($category_id = null, $sizes = array()) {
    print get_the_category_thumbnail($cat, $sizes);
}

Ho risolto il problema in questo modo:

function the_category_thumbnail($category_id = null, $sizes = array()) {
    print get_the_category_thumbnail($category_id, $sizes);
}

Quindi, rendendo uguali i nomi dei parametri/argomenti.

Oppure puoi semplicemente usare get_the_category_thumbnail() invece, devi solo fare echo:

echo get_the_category_thumbnail('1');

Un'altra piccola delusione è che il plugin e le funzioni che offre non ti danno la possibilità di lavorare con le dimensioni delle immagini generate. Il che non è così buono, perché vogliamo la dimensione corretta e non sempre la dimensione completa. Avviserò anche l'autore riguardo a questo, così potrà migliorare ulteriormente il suo plugin. Nel frattempo, fortunatamente, questo può essere facilmente risolto costruendo una funzione personalizzata:

/**
 * wpse135208_cat_thumb_wrapper.
 *
 * Funzione wrapper per avere la possibilità di usare dimensioni predefinite delle immagini tramite wp_get_attachment_image().
 *
 * @version 0.1
 *
 * @link https://wordpress.stackexchange.com/q/135208/22534
 *
 * @param integer $category_id (default: null)
 * @param string/array $size (default: 'thumbnail')
 * @param boolean $icon (default: false)
 * @param string/array (default: null)
 *
 * @return string
 */
function wpse135208_cat_thumb_wrapper( $category_id = null, $size = 'thumbnail', $icon = false, $attr = null ) {
    $category_thumbnail_obj = get_the_category_data( $category_id );
    return wp_get_attachment_image( $category_thumbnail_obj->id, $size, $icon, $attr );
}

Utilizzo in questo modo:

echo wpse135208_cat_thumb_wrapper( '1', 'thumbnail', false, null );

Questo dovrebbe aiutarti a far funzionare tutto. Come ho detto, è preferibile perché puoi gestire la tua thumbnail di categoria tramite la libreria media. Nel tuo codice usalo come mostrato sotto:

$categories = get_categories($args);
foreach($categories as $category) { 
    echo wpse135208_cat_thumb_wrapper($category->cat_ID); 
} 

Bene, sono riuscito a fare quello che credo tu voglia fare utilizzando Advanced Custom Fields, creando un nuovo set di campi personalizzati con un campo personalizzato di tipo immagine. Da lì, ho impostato le regole di visualizzazione su "Taxonomy Term" > "is equal to" > "Categories" (o qualsiasi tassonomia tu stia utilizzando per questo scopo).

Una volta pubblicato, questo dovrebbe aggiornare la pagina di modifica delle tassonomie con un nuovo campo per l'immagine. Ora, si tratta solo di utilizzare la funzione ACF "get_field()" all'interno del tuo ciclo foreach delle categorie. Ecco come ottenere il campo dalla categoria.

Esempio:

<?php foreach ( $categories as $category ) {
    echo get_field('field_name_for_image', $category->taxonomy . "_" . $category->term_id);
} ?>

Se hai utilizzato le impostazioni predefinite di ACF, dovresti ottenere un array da questo, che è l'oggetto immagine, e per quello, leggi la documentazione sui Tipi di Campo Immagine di ACF.

Mi ci sono voluti meno di 5 minuti per impostare tutto, e il plugin è gratuito. Spero che sia rapido e semplice per te!

Buona fortuna!

WordPress ha il codice - http://codex.wordpress.org/Function_Reference/get_the_category

     Mostrare Immagini delle Categorie
Questo codice produce immagini delle categorie nominate in base al cat_ID con l'attributo alt impostato su cat_name. Puoi anche usare qualsiasi altra variabile membro al loro posto.

<?php 
foreach((get_the_category()) as $category) { 
    echo '<img src="http://example.com/images/' . $category->cat_ID . '.jpg" alt="' . $category->cat_name . '" />'; 
} 
?>

Questo permette di impostare delle immagini all'interno delle funzioni get_categories. Le immagini devono essere configurate per corrispondere alla funzione. Quindi se viene usato $category->name, l'immagine deve essere salvata nella cartella corretta con il nome corrispondente alla categoria.