WordPress Memo 100924

9.24.2010

WordPressのカテゴリー一覧のリンクにエントリー数を含める。

wp_list_categoriesでカテゴリー一覧をエントリー数ありで表示すると、なぜかエントリー数だけリンクに含めないようなので、 jQueryでなんとかする。

カテゴリー一覧を表示するときにエントリー数を表示しない方法もあるが、エントリーの多い順に一覧表示している場合などはエントリー数を 表示したくなるので覚書しておく。

WordPressが吐き出すリストタグに「cat-item」というクラス名が指定されているので、jQueryで拾うのは簡単。 下記では「カテゴリー名 : エントリー数」と表示されるようにしている。

VIEW CODE

function setcategorylinks() {
	
	var lileng = $("li.cat-item").length;

	for(var i = 0; i < lileng; i ++) {
		
		var catli = $("li.cat-item:eq(" + i + ")");
		
		var catlabel = $("a", catli).text();
		var catleng = catli.text().split(catlabel)[1];
		var cathref = $("a", catli).attr("href");
		
		catleng = catleng.replace(" (", " : ");
		catleng = catleng.replace(")", "");

		catli.html('<a href="' + cathref  + '">' + catlabel + '<span>' + catleng + '</span></a>');
	}	
}

category : JavaScript / WordPress / jQuery

Demonstrations

Feature Samples

Author

虹村 マキオウ (nizimura makiou)

猫と太極拳を愛する横浜在住のフリーランスクリエイターです。

logo

Demo and Sample

Category