AFFINGER6でコンテンツの横幅を変更する方法

AFFINGER6では、コンテンツ（サイト）の横幅を変更できます。

コンテンツの横幅を変更すると、パソコンで見た時のサイトの横幅が変わり、記事本文が書かれているエリアを変更できます。

AFFINGER6でコンテンツの横幅を変更する手順

AFFINGER6でコンテンツの横幅を変更した場合は「AFFINGER管理」から行います。

WordPressの左メニュー「AFFINGER管理」＞「全体設定」に移動します。

この中にある「サイト全体のレイアウト一括設定」の項目で横幅を変更できます。

「PC閲覧時のサイトの幅」は、デフォルトでは下記のようになっています。

この数値を変更して、「Save」ボタンをクリックすれば、変更が反映されます。

パソコンで読みやすい文字数と横幅

AFFINGER6のデフォルトの横幅を使っても問題ありませんが、パソコンで読む場合は、やや横幅が狭いように感じます。

パソコンで読みやすい1行の文字数は、全角40文字程度と言われています。40文字以上だと、視線を横に移動させないといけないため、目が疲れてしまいます。

フォントサイズを変更していると、1行の文字数も変わってしまうので調整しましょう。

AFFINGER6の場合、フォントサイズを17pxに設定した場合、横幅を1100pxに設定すれば1行40文字になります。

なお、AFFINGER6のフォントサイズは、WordPressの左メニュー「AFFINGER管理」＞「全体設定」の中にある「フォントのサイズ」で変更できます。