忍者ブログにあるテンプレにちょっとずつ修正をくわえてデザインを変えてみた。
CSSの勉強がてらというので大幅な変更は無く、タグを覚えるついでにちょっと
いじってみた程度のものだが、変更を加えた箇所は以下の通り。
・本文のフォントを源ノ角ゴシックに
このフォントが入って無い場合は、
Windowsはメイリオ、Macはヒラギノ角ゴシックになります。
・背景を白メインに
読みやすいブログ講座のようなサイトをまわっていると「黒を基調とした背景は読みづらい」と、どこも口をそろえるかのように警告しています。黒好きなんだがなぁ…とりあえず今回は読みやすさを重視して白メインに。
・ヘッダーの高さを修正
修正をくわえたテンプレのヘッダーの高さが150pxだったので倍の300pxに変更。
前回使用していたデザインと比較するとそこまで変わってないと思う。
あとはタイトルのフォントと、ヘッダーの画像を変えた。
タイトルのフォントはＨＧ行書体とＭＳゴシック。
ＭＳゴシックはあまり評判よくないみたいだけど、
なんか独特の味があるからあえて使用してみましたｗ
Macを所持してないからわかんないけど、
ざっとしらべたところ標準で行書体が入ってないらしい？
なるべく環境に依存しない表示形式にしたいからタイトルだけでもウェブフォント
にしたかったんだが、今回はわからないので保留にします。
まだ色々と覚えなければいけない事多いけど新しいこと始めるっていいなぁ。
[3回]