テーマの解説（英語）	Duster — WordPress.com
〃（日本語）	テーマ「Duster」の解説＊
デモ（英語）	Duster Theme | Just another WordPress.com site
〃（日本語）	Duster | Just another WordPress.com site＊
更新情報（英語）	New Theme: Duster — Blog — WordPress.com
〃（日本語）	－
ソースコード	Revision 5806: /duster

＊： 当ブログにて作成

設定のバリエーション

ヘッダー画像を設定することができます。

アイキャッチ画像を設定した記事を「先頭に固定表示」に指定すると、

アイキャッチ画像が下図のように表示されます。

1000×300px以上の大きさの元画像を使用すると下図のように枠いっぱいにアイキャッチ画像が表示されます。

ヘッダー画像を設定している場合には、アイキャッチ画像を設定している記事を個別投稿表示にするとアイキャッチ画像がヘッダー画像として表示されます。

CSS編集のバリエーション

ieでのフォント表示をきれいにする

以下のCSSを追加するとIEでのフォント表示がきれいになります。

body,input,textarea,.wp-caption .wp-caption-text { font-family:Meiryo,'Trebuchet MS',Verdana,sans-serif; }
#site-title a { font-size:36px; }

テーマ色をモノトーン系にする

以下のCSSを追加すると

body,input,textarea,.wp-caption .wp-caption-text {
font-family:Meiryo,'Trebuchet MS',Verdana,sans-serif;
font-weight:500;
}

.entry-content,.entry-summary {
font-size:85%;
}

#site-title a {
font-size:36px;
}

.entry-title {
font-size:120%;
}

.singular .entry-title {
font-size:150%;
}

.widget a,#content nav a,.entry-content a,section.ephemera .entry-title a,.widget_duster_ephemera .entry-title a,.comment-meta a,#respond .logged-in-as a,.singular .entry-header a,section.feature-image.large:hover .entry-title a,section.feature-image.large .entry-title:hover a {
color:#222;
}

.widget a:hover,#content nav a:hover,section.ephemera .entry-title a:hover,.widget_duster_ephemera .entry-title a:hover,.comment-meta a:hover,#respond .logged-in-as a:hover,.singular .entry-header a:hover,section.feature-image.large:hover .entry-title a:hover,section.feature-image.large .entry-title:hover a:hover,.entry-title a:hover,.entry-meta a:focus,.entry-meta a:active,.entry-meta a:hover {
color:#222;
text-decoration:underline;
}

.entry-content a:hover {
color:#777;
}

section.ephemera .entry-title a span,.comment-reply-link {
color:#222;
}

.commentlist > li.bypostauthor .comment-content a,.commentlist .children > li.bypostauthor > article .comment-content a {
color:#cacaca;
}

.commentlist > li.bypostauthor .comment-content a:hover,.commentlist .children > li.bypostauthor > a:hoverrticle .comment-content a:hover,.commentlist > li.bypostauthor .comment-content a:focus,.commentlist > li.bypostauthor .comment-content a:active,.commentlist > li.bypostauthor .comment-content a:hover {
color:#cacaca;
text-decoration:underline;
}

.commentlist > li.bypostauthor .comment-meta a:focus,.commentlist > li.bypostauthor .comment-meta a:active,.commentlist > li.bypostauthor .comment-meta a:hover {
color:#cacaca;
text-decoration:underline;
}

.commentlist > li.bypostauthor .comment-reply-link:focus,.commentlist > li.bypostauthor .comment-reply-link:active,.commentlist > li.bypostauthor .comment-reply-link:hover {
color:#cacaca;
text-decoration:underline;
}

.commentlist > li.bypostauthor .comment-content a:focus,.commentlist > li.bypostauthor .comment-content a:active,.commentlist > li.bypostauthor .comment-content a:hover {
color:#eee;
text-decoration:underline;
}

.widget_calendar #wp-calendar tfoot td {
background-color:#FFFFFF;
}

.widget_calendar #wp-calendar th {
background-color:#FFFFFF;
}

 

テーマの全体的な色がモノトーンになります。

なお、2011年6月16日現在、テーマ「Duster」の次世代テーマであり、また、デフォルトテーマでもある「Twenty Eleven」には、リンク色を任意の色に自由に変更する機能があります。したがって、上記のようなCSS編集をしなくても、テーマをモノトーン系にすることができます。