WordPress テーマ「Twenty Twelve」「Twenty Eleven」「oki2a24」の見出しを比較し、Twenty Twelve ベースの子テーマ（すでに適用済み♪）ではどうするか考えます♪
- Twenty Twelve
- 見出しと本文の間が一番大きい
- h3 までは本文以上の文字サイズ
- 全ての見出しが太文字
- Twenty Eleven
- h3 が見出しの中では一番小さく、本文文字サイズよりも小さい。ナンデ？
- h3 のアルファベットが強制的に大文字に変換される。ナンデ？
- 太文字となるのは h1、h2 のみ
- oki2a24
- 次のように Twenty Eleven をベースに修正したもの → WordPressテーマTwenty Elevenの見出し（hタグ）スタイルを修正します！ | oki2a24
- h1 〜 h3 までに見出しを強調するために縦線を入れている
- h4 〜 h6 までは Twenty Eleven と同じ
本ブログの見出しをどのように変更したしましょうか？
Twenty Twelve を親テーマとしております関係で、新しいテーマでは Twenty Twelve の見出しと同じ CSS となっております。
しばらくこの Twenty Twelve の見出しのまま、使用してみようと考えております。つまり、見出しの CSS には変更なし、です。
h2 までは本文の文字よりも大きいですし、h3 では本文と同じサイズに見えますけれども、見出しと本文の間に十分な間がありますので、見出しと判別できるのではないかと予想しております。
h4 以降も見出しと本文の間が同じ高さをとっておりますので、文字サイズは本文よりも小さくなりますけれども、使ってみようかと考えております。
おわりに
次の課題のうち、最初の3つが完了しました。
- 子テーマを使う（Complete！）
- ヘッダー画像を設定する（Complete！）
- h2 の見出し、h3 の小見出しを修正するか検討する → WordPressテーマTwenty Elevenの見出し（hタグ）スタイルを修正します！ | oki2a24
- Jetpack 2.0 の無限スクロールを導入する
- moreタグでURL末端に付く #more-xxxx を削除する
残り2つもチェックしていく予定ですけれども、軽く見てみたところ、すでに対応済みのように感じられます。ちょっと調べてみる予定です。
楽しみですの♪
以上です。