WordPressの本文の幅を広げる方法

WordPressのテーマにStingerを使っている方もおおいと思います。私のこのブログもそうですし、デフォルトの設定では本文の幅が狭いと感じます。

別におしゃれでそういう設計なんだから、別にいいじゃん

という方は結構なのですが、例えば、Googleadsenseの336px幅の広告を2つ並べて表示しているサイトとか、よく見かけませんか?

スポンサードリンク

↓こんな感じに

0808

あなたのスティンガーさんの幅を確認してみてください。

もし、660pxとかだった場合、横にはどうやっても入りません(;^_^A

もうちょっと広くしたいと思ったら、結構カンタンにできますので、ご紹介しときます。

ダッシュボード - テーマの編集を選択

0808_1

”#wrapper”で検索して、max-widthの値で980pxとなっているところを変更する(今回は1100pxにしました)

デフォルトの980pxは念のためコメントアウトしてとっておきます。

見栄えを確認して、気に入らなかったら修正する。

気に入ったらコメントアウトを消す。

#wrapper {
  
    /*max-width: 980px;*/
      max-width: 1100px;
	padding: 0 10px;
	margin: 0 auto;
}

以上です。

これで幅が広がり、広告は2つ表示されるようになったうえ、見栄えもよくなりましたね!(超主観)

ワードプレスでこれどうやんの?

ってのがあれば聞いてください♪