タグのカスタマイズ

テンプレートを修正して、見やすくしたい。
ありがちだけど、見出しにL字型のラインを入れて区切りを表現してみる。

アクセス解析のときにしたように、HTMLの編集をしてみたのだが、
動作がおかしい。

ここから、HTML編集を選択。

投稿のタイトルを装飾するcssタグ、h3.post-title に手を加える。

単純な修正として、改行を１つ入れてみる。
そして適用すると…。

モバイル用のテンプレートが真っ白に！
こうなると、上の手順で追加した改行を削除して元に戻しても、真っ白のまま。

という理由により、HTML編集はあきらめ、カスタマイズで、CSSを追加することに。

既存の、h3.post-title を変えると色々面倒なので、H3タグを直接操作。
これで、モバイルの方にも、問題なく適用された。


ついでに。
ブログのトップページだと、複数の記事が羅列されており、各タイトルから個別の記事へリンクされている関係で、タイトルはリンクカラーで表示される。
だが、各記事は通常のテキストカラーでの表示となり、色が変わって違和感がでるので、リンクカラーに合わせておいた。

このくらい、最初から合わせておいて欲しいなあ。