AFFINGERを使用していて、他のテーマを使用しているブログを見ていると記事の幅が広いのに気づかれる方もいると思います。
好みの問題もありますが、それ気づくと広い方が読みやすいので、AFFINGERの記事幅を広げたくなってきます・・・。
こんな方におすすめ
- AFFINGERの記事幅を広くして読みやすくしたい方
目次
＼本サイトで使用中のWordpressテーマ／
AFFINGERのデフォルトの記事幅
AFFINGER６のデフォルトで設定されているサイト幅は1060pxです。
この画面はこのブログをChromeの検証ツールで見ている画面です。
デフォルトでサイト幅が1060pxになっています。
記事部分の幅は740px
右サイドバーの幅が300pxです。
このサイト幅を1200pxに変更してみます。
AFFINGER6のサイトの幅の変更方法
管理画面左メニュー→AFFINGER管理→AFFINGER管理をクリックします
AFFINGERの設定ページが開きます。
①「全体設定」をクリックします
②「サイト全体のレイアウト」をクリックします
PC閲覧時のサイトの幅に、1200と入力して「Save」をクリックします。
次はサイトの幅を1200pxに変更したので、サイトの方をリロードして見てみます。
スポンサーリンク
サイト幅1200pxに変更後
サイト幅が1060px→1200pxになりました。
記事幅が740px→880pxに
右サイドバーの幅は変わりがありません。
これで記事幅を広げることが出来ました。
まとめ
サイト幅の変更のやり方は、他のテーマではやり方が違うと思いますし、管理画面から変更ができないテーマもあると思います。
AFFINGERの場合は、管理画面で簡単に変更することが出来ます。
