こんにちは。switchです。
今回はWordPressでサイトの横幅を変更する方法を紹介します。
WordPressでブログを書いたり、ホームページ型のサイトを作ったりする時にサイトの幅が窮屈に感じてしまうことってありますよね？「サイトの幅を自由に変更したい！」今回はこのような問題を解決していきます。
WordPressでサイトの横幅を変更するとき、WordPressの管理画面から「外観」⇨「テーマの編集」でCSSコードを変更する必要があります。
だけどテーマの編集って誤ってしまうと、サイトの崩壊につながったりするので初心者には怖いですよね。
そこでWordPressテーマが「アフィンガー」ならボタン一つで自由に変更できるので初心者でも超簡単。
WordPressテーマ「アフィンガー」が気になる方はこちら👇
WordPress有料テーマ「AFFINGER」の購入から初期設定までを解説
それでは解説します。
変更前のサイトの幅（エディット部分）は
アフィンガーのデフォルト状態では横幅は1060pxです。画像が入ったりすると窮屈に感じますよね。少し幅を広げましょう。
まずはWordPress管理画面へ。
「AFFINGER管理」をクリック。
「デザイン」をクリック。
「サイト全体のレイアウト」のところで、サイズ変更できます。デフォルトでは1060pxですが、ここで好みのサイズに変更できます。とりあえず1250pxにします。
「save」を忘れずに押してください。
サイトの幅が広がり、コンテンツも見やすくなったと思います。
before-afterで比べてみると
のように幅が広がると見やすくなりますね。あとはお好みのサイズに変更してください。
以上です。今回はWordPressのサイトの横幅の変更方法を解説しました。アフィンガーを使えばカンタンですね。
それではまた。