wp_list_categories: obtenir la dernière image sélectionnée de la catégorie

Vouspouvez utiliser un Walker personnalisé,dont leplus simple dans votre casest le Walker_Category et étendez-le comme ceci:

  CategoryThumbnail_Walker étend Walker_Category {
//Unnouvel élément a ététrébuchéet s'estterminé
 functionend_el (& amp; $ sortie,$ catégorie,$profondeur,$ args) {
//Sortie de lafin du lien standard
 parent ::end_el (& amp; $ sortie,$ catégorie,$profondeur,$ args);

//Obtenez unmessage
        $posts=get_posts (tableau (
//... de cette catégorie
            'catégorie'=> $ category- > cat_ID,
            'numberposts'=> 1
        ));
//Si unmessage a ététrouvé
 if (isset ($posts [0])) {
//Récupère sa vignetteet ajoute-la à la sortie
            $ vedette=get_the_post_thumbnail ($posts [0] - > ID,'miniature',null);
            $ sortie.=$en vedette;
        }
    }
}
 

Maintenant,votre wp_list_categories peut utiliser cemarcheuren fournissant un argument supplémentaire marcheur comme ceci:

  wp_list_categories (array ('walker'=>nouveau CategoryThumbnail_Walker ()));
 

Comme vouspouvez le voir,nous avons deux requêtes supplémentairespour chaque catégorie,unepour obtenir le derniermessageet unepour obtenir sonimageen vedette,alors assurez-vous que cette surchargeestpriseen compte.

Si vous souhaitezpersonnaliser davantage la sortie,vous devrez remplacertoutes lesfonctionnalités de end_el ou start_el pour la classe Walker_Category .

Doublons

Pour vous assurer qu'aucuneimageen doublen'est affichée,vous devezeffectuer les opérations suivantes:

• stocker l'image affichée dans untableau
• vérifier avec chaquenouvelleimage sielleexiste dans letableau
• s'ilexiste - obtenez leprochainmessageet vérifiez sonimage
• s'iln'existepas,ajoutez-le autableauet à la sortie
• comprendre ce que vousfaites,comment celafonctionneraet comment letransformeren codefonctionnel dans votre contexte (en lisant la documentationet en apprenantplus sur PHPet WordPress)

Le code ressemblerait donc à ceci:

  CategoryThumbnail_Walker étend Walker_Category {

//Unnouvel élément a ététrébuchéet s'estterminé
 functionend_el (& amp; $ sortie,$ catégorie,$profondeur,$ args) {
//Sortie de lafin du lien standard
 parent ::end_el (& amp; $ sortie,$ catégorie,$profondeur,$ args);

//Obtenez unmessage
        $posts=get_posts (tableau (
//... de cette catégorie
            'catégorie'=> $ category- > cat_ID,
            'numberposts'=> dix
        ));

//nousenregistrerons lesimages vuesici
 if (!isset ($this- >images_seen)) $this- >images_seen=array ();

 foreach ($posts as $post) {
//Récupère sa vignetteet ajoute-la à la sortie
            $ vedette=get_the_post_thumbnail ($post- > ID,'miniature',null);
//avons-nous déjà vu cetteimage?
 if (in_array ($ vedette,$this- >images_seen)) continue;
            autre {
                $this- >images_seen []=$en vedette;
                $ sortie.=$en vedette;
                Pause;
            }
        }
    }
}
 

You can use a custom Walker, the easiest of which in your case is the Walker_Category and extend it like so:

class CategoryThumbnail_Walker extends Walker_Category {
    // A new element has been stumbled upon and has ended
    function end_el( &$output, $category, $depth, $args ) {
        // Output the standard link ending
        parent::end_el( &$output, $category, $depth, $args );

        // Get one post
        $posts = get_posts( array(
            // ...from this category
            'category' => $category->cat_ID,
            'numberposts' => 1
        ) );
        // If a post has been found
        if ( isset($posts[0]) ) {
            // Get its thumbnail and append it to the output
            $featured = get_the_post_thumbnail( $posts[0]->ID, 'thumbnail', null );
            $output .= $featured;
        }
    }
}

Now your wp_list_categories can utilize that walker by supplying an additional walker argument like so:

wp_list_categories( array('walker' => new CategoryThumbnail_Walker()) );

As you can see we have two additional queries for each category, one to get the latest post, and one to get its featured image, so make sure that this overhead is acknowledged.

If you want to further customize the output you will have to override all of the functionality of end_el or start_el for the Walker_Category class.

Duplicates

To make sure that no duplicate images are shown you have to do the following things:

• store the displayed image in an array
• check with every new image whether it exists in the array
• if it exists - get next post and check its image
• if it does not exist, add it to array and output
• understand what you're doing, how it will work and how to turn in into working code in your context (by reading the docs and learning more about PHP and WordPress)

So the code would look something like this:

class CategoryThumbnail_Walker extends Walker_Category {

