TwentyTen サイト幅の調整

ワードプレステーマ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です。これで、サイト全体(左右)の余白が消えたハズです。

チョッとしたことですが、こうゆうのが出来るとサイト作成に意欲が湧いてきますよね!!

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です