誰にも見えないブログ

雑なメモ。まとまってない文章等

ブログデザインに対するこだわり&サブブログのデザインを少し変更しました。

私がブログデザインに求めているのは以下の条件です。

  • 横のスペースを広く使える
    • ウインドウを広げたら記事スペースが広がる。
      • これに対応していなデザインが多すぎます。Full HDとかでウインドウを最大サイズにするとコンテンツがセンターによって左右にデカイスペースができるデザインが多いです。
      • 横が狭いデザインは改行を基本的にやらないマークダウンと相性が悪いです。

ということで、デザインを探したところ、Puccaというものを選んでいます。

ちょとデザインがフェミニンだが、まぁ見やすいのでよし。

サイドバーが邪魔だったのでモジュールを全て削除しましたが、

f:id:yuyubu:20191206233741p:plain
モジュールを全部削除して空に

サイドバーの跡地に謎スペースがあったので適当に修正します

f:id:yuyubu:20191206233825p:plain
記事の右に謎スペース

記事の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> */

f:id:yuyubu:20191206233952p:plain
謎スペース解消!

エンジニアの方、このデザインおすすめです!どんどん真似して&改良してください!