WordPressのデフォルトテーマであるTwenty Eleven。シンプルで使いやすいですが、カスタマイズしたい箇所がたくさんあると思います。
本サイトでは、Twenty Elevenの子テーマを作成し、色々なカスタマイズを紹介しております。
Twenty Elevenの最上部に余白があります。この余白がどうしても削りたく思いました。
早速、子テーマのCSSを編集です！
子テーマのスタイルシート編集
編集自体はとても簡単に終わります。#page {
margin: 0em auto;
}これを追記するだけです。※ 子テーマではなくTwenty Elevenを直接編集する場合には、スタイルシートの最下部に上記コードを追記してください。
Twenty Elevenのデフォルトでは、上記部分は、
#page {
margin: 2em auto;
}となっております。上部のマージンを0にしてあげるだけですね。子テーマのスタイルシートなので、デフォルトの設定が上書きされて、上部のマージンがゼロになるんですね。
余白が消えてすっきり
この画像では少々わかりにくいかもしれませんが、先ほどヘッダー上部にあった余白がなくなりました！小さな変化ですが、こういった修正を繰り返していくとかなり自分好みになっていきます。
今後も色々なカスタマイズを紹介していきたいと思います。
関連記事
Twenty Elevenを1カラムにして横幅を目一杯広げるWordPressのデフォルトテーマにもなったTwenty Elevenをカスタマイズし、個別記事や固定ページを1カラムで横幅目一杯で表示する方法です。
