ワードプレステーマTwentyTenのサイト全体の幅の調整方法です。
私個人としては、テーマTwentyTenのサイト幅は丁度良いと感じています。デフォルト値は940px幅に設定されています。
中には少し幅を調節したいと思う方もいらっしゃると思います。今回は、TwentyTenのサイト幅の調整方法を書き残しておきます。
TwentyTenの幅調整はココ!!
それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開き、次の箇所を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)
/* =Structure
-------------------------------------------------------------- */
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 940px; /* ココです!! */
}
#wrapper {
background: #fff;
margin-top: 20px;
padding: 0 20px;
}はい、こちらです。この数値をお好みの数値に変えることで、サイト幅の調整を行えます。
私はこのくらいのサイト幅が丁度良いとは感じています。ですから、初心者さんなどは、このまま使用されると良いのではないでしょうか。
ちなみに、サイト全体(左右)に余白が入っているのですが(ヘッダー画像の左右とか)、その余白をなくしたい方は、こちらを編集するとなくなります。
/* =Structure
-------------------------------------------------------------- */
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 940px;
}
#wrapper {
background: #fff;
margin-top: 20px;
padding: 0 20px; /* ココです!! */
}ココです!!ココを次の様に編集すると、サイト全体の左右の余白がなくなります。
padding: 0;
これでOKです。これで、サイト全体(左右)の余白が消えたハズです。
チョッとしたことですが、こうゆうのが出来るとサイト作成に意欲が湧いてきますよね!!
