サイドバーのカテゴリー・アーカイブ記事数表示をシンプルにする【SANGOカスタマイズ】

2019年4月28日2021年12月23日

クラゲ社長

サイドバーのカテゴリーやアーカイブに表示される記事数のデザインをシンプルなデザインに変更したよ！

Before

After

デザインの変更点

背景を白く変更
丸から四角に変更
表示位置を右寄せに変更

注意

環境によってはデザインが崩れたりする場合があります。
カスタマイズは自己責任で行なってください。

カスタマイズコードをスタイルシートにコピペする

WP管理画面の「外観→テーマ編集→スタイルシート（style.css）」に下記のコードをコピペする。

コード

/*--------------------------------------
サイドバーカテゴリー記事数表示
--------------------------------------*/
.entry-count {
	float: right;
	background: white;/*背景色*/
	color: #b5b5b5;/*文字色*/
	border: solid 1px #b5b5b5;/*枠線*/
	border-radius: initial;
}

その他のデザインも作ってみた

丸型シンプルデザイン

コード

/*--------------------------------------
サイドバーカテゴリー記事数表示
--------------------------------------*/
.entry-count {
	float: right;
	background: white;
	color: #b5b5b5;
	border: solid 1px #b5b5b5;
}

下線シンプルデザイン

コード

/*--------------------------------------
サイドバーカテゴリー記事数表示
--------------------------------------*/
.entry-count {
	float: right;
	background: white;
	color: #b5b5b5;
	border-bottom: solid 2px #b5b5b5;
	border-radius: initial;
}

背景有りデザイン

コード

/*--------------------------------------
サイドバーカテゴリー記事数表示
--------------------------------------*/
.entry-count {
	float: right;
	background: #bbb;
	color: #fff;
	border-radius: initial;
}