ブログデザインに対するこだわり&サブブログのデザインを少し変更しました。
私がブログデザインに求めているのは以下の条件です。
- 横のスペースを広く使える
- ウインドウを広げたら記事スペースが広がる。
- これに対応していなデザインが多すぎます。Full HDとかでウインドウを最大サイズにするとコンテンツがセンターによって左右にデカイスペースができるデザインが多いです。
- 横が狭いデザインは改行を基本的にやらないマークダウンと相性が悪いです。
- ウインドウを広げたら記事スペースが広がる。
ということで、デザインを探したところ、Puccaというものを選んでいます。
ちょとデザインがフェミニンだが、まぁ見やすいのでよし。
サイドバーが邪魔だったのでモジュールを全て削除しましたが、
サイドバーの跡地に謎スペースがあったので適当に修正します
記事のcssのwidthに設定されいたべた書きの-400px
が原因のようでした
#wrapper { margin-right: 70px; width: calc(100% - 400px); flex-shrink: 0; }
カスタムcssでこれを上書きするような以下のものを設定しました。
/* <system section="theme" selected="26006613463452396"> */ @import url("https://blog.hatena.ne.jp/-/theme/26006613463452396.css"); #wrapper{ width: 100%; } /* </system> */
エンジニアの方、このデザインおすすめです!どんどん真似して&改良してください!