はてなブログのテーマ〈Rouge〉
主な特徴
シンプル、そしてレスポンシブデザイン対応のテーマです。
※レスポンシブは、デザイン > スマートホン > 詳細設定 で、チェックを入れないとレスポンシブになりません。
印象的なヘッダーと、サイドバー領域を多く表示することの両立を目指しました。
アクセントカラーの変更のしやすさも特徴です。
※不具合等ございましたら、コメントを頂ければと思います。
アクセントカラーの変更
アクセントカラーは下記の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 */ }
タイトル画像の設置時の注意事項
ブログタイトル部分に、タイトル画像を追加することも可能です。しかし、レスポンシブな可変デザインであるため、画像の配置は強制的にセンターにしています。