Snow Monkey 1カラムスリムの横幅をnoteと同じぐらいにしてみた

2022年12月13日

ブログの読みやすさを追求しすぎて、先日まで13pxのフォントにして細かくした失敗をしました。

スマホの表示は、画面が狭いのでまぁイイんですが、PCで見たときのレイアウトで迷ったので、noteのレイアウトを参考にしてみました。

まずは、フォントサイズ 18pxに。これは、カスタマイズの画面で変更できるのでOK

で、noteの1カラムの横幅を測ると、620pxなので、そうなるようにCSSで調整しました。

/* シングルカラム 640 px  */
.u-slim-width {
    max-width: 720px !important;
}

[data-has-sidebar=false][data-is-slim-width=true] .c-entry__content {
    /* --wp-block-width: 640px; */
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}