Sibatabi

旅の経験を情報として配信するブログ

【STINGER6】記事内の文字の調整と見出しデザインのカスタマイズ

 2016/01/17 
stinger6

文字を調整して読みやすく!

「STINGER6」をそのまま利用すると、文字が小さかったり、行間が狭かったりで読みにくい印象があったので、調整してみました。

また、記事内の見出しデザインも変更したので、参考までにまとめておきます。

STINGER6専用子テーマを利用しています。

 

PC画面だけ記事タイトルを大きくして行間を広げる

style.cssのPC部分に上記を追加して、PC画面だけ記事タイトルを大きくして、行間を広げました。

 

記事内の文字を大きくして、文字間の幅と行間も広げる

共通部分

style.cssの共通部分に上記を追加。
フォントサイズを大きくして、文字間、行間の幅を広げました。

PC部分

PC部分には上記を追加。
PCの方が行間を少し広めにしました。

 

記事内の見出しデザインをカスタマイズ

style.cssの共通部分に上記を追加。

こんな感じでシンプルにしてみました。

h2

h3

h4

 

最後に

以上が、このブログで行った記事内文字のカスタマイズです。

本当は、見出しはもうちょっと考えたかったんですが、時間が無いので取り急ぎこんな感じです。

また、変更したら更新させていただきます!

※2016/2/3更新しました。