デフォルトもシンプルで文字のサイズも大きく見やすいのでいいんですが、せっかくなんで少し手を入れてみました。
こんな感じにしてみました。
デフォルトはこんな感じですよね。
変更した内容は
- センタリング
- 背景色(グラデーション)
- 角丸
- フォントの変更
2行だとこんな感じです。
H1タグにかかるカテゴリー一覧、タグ一覧、固定ページなども同じ処理になります。
style.cssに追加
差分はこんな感じです。
.entry-title, .post .entry-title { text-align: center; padding: 10px 20px; background: linear-gradient(175deg, #fff, #f3f3f3); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "MS Pゴシック", sans-serif; }
H2タグ以下はまた後日アップしますね。
テーマをいじる場合は、必ずバックアップをとり、自己責任で作業してください。
また、子テーマで作業するのが望ましいです。