AFFINGER6でサイトの横幅を変える方法【1200pxがおすすめ】

悩む人

AFFINGER6(アフィンガー)でサイトの横幅を変える方法が知りたい。僕のブログは横幅が狭くて見づらい...。おすすめの幅とかあるのかな？だれかAFFINGER6でサイトの横幅を変える方法を教えてください。

このような疑問を解消します。

この記事を書いている僕は、ブログ歴5年の雑記ブロガーです。元々はCocoonユーザーでしたが、AFFINGER6を導入してからブログPV数や収益が伸びました。収益は毎月4桁です。AFFINGER6大好きです。

今回は、「AFFINGER6でサイトの横幅を変える方法」を解説していきます。

正直、AFFINGER6(アフィンガー)は初期設定のままでも十分使いやすいです。しかし、より”見てもらいやすいサイト”を目指すのであれば、やはり日々改善が必要です。

その中でも「PC閲覧時のサイトの幅」は、かんたんに設定できます。

本記事では、その「PC閲覧時のサイトの幅を変える方法」を共有していきます。

AFFINGER6の横幅を変える方法の結論を先に書いておくと、下記のとおり。

上記のとおり。

とてもかんたんです。実際に手を動かしてみると1分程度で完了できます。

本記事では画像付きで手順を解説していきますので、初心者の方もマネしていただければすぐにサイトの横幅を変更することができます。

それではさっそく本編へ進んでいきましょう。

あなたのブログライフの参考になれば幸いです。

よろしくお願いします！

AFFINGER6でサイトの横幅を変える方法【1200pxがおすすめ】

AFINGER6でサイトの横幅を変える方法の結論を先に書いておくと、下記のとおり。

上記のとおり。

それではひとつずつ詳細を見ていきましょう。

まずは、WordPressの管理画面を開き、左側のメニュー項目から「AFFINGER管理」をクリックします。

「全体設定」をクリックします。

サイト全体のレイアウト一括設定の「PC閲覧時のサイトの幅」に数字を入力します。

デフォルト（初期設定の無記入）の場合、1060pxとなっています。

上の画像は、サイト幅1060pxでのサイトの横幅のイメージ（変更前）です。

たぶん本記事をご覧の方は、パソコンで見ている方が多いと思いますが、「うわ！コンパクトなのはイイけど見づらいし読みにくそうだな！」と感じたハズ...。

サイトの横幅が1060pxだとすこし窮屈感がありますよね。

僕が個人的におすすめできるサイト幅は「1200px」です。

なので、「PC閲覧時のサイトの幅」に、1200と入力していきます。

サイトの幅に1200と入力後、［Save］をクリックします。

Saveを押すと、更新されて、最初のAFFINGER管理画面に戻ります。

そうしたら、自分のサイトを表示させてみましょう。

上の画像は、1200pxでのサイトの横幅のイメージ（変更後）です。

1060pxのときより、視認性が高くなったことが感じていただけると思います。

上の画像は、サイト幅1060pxと1200pxの比較画像です。

画像を圧縮してしまっているので、少し見づらくてごめんなさい。とはいえ、こうして画像を重ねてみると、横幅が大きくなり、余白が増えて見やすくなったと思います。

これで、AFFINGER6でサイトの横幅を変える方法は以上となります。

まとめ：サイト幅の変更をいろいろ試してみよう

今回は、「AFFINGER6でサイトの横幅を変える方法」を解説しました。

内容をまとめると、下記のとおり。

上記のとおり。

実際に手を動かして、設定変更をしてみると、かんたんに実行できたかと思います。

もしかしたら人によっては「1200px」でも小さい気がする...と思う方もおられると思います。そういう場合は、いろいろなサイトやブログをチェックして、そのサイズを調べて、そして今回のようにAFFINGERの設定からサイト幅を変更するといいかもしれません。

いろいろと試して、ご自身が最適だと思うサイトを構築していきましょう。

ということで今回は以上です。

最後までお読みいただき、ありがとうございました！

この記事があなたのブログライフの一助になったのであれば幸いです。

それではまた次の記事でお会いしましょう( ･ω･ )/

こちらの記事も読まれています＞＞グーグルアドセンスで月1,000円稼ぐコツ【裏技などない】