デザイン修正3(アイコンフォント導入・ヘッダー再調整)

スクリーンショット 2016-08-20 23.24.55
苦戦しながらも、やっとアイコンフォントの導入に成功….!
本当はligature_symbolsを使うはずが、なかなか上手くいかず、結局無難に fontawesome をつかうことに。

ヘッダーと記事タイトルには各phpファイルに直接<i>タグを埋め込んで、サイドバーの部分はhtmlがechoされてなくて同じ手段が使えなかったから、該当のクラスに CSSで :before を使って記述する方法で書き込みました。

やっとアイコンが入って、目指す形に近づいてきたので、同時にデザインも再度微調整。
ずっと微妙だったヘッダー部分に背景カラーを入れて、可愛い感じにまとめられました。

残るは記事コンテンツ内用のタイトルスタイルかな〜
ヘッダー可愛くなったから、画像作成案は一旦保留で。