はてなブログの見出しをカスタマイズ（装飾）してみました - 投機で1,000万円失った私が投資で取り返すまでのブログ

どうも。

やまこうです。

前回に引き続き、ブログカスタマイズネタです。

今回は、見出しに対するカスタマイズです。

今利用しているテンプレートはシンプルでかっこいいのですが、見出しに設定しても、あまり差が分からないので、カスタマイズすることにしました。

はてなブログには、3つの見出しが設定されています。

この3種類の見出しをカスタマイズしていくことになります。

そもそも、h3を大見出しにすることには、SEO上問題ではないかとの記事がありました。

SEOとかは、まだまだ早い感じですので、いずれ読み返したいと思います。

実際のカスタマイズの方法については、下記のサイトを参考にさせて頂きました。

背景を青で塗りつぶして、文字を白抜きにします。

.entry-content h3{
color: #ffffff;
background: #000080;
padding: 10px 10px;
}

見出しの左に太めの線を引き、下線を引きます。

この見出しのやつですね。

.entry-content h3{
color: #3f3f3f;
padding: 10px 15px;
border-left: 10px solid #000080;
border-bottom: 3px solid #000080;
}

これで、更にそれっぽくなりましたね。

更に見やすいブログを目指して、カスタマイズを継続していきたいと思います。