Wedges.bin

はてなブログでWEBデザイン

はてなブログのテーマ〈Rouge〉

f:id:wedges:20150119022330j:plain

主な特徴

シンプル、そしてレスポンシブデザイン対応のテーマです。

※レスポンシブは、デザイン > スマートホン > 詳細設定 で、チェックを入れないとレスポンシブになりません。

印象的なヘッダーと、サイドバー領域を多く表示することの両立を目指しました。

アクセントカラーの変更のしやすさも特徴です。


※不具合等ございましたら、コメントを頂ければと思います。


 

アクセントカラーの変更

f:id:wedges:20150119022816p:plain:w400

アクセントカラーは下記のCSSを、「デザインCSS」に追加することで変更可能。
(詳しい手順はこちら

下記見本のCSSは、はてなブックマークの「青」と同じ色味に変更する場合のCSSです。

ベースカラー「008fde」の3箇所と、ベースカラーの明るめな色「00a4de」をお好きな色に変更して使用できます。

#blog-title,
.entry-see-more,
.entry-content h2 {
background-color: #008fde; /* base color */
}
.entry-content h3,
.entry-content h4,
.page-archive .archive-entries .entry-title {
border-color: #008fde; /* base color */
}
.entry-content h2:after {
border-top-color: #008fde; /* base color */
}
.entry-see-more:hover {
background-color: #00a4de; /* right color */
}

 


タイトル画像の設置時の注意事項

ブログタイトル部分に、タイトル画像を追加することも可能です。しかし、レスポンシブな可変デザインであるため、画像の配置は強制的にセンターにしています。

f:id:wedges:20150124143531p:plain


サンプル表示