    // A new element has been stumbled upon and has ended
    function end_el( &$output, $category, $depth, $args ) {
        // Output the standard link ending
        parent::end_el( &$output, $category, $depth, $args );

        // Get one post
        $posts = get_posts( array(
            // ...from this category
            'category' => $category->cat_ID,
            'numberposts' => 10
        ) );

        // we'll record the seen images here
        if ( !isset($this->images_seen) ) $this->images_seen = array();

        foreach ( $posts as $post ) {
            // Get its thumbnail and append it to the output
            $featured = get_the_post_thumbnail( $post->ID, 'thumbnail', null );
            // have we already seen this image?
            if ( in_array($featured, $this->images_seen) ) continue;
            else {
                $this->images_seen []= $featured;
                $output .= $featured;
                break;
            }
        }
    }
}

Je sais que vous avez dit que vousne vouliezpas utiliser deplugin,maisje vais quandmême recommander ceci: Images detaxonomie

Vouspouveztoujours le coderen dur dans votrefichier defonctions. Il ajoute unejoliepetite interface aux catégoriespour ajouter uneimage spécifique à chaque catégorie,et fournit desmoyens simples d'obtenir cetteimage sur vospages. Ilfonctionne également sur destaxonomiespersonnalisées sansproblème.

Jementionne lepluginparce que,pour unprojet sur lequelje travaillais,j'essayais votrepremière approche (pour simplementmontrer l'imageen vedette du dernier article dans cette catégorie)mais lorsqu'un articleparticulier était dansplus d'une catégorie,le lamêmeimage a été répétéeplusieursfoiset avait l'airgéniale.

Avoir uneimagepour chaque catégorie agardé un aspect cohérent. Lepluginestfacile à utiliser afin que le clientpuisse changer l'image sansproblème. J'ai également écrit unepetite déclarationif au cas où le client aurait créé unenouvelle catégoriemaisn'apas réussi à ajouter uneimage afin qu'il continue à utiliser la vignette du dernier articlepour cette catégorie (sorte de long,mais vous voyez lepoint) :

  <?php
      while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <!--thumbnail -->
<? /*asks if the category has an image...else use the post Thumbnail...then  if not use the wedding.jpg  */ ?>
<span  class="lighten"><a href="<?= add_query_arg('t', strtolower($term->name), home_url( '/videos/' )); ?>">

    <?php 
    $image_link =  "<a href=".home_url( '/' ).(strtolower($term->name)).">";
    $image = apply_filters( 'taxonomy-images-list-the-terms', '', array(
        'taxonomy'     => 'video_types',
        'image_size' => 'detail',
        'after'        => '',
        'after_image'  => '',
        'before'       => '',
        'before_image' => ''
         )
    );


    if ( ! empty( $image ) ) {print $image;}

            elseif ( has_post_thumbnail() ) {the_post_thumbnail(); } 
             else { ?>
    <img src="<?php bloginfo('template_directory'); ?>/images/weddings.jpg" alt="<?php echo $term->name;?>" />
    <?php } ?></a></span><!--#lighten -->
        </div><!--#thumb -->
           <?php
          endwhile;
          ?>
      <?php
        }
      }
    }
    wp_reset_query();  // Restore global post data stomped by the_post().
    ?>
 

I know you said you wanted to not use a plugin, but I am still going to recommend this: Taxonomy Images

You can always just hardcode it into your functions file. It adds a nice little interface to the categories for adding a specific images to each category, and supplies some easy ways to get that image on your pages. It also works on custom taxonomies with no problem.

I mention the plugin because, for a project I was working on I was trying your first approach (to just show the featured image of the latest post in that category) but when a particular post was in more than one category, the same image was repeated multiple times and looked funky.

Having an image for each category kept a consistent look. The plugin is easy to use so the client could change the image with no probleem. I also wrote a little if statement in case the client created a new category but failed to add an image so that it then went on to use the thumbnail of the latest post for that category (sort of long-winded but you get the point):

 <?php
      while ($my_query->have_posts()) : $my_query->the_post(); ?>
        <!--thumbnail -->
<? /*asks if the category has an image...else use the post Thumbnail...then  if not use the wedding.jpg  */ ?>
<span  class="lighten"><a href="<?= add_query_arg('t', strtolower($term->name), home_url( '/videos/' )); ?>">

    <?php 
    $image_link =  "<a href=".home_url( '/' ).(strtolower($term->name)).">";
    $image = apply_filters( 'taxonomy-images-list-the-terms', '', array(
        'taxonomy'     => 'video_types',
        'image_size' => 'detail',
        'after'        => '',
        'after_image'  => '',
        'before'       => '',
        'before_image' => ''
         )
    );


    if ( ! empty( $image ) ) {print $image;}

            elseif ( has_post_thumbnail() ) {the_post_thumbnail(); } 
             else { ?>
    <img src="<?php bloginfo('template_directory'); ?>/images/weddings.jpg" alt="<?php echo $term->name;?>" />
    <?php } ?></a></span><!--#lighten -->
        </div><!--#thumb -->
           <?php
          endwhile;
          ?>
      <?php
        }
      }
    }
    wp_reset_query();  // Restore global post data stomped by the_post().
    ?>