Title: Twenty Elevenの幅
Last modified: 2011年7月6日

---

# Twenty Elevenの幅

 *  解決済 [riq0h](https://ja.wordpress.org/support/users/riq0h/)
 * (@riq0h)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/)
 * Ver3.2のデフォルトテーマであるTwenty Elevenのシンプルさに惹かれたのでこれから
   主に使っていこうと思っているのですが、非常に幅が狭いため文章の見栄えが悪くなる
   点が残念です。
    FullHDの液晶からサイトを閲覧すると特に気になります。 せっかく
   意識して改行していてもこの狭さでは意味がありません。 そこで、何とかしてテーマ
   のデザインを崩さずに幅を広げたいのですが何か方法はありますでしょうか？ それとも
   私が何かの設定を見落としているだけですか？ ご教示お願いします。

9件の返信を表示中 - 1 - 9件目 (全9件中)

 *  [Heihachiro](https://ja.wordpress.org/support/users/heihachiro/)
 * (@heihachiro)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140394)
 * /wp-content/themes/twentyeleven/style.css
 * というファイルの、#page に指定された max-width の値を増減してやればご希望の事
   ができるかと思います。
 *     ```
       /* =Structure
       ----------------------------------------------- */
   
       body {
       	padding: 0 2em;
       }
       #page {
       	margin: 2em auto;
       	max-width: 1000px;
       }
       ```
   
 * ここの 1000px の数値を変えてみてください。
 * ただし適度な範囲にとどめておかないと幅の狭いモニターを使ってる方からは見づらく
   なると思います。
 *  トピック投稿者 [riq0h](https://ja.wordpress.org/support/users/riq0h/)
 * (@riq0h)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140395)
 * 返信ありがとうございます。
    その方法については既に試していますが、数値をどれだけ
   変更しても実際の幅は変わらない事が分かりました。 どうやらその方法ではダメみたい
   です。
 *  [Heihachiro](https://ja.wordpress.org/support/users/heihachiro/)
 * (@heihachiro)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140396)
 * 実際の幅というのはどういう事でしょう？
    私の所で試したらちゃんとサイトの横幅が
   広がって表示されましたよ。
 * たとえば数値の変更後にブラウザキャッシュの削除を試して見ましたか？
 *  トピック投稿者 [riq0h](https://ja.wordpress.org/support/users/riq0h/)
 * (@riq0h)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140397)
 * おかしいですね・・・。
    私の環境だとブラウザのキャッシュを削除しても数値どおり
   に反映されません。（変更されません。） 参考までに書くと、フォント関係も同時に
   いじっているのですが、こちらは（たとえブラウザキャッシュの削除をしなくても）即
   反映されました。
 *  [Heihachiro](https://ja.wordpress.org/support/users/heihachiro/)
 * (@heihachiro)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140398)
 * そうですか、それは謎ですね。
 * 念のために申し上げておきますが、Firefox5 と IE8 でCSSの変更が適用されてサイト
   の横幅の表示が広がる(狭まる)事を確認しました。
 * CSSファイルの width 関係の数値を変更する以外に何か方法がありましたかねぇ…
 * 夜が明ければもっと詳しい方の回答がいただけるかも知れませんが、CSSをいじった際
   になにか記述ミスをしてないかチェックもしてみてください。
 *  トピック投稿者 [riq0h](https://ja.wordpress.org/support/users/riq0h/)
 * (@riq0h)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140399)
 * ありがとうございます。
    ブラウザはFirefox5を使用しています。 上の1000pxの部分
   だけを変更すれば変わるはずなんですよね？ ちょっとこれは悩みますね・・・。
 *  [Heihachiro](https://ja.wordpress.org/support/users/heihachiro/)
 * (@heihachiro)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140400)
 * > 上の1000pxの部分だけを変更すれば変わるはずなんですよね？
 * ええ、少なくとも Twenty Eleven のデフォルト状態で何もいじってない私のテストサイト
   では問題なく幅を変更できています。ですが Twenty Eleven のファイルとにらめっこ
   していて、先程もしかしたらというのを一つ見つけました。
 * もしかしてテーマのオプション設定でサイドバーを表示しない1カラムのデザインにし
   ていますか？
 * 私の不注意でこれまで気づかずにいて申し訳ありませんが、その場合は上で提示した部分
   ではなく以下の部分の数値を変更する必要があるみたいです。
 *     ```
       /* One column */
       .one-column #page {
       	max-width: 690px;
       }
       ```
   
 * こちらもオプション設定のサイドバーなし1カラムの状態で幅が変更できる事を確認しま
   した。
 * これで駄目なら申し訳ありませんがちょっと私では解りかねますね。
 * もし差し支えなければ riq0h さんの構築中のサイトのURLを提示していただければ、どなた
   かもっと詳しい方が適切なアドバイスをくださるかも知れません。
 *  トピック投稿者 [riq0h](https://ja.wordpress.org/support/users/riq0h/)
 * (@riq0h)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140401)
 * 返信ありがとうございます。
    まさにそれでした。 実は私もたった今その記述を発見
   し、改変を加えて反映を確認したので問題解決の旨を報告しようと思っていた所です。
   最後まで丁寧にご教示下さった事に感謝致します。
 *  [Heihachiro](https://ja.wordpress.org/support/users/heihachiro/)
 * (@heihachiro)
 * [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140402)
 * そうですか、よかったです。
 * 中途半端なアドバイスで余計なお時間を取らせてしまい申し訳ありませんでした。
 * それでは。

9件の返信を表示中 - 1 - 9件目 (全9件中)

 トピック「Twenty Elevenの幅」には新たに返信することはできません。

## タグ

 * [3.2](https://ja.wordpress.org/support/topic-tag/3-2/)
 * [twentyeleven](https://ja.wordpress.org/support/topic-tag/twentyeleven/)

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 9件の返信
 * 2人の参加者
 * 最後の返信者: [Heihachiro](https://ja.wordpress.org/support/users/heihachiro/)
 * 最後の活動: [15年、 3ヶ月前](https://ja.wordpress.org/support/topic/twenty-eleven%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-140402)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック