【WordPress】テーマ「Stinger3」の本文widthを修正する方法

WordPressテーマ「Stinger3」の本文が少し狭く感じたので修正してみました。

ここでは本文のwidthを550pxから600pxに変更する方法を紹介します。

１．環境

• WordPress 4.0
• stinger3ver20140327

２．手順

WordPressにログイン→「外観」→「テーマ編集」→「スタイルシート（style.css）」をクリックします。

次の箇所クラス名のプロパティを変更します。

クラス名をコピーして、ソース内をブラウザの検索すると修正箇所がわかりやすいです。

１）.shadow:before, .shadow:after

修正前

修正後

２）.post blockquote

修正前

修正後

３）#header-in, #wrap-in, #navi-in, #footer-in, #gazou-in

修正前

修正後

４）#wrap #wrap-in #main

修正前

修正後

５）.post .entry .entry-content

修正前

修正後

６）.sumbun

修正前

修正後

７）#comments

修正前

修正後

８）h2

修正前

修正後

まとめ

本文の幅を広げるための修正箇所をまとめてみました。

修正前はCSSの内容をコピーしてテキストファイルに保存するなどのバックアップを忘れずに行ってください。