縦に伸びるダークカラーとライトカラーの融合を目指した、はてなブログのテーマです。
2012年頃に自分のWebサイトで利用していた WordPress テーマと WordPress の Twenty Fifteen を参考に、はてなブログの環境や現在の事情に合うようにカスタマイズしました。
カスタマイズ
右側のサイドバーの背景を変更したい
はてなブログのデザイン設定で背景色や背景画像を設定すると、右側のサイドバーの背景が変更されます。
- 暗色の背景の設定がおすすめです。
右側のサイドバーの文字色を変更したい
下記のCSSをデザイン設定のデザインCSSに追加すると、変更できます。
ただし、暗い色に変更すると、かえって見づらい可能性がありますので、明るい色の設定がおすすめです。
#box2 { color: (お好みの文字色); } #box2 a { color: (お好みのリンクの文字色); }
左側の外側の背景色を変更したい
こちらも下記のCSSをデザイン設定のデザインCSSに追加すると、変更できます。
#blog-title, .header-image-enable #blog-title, #wrapper, #footer { background-color: (お好みの背景色); }
ヘッダーとフッターの背景色を変更したい
タイトル画像が設定されていないヘッダーとフッターの背景色を変更するには、こちらも下記のCSSをデザイン設定のデザインCSSに追記します。
#blog-title-inner, #footer-inner { background-color: (お好みの背景色); }
変更履歴
サンプルブログに詳しい更新内容が記載されています。
- 2021/01/29 (https://vertical-blogtheme.hatenablog.com/entry/update-202101)
- より見やすく調整
