【WordPress.com】カテゴリーの枠に色をつける

 

記事「【WordPress.com】カテゴリーを大カテゴリー毎にボックス分割するためのCSS | comemo com|2016-02-18」で紹介した CSS に以下の CSS を追加したりしたものです。

テーマ「Origin」で調整したものです。他のテーマで適用するためには微修正が必要かもしれません。

【WordPress.com】カテゴリーを大カテゴリー毎にボックス分割するためのCSS

HTML の記述の方はカテゴリーウィジェットのダミーデータです。CSS の記述を WordPress.com に適用すると、カテゴリーウィジェットがボックス分割されると思います。

うまくいかないテーマもあるかと思いますが、とりあえず、公開しておきます。

【WordPress.com 】ウィジェットから特定のカテゴリーやタグを表示させないようにする方法

以前、以下のような記事を書きましたが、

ウィジェット「カテゴリークラウド」と「タグクラウド」の場合は、CSS を追加しなくても、任意のカテゴリーやタグを非表示にできるようなので、その覚え書きです。

続きを読む

[WordPress.com] カテゴリーの階層化表示についての考察

WordPress.com には、カテゴリーを階層化する機能があります。

例えば、テーマ「Bueno 」や

awdfafdasd
Bueno

続きを読む

#2013

[WordPress.com] カレンダーウィジェットの日付を丸くする

WordPress.com にはカレンダーウィジェットというのがあります。私自身は、どちらかというと機能的なことよりもブログのデザインの一つとして利用している面が強いです。

そういうわけで、とりあえず、私自身のブログで使っているカレンダー用の CSS を紹介しておきます。

Twenty Eleven

AccessMenuBarApps-1

/* カレンダー comemo-theme-twenty-eleven rev.0.1 */
.widget_calendar #wp-calendar th,.widget_calendar #wp-calendar tfoot td {
	border: none;
	background: none;
}

.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	width: 14%;
}

#today {
	border: 1px solid #d38110;
	border-radius: 2px;
}

.widget_calendar tbody td a, .widget_calendar tbody td a:visited {
	background-color: #DC8110;
	border-radius: 12px 12px 12px 12px;
	color: #FFFFFF;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 1px;
	vertical-align: middle;
	width: 24px;
}

.widget_calendar tbody td a:hover {
	background-color: #e8a870;
	color: white;
}

続きを読む

#2013

[WordPress.com] ウィジェットから特定のカテゴリーやタグを表示させないようにするための CSS

6月 | 2013 | comemo | ページ 7

続きを読む

#2013

テーマ「Adelle」の「最近の投稿」ウィジェットの日付の表示を補正するための CSS

5月 | 2013 | comemo | ページ 6

続きを読む

#2013