シンプルで使いやすいWordPressのテーマTwenty Elevenを楽しくカスタマイズしています！
本日はヘッダー内の左側の余白を削除してみたいと思います。
この画像のように、サイトタイトル左側に結構な余白があります。
私としてはサイトタイトルをもっと左側に寄せたかったのです！
子テーマのスタイルシート編集
編集は、ほんの一瞬で終わります。1 2 3 | #branding hgroup { margin: 0 2%; } |
これを追記するだけです。
※ 子テーマではなくTwenty Elevenを直接編集する場合には、スタイルシートの最下部に上記コードを追記してください。
2%の部分の数字を変えれば、余白幅が調節できます。
デフォルトでは7.6%となっております。
細かい部分にこだわっていこう
この通り！ヘッダーのサイトタイトルが左に寄りました。
あまり大きな変化ではなく、無意味だという声も聞こえてきそうですが．．．。
既存のテーマでカスタマイズしたい部分って、こういう細かい部分なんだと思います。
私の場合は、サイトタイトルが左に寄ったことで、とても大きな喜びを得られましたよ！
こういう細かいことを繰り返して、素敵なテーマを作り上げていくのです！
ほんの少しカスタマイズしただけで、WordPressがグッと身近に感じられるようになりますよ。
お試しあれ！
関連記事
Twenty Elevenを1カラムにして横幅を目一杯広げるWordPressのデフォルトテーマにもなったTwenty Elevenをカスタマイズし、個別記事や固定ページを1カラムで横幅目一杯で表示する方法です。
