web-dev-qa-db-fra.com

Ajouter une vignette à wp_list_categories ()

J'utilise le code suivant pour afficher une liste de mes termes de taxonomie sur ma page d'accueil:

$customPostTaxonomies = get_object_taxonomies( 'guide' );

if( count( $customPostTaxonomies ) > 0 )
{
    foreach( $customPostTaxonomies as $tax )
    {
        $args = array(
            'orderby'       => 'name',
            'show_count'    => 0,
            'pad_counts'    => 0,
            'hierarchical'  => 1,
            'taxonomy'      => $tax,
        );

        wp_list_categories( $args );
    }
}

Maintenant, j'essaie d'ajouter au titre, la vignette de terme que j'avais configurée avec un champ personnalisé pour cette liste (que je peux afficher avec le code suivant):

$saved_data = get_tax_meta( $term_id, 'image_field_id', true );
echo '<img src="' . $saved_data['src'] . '">';

Je ne sais vraiment pas comment les mélanger ... J'ai lu quelques mots sur les classes de marcheurs personnalisées, mais je ne sais pas comment les utiliser. Quelqu'un peut-il me montrer un exemple de la façon de réaliser cela?

taxonomythumbnailswalkerwp-list-categories
1
olivier

Vous pouvez essayer ceci:

class List_Category_Images extends Walker_Category {
    function start_el( &$output, $category, $depth = 0, $args = array(), $id = 0 ) {
        $saved_data = get_tax_meta( $category->term_id, 'image_field_id', true );

        $cat_name = apply_filters(
            'list_cats',
            esc_attr( $category->name ),
            $category
        );

        $link = '<a href="' . esc_url( get_term_link( $category ) ) . '" ';
        if ( $args['use_desc_for_title'] && ! empty( $category->description ) ) {
            $link .= 'title="' . esc_attr( strip_tags( apply_filters( 'category_description', $category->description, $category ) ) ) . '"';
        }

        $link .= '>';
        $link .= '<img src="' . $saved_data['src'] . '">';
        $link .= $cat_name . '</a>';

        if ( ! empty( $args['show_count'] ) ) {
            $link .= ' (' . number_format_i18n( $category->count ) . ')';
        }
        if ( 'list' == $args['style'] ) {
            $output .= "\t<li";
            $class = 'cat-item cat-item-' . $category->term_id;
            if ( ! empty( $args['current_category'] ) ) {
                $_current_category = get_term( $args['current_category'], $category->taxonomy );
                if ( $category->term_id == $args['current_category'] ) {
                    $class .=  ' current-cat';
                } elseif ( $category->term_id == $_current_category->parent ) {
                    $class .=  ' current-cat-parent';
                }
            }
            $output .=  ' class="' . $class . '"';
            $output .= ">$link\n";
        } else {
            $output .= "\t$link<br />\n";
        }
    }
}

Ce que je suis en train de faire est de modifier l'une des méthodes de la classe Walker_Category qui, dans ce cas, crée le lien avec le terme/la catégorie. En haut de la méthode, j'appelle la fonction get_tax_meta() (qui, je suppose, fonctionne car elle n'est pas intégrée à WordPress). Ensuite, j'ajoute l'image directement avant le nom de la catégorie:

$link .= '>';
$link .= '<img src="' . $saved_data['src'] . '">';
$link .= $cat_name . '</a>';

Il ne vous reste plus qu'à définir une nouvelle instance de cette classe dans votre fonction wp_list_categories():

$args = array(
    'orderby'       => 'name',
    'show_count'    => 0,
    'pad_counts'    => 0,
    'hierarchical'  => 1,
    'taxonomy'      => $tax,
    'walker'        => new List_Category_Images
);
wp_list_categories( $args );
1
Howdy_McGee