カテゴリーの順番を変更して記事数にclassをつける方法【WordPress】

このようなカテゴリーの一覧をサイドバーに、
表示しています。 カテゴリーの一覧をサイドバーに表示している例 これの、
・順番を変更して表示する方法
・記事数の部分にclassを当てるソースコード


をご紹介します。

手順1:メニューを新規作成

メニュー名を、入力して新規作成します。

ダッシュボード>外観>メニュー>新規作成 メニューを新規作成

手順2:好きな順番に入れ替え、メニュー保存

好きなページを選択>メニューに追加>並び替え 好きな順番に入れ替え、メニュー保存

手順3:ウィジェットからナビゲーションメニューを追加

ナビゲーションメニューを、サイバーウィジェットにドラッグ&ドロップします。

ダッシュボード>外観>ウィジェット ウィジェットからナビゲーションメニューをドラッグ&ドロップで追加

手順4:メニューを保存

先ほど作ったナビゲーションメニューを選択から選び保存します。

ダッシュボード>外観>ウィジェット 選択からナビゲーションメニューを選び保存

記事数を表示したい場合

1.このコードを、function.phpに追記

add_filter('wp_nav_menu_objects','my_nav_count');
function my_nav_count($items){
foreach ($items as $item){
if($item->object == 'category'){
$item->title .= "<span class='side_menu_count'>". get_term($item->object_id,'category')->count ."</span>";
$args[] = $item;
}
}
return $args;
}

2.数字部分に「.side_menu_count」というclassが当たるのでcssでデザイン調整

上記コードを入れると、
記事数の部分に「.side_menu_count」というclassがあたります。
cssで好みのデザインに調整をしてみてください。

参考サイト:
https://techmemo.biz/wordpress/wp_nav_menu_objects/
https://befriendmusic.com/wpcate-plugin/

コメントを残す