nautilus notes

最近は主にObsidianのこと

はてなブログのシンプルイズベストおすすめカスタムCSS設定

おすすめというか単にこのブログの設定なのですが、ぼくが良いと思っている設定なので、やっぱりおすすめということで書きます。

CSSは、ブログ設定の「デザイン>カスタマイズ(スパナのマーク)> デザインCSS」に貼り付けることで有効になります。

/* <system section="theme" selected="report"> */
@import "/css/theme/report/report.css";
/* <system section="background" selected="fff"> */
body{background:#fff;}
/* </system> */

#container {
    width: 1000px;
}
#main {
    width: 700px;
}
.entry-title{
    border-bottom:2px solid #000000;
}
.date{
    border: none;
    margin-bottom: 5px
}

#privacypolicy{
    border-top:1px solid #000000;
    padding: 20px;
    text-align: center;
    font-size: 12px;
    color:#000000;/*文字の色*/
}

書いてあるとおりですが、すこしだけメモを残すと、

  • はてなのオフィシャルテーマ report をもとにしています
  • 横幅やタイトル周りをすこしいじっています
    • いまどきのPCは横に長いので、デフォルトだとちょっと幅が足りない気がして気になってしまいました
  • フッター(実際はフッターもどきのようですが)にプライバシーポリシーその他の固定ページを追加するための体裁を追加しています

ぼくの好みよりだいぶシンプルなのでまた変えたくなる気もしますが、デザインをいじるのに疲れて記事が書けなくなるパターンになりそうなので、このあたりで満足したいなと思っています。

おわりに

人気のあるテーマってのは本当にデザインに精通したすごい人が作っているので、基本はいじらないのが一番だと思っています。

思っているのですが、ついついちょっと触りたくなってしまいます・・・