カテゴリ記事数非表示のCSSカスタマイズ改

去る2005年8月25日から、gooブログの「カテゴリ(CATEGORY)」にリンクされたカテゴリ名に加えてそのカテゴリに属する記事数が追加されました。また、2005年9月14日からカテゴリに属する記事数に指定されていたクラスが comText から catLink に変更されました。

ということで、2005年8月24日以前と同じ表示の方が都合が良いという方もいらっしゃると思いますので、「カテゴリの記事数」を消してみましょう。 カスタムマークの付いているテンプレート（シンプル系18種、カスタム系3種）を使っていればやり方は簡単で、CSS編集で .catLink のセレクタに手を加えるだけで、見かけ上表示しない^※ことくらいはできるんです。
＃ カテゴリ名とその記事数の間に隙間を設けたい場合は、「カテゴリと記事数に隙間を設けるCSSカスタマイズ」を参照のこと

CSSの変更（追加）箇所は、以下の通りです。

/* カテゴリー（category）のリスト */
.catLink {
  color: ;
  font-size: ;
  text-decoration: underline; /* シンプル系の場合 */
}

↓

/* カテゴリー（category）のリスト */

/* カテゴリー（category）の名称 */
A SPAN.catLink {
  display: inline; /* インライン表示する */
  color: ;
  font-size: ;
  text-decoration: underline; /* シンプル系の場合 */
}

/* カテゴリー（category）の名称・記事数 */
.catText,
.catLink {
  display: none; /* 表示しない */
}

セレクタ .catLnik は「カテゴリ記事数」と「カテゴリ名称」の両者に影響し、セレクタ A SPAN.catLink は「カテゴリ名称」のみに影響します。
また、「カテゴリ記事数」のために catText というクラスを新設していただく方向で要望していますので、クラスが新設されればCSSの内容はもっとスマートになります。
＃ 「カテゴリ記事数」のために catText というクラスを新設していただけることを信じて .catText のセレクタも記述しています

なお、「カテゴリ記事数」に指定されているクラスが comText ではなくなったために、以前の記事のように「最新のコメント投稿者」には影響しません。

このCSSカスタマイズの適用イメージは、以下の通り。

【通常】

カテゴリ

Moblogs(25)
BaseNotes(10)
：

最新のコメント

かつを/ベースノート
Mid-Knight/クリアミントのCSS
：

↓
【カスタマイズ後】

カテゴリ

Moblogs(25)
BaseNotes(10)
：

最新のコメント

かつを/ベースノート
Mid-Knight/クリアミントのCSS
：

この方法で変更できるテンプレート（対象テンプレート）は、以下の通り。

• カスタムブルー　同メタル　同フリー
• クリアオレンジ左右　同左　同右
• クリアグレー左右　同左　同右
• クリアパープル左右　同左　同右
• クリアピンク左右　同左　同右
• クリアブルー左右　同左　同右
• クリアホワイト左右　同左　同右
• クリアミント左右　同左　同右（わは）

なおこのブログは「カテゴリの記事数」を表示して欲しかったので、勿論消しませんが期間限定で太字に（してFirefoxやOperaなら更に色も）変更してみました（わは）。また、指定されているクラスが catText に変更されれば記事数の色がグレイになる筈です。

---

※ 見かけ上表示しない
ブラウザでソースを見れば分かりますが、カテゴリの記事数も出力はされています。単にブラウザ上で表示していないだけなので、転送されるデータ量の削減にはなりません。

● カテゴリーの横に記事数を表示しました - gooブログ スタッフブログ 2005年08月25日18:24
● 障害：カテゴリ内記事数のクラス誤り 2005年09月13日17:37
● カテゴリ記事数非表示のCSSカスタマイズ 2005年08月26日02:35
● カテゴリと記事数に隙間を設けるCSSカスタマイズ 2005年10月13日23:11

---

トラックバック送信しました。
● カテゴリーを増やしました - BLOG STATION 2005年08月31日15:52
● バランス感覚 - ラッキーと勢いだけで生きてます 2005年08月30日15:11