ブログのデザインを考える
他所のサイトやブログを見てよいと感じたものはどんどん取り入れていきたい。
いざ収益化用のブログを作ろうとするときに、自分が良いと感じたデザインや構成のストックがあるとないとでは、出力されるものの品質も変わってくることだろう。
しかし、ただストックするだけでは実際に自分のブログで運用できるかはわからない。簡単なHTMLやCSSの知識が必要になるだろうし、実際にブログで設定してみたら思っていた感じと違った…ということもままると思われるからだ。
自在に使えるようにするためにも、一度自分で設定する必要があるだろうと考え、まずは見出しとボックスのCSSを導入してみた。
手始めに<h3>をCSSで設定してみた。
はてなブログで記事内の一番大きな見出しを編集するときは、<h3>についてCSSを設定すればよい。
見出しh3
最近よくみるデザインである。スッキリしていて個人的に好きな形だ。
それからちょっと横道にそれた話題や補足等を行うときに使うボックスも用意してみた
<div class="box4">
本文
</div>
このような感じでボックスの中に文章が収まるので、本文から独立した文章だということが 読み手に伝わりやすい。
補足的な文章を入れるのにちょうどいいだろう。
背景色をつけるかどうかは好みが分かれそうなところである。またフォントサイズや文字色を弄っても良いかもしれない