ブログデザインの修正

とにかくアップデート後のブログデザインが気に入らないので、デザインを修正してみた。
基本的にデフォルトのCSSを編集していくのみ。
ちょっと面倒だけど、CSS編集画面からプレビューを開いてChromeのデベロッパーツールを起動し、編集したいタグに対するCSSのclassが特定して値をいじっていく作業。

まずはページの幅が狭くて極端な縦長になっているのが嫌なので、ページ幅だけを直した。
具体的には、ページ全体の幅が body と l-wrapper__inner に設定されているので、ここの width を変更。
また、下部左側の本文が Main__inner と Article に、下部右側のいわゆるパーツ類の領域が Side__inner に定義されているので、こちらも width を変更。
あとはタイトルの文字を大きくするために、Header__inner の font-size を変更。

とりあえずこれだけでもちょっとすっきりしたかな。
あとはもう少しフォントを見直したい。

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント