Wordpressのサイドバーのカテゴリー一覧に「New」などの画像を入れたい。

Question

はじめまして、Yuiといいます。
初心者のため、乱文失礼いたします。
以前回答してくださった方々、質問が分かりづらくてすみません。
改めて投稿します。

図のような具合に、サイドバーのカテゴリー一覧にそれぞれ「NEW」などの画像や文字を挿入したいのですが、どのようにすればよろしいのでしょうか…。
ご教授お願いいたします。
使用しているテーマはLightning、wordpressのバージョンは5.0.3です。

Comments

[CHERRY]

サイドバーはどのように出力しているのでしょうか？

[Yui_love1213]

CHERRYさん、はじめまして。
サイドバーは、Wordpressのウィジェット機能を使っています。
…質問の回答になってますかねぇ…？(;´д｀)

Answer 1

add_filter( 'wp_list_categories', 'teratail170708_Yui_love1213');

function teratail170708_Yui_love1213($input){
    // デバッグ用
    //var_dump($input);
    
    // 最新の投稿1件を取得
    $new_posts = get_posts(array( 'numberposts' => 1));
    
    foreach($new_posts as $new_post)
    {
        $categories = get_the_category($new_post->ID);
        
        if($categories)
        {
            // 最新投稿のあるカテゴリのタームID 1件を取得
            $new_category_id = $categories[0]->term_id;
        }
    }
    
    // 全カテゴリ取得
    $categories = get_categories();
    
    foreach($categories as $category)
    {
        
        // 最新投稿のあるカテゴリだった場合は、"new!"を表示する
        if($category->term_id === $new_category_id)
            $output .= '<li class="cat-item cat-item-' . $cagetory->term_id .'"><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a>new! </li>';
        else
            $output .= '<li class="cat-item cat-item-' . $cagetory->term_id .'"><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>';
    }
    
    return $output;
    
    // 出力例
    // <li class="cat-item cat-item-1"><a href="http://localhost/wp/wordpress_5/category/cat1/" >カテゴリ1</a></li>
    // <li class="cat-item cat-item-3"><a href="http://localhost/wp/wordpress_5/category/cat3/" >カテゴリ3/a></li>
    // <li class="cat-item cat-item-14"><a href="http://localhost/wp/wordpress_5/category/cat14/" >カテゴリ14</a></li></li>

}

Comments

[Yui_love1213]

tohkai様、回答いただきありがとうございます(*´∇｀*)
もっと手軽なものだと思って質問したら、こんなに複雑なプログラムだったのですね…。
ご親切に誠にありがとうございます！！

[退会済みユーザー]

WordPressは管理画面からお手軽にサイトをつくれる分、管理画面でできないことをしようとすると、PHPとWordPressそのものの仕組みを理解する必要があることが多いです。

Yui_love1213さんが今後もWordPressのカスタマイズをしていく予定なのであれば、今回のコードの構造を理解したうえでご使用ください。

[Yui_love1213]

私のような初心者に教えてくれて、本当にありがとうございます。
応用ができないと困るので、もう一度色々と調べて有効活用できるように理解します！

[退会済みユーザー]

追記・修正の依頼がついたままの状態で未解決の質問があるようなので、そちらの質問への適切な対応もよろしくお願いします。