顯示圖片/ wordpress類別的標簽

Question

我有一個分為兩部分的問題，涉及Wordpress的“類別”部分。

我正在使用此代碼在我的Wordpress網站中顯示類別。

的HTML

<?php
    $args = array(
    'show_option_all' => 'ALL',
    'title_li' => ''
    );
?>

<h3 class="category-list"><?php wp_list_categories($args); ?></h3>
<h2> ... </h2>

我想用圖標/圖形替換類別名稱（來自Fontawesome，我正在使用引導框架），並且在<h2>中，我想顯示該子彈，但是我不確定如何完成此操作

Answer 1

    add_shortcode('custom_categories', 'custom_categories_function');

function custom_categories_function() {
    $upload_dir = wp_upload_dir();
    $args = array(
        'hide_empty' => FALSE,
        'taxonomy' => 'ads-category',
        'orderby' => 'name',
        'show_count' => 1,
        'pad_counts' => 1,
        'hierarchical' => FALSE,
        'parent' => 0,
        'title_li' => '',
        'show_option_none' => '',
        'echo' => 0
    );
    $all_categories = get_categories($args);
    $html = "<ul>";
    foreach ($all_categories as $categories_item) {
        $html .= '<li class="'.$categories_item->slug.'"><img src="'.  $upload_dir['baseurl'].'/ads_cat_icons/'.$categories_item->slug.'.png"> <a href="' . get_term_link($categories_item) . '">' . $categories_item->name . '</a> (' . $categories_item->count . ')';
        $html .= '<ul>';
        $args['parent'] = $categories_item->cat_ID;
        $html .= wp_list_categories($args);
        $html .= '</ul></li>';
    }
    $html .= "</ul>";
    return $html;
}