AFFINGER5

★ 【AFFINGER5】サイトの横幅を変更する(初期値は狭い・小さい)





AFFINGER5 導入時のサイトの横幅(初期値)は比較的狭い(小さめ)のため、記事欄が若干狭い(詰まっている)印象を受けます。本記事では、横幅を広げた場合の実際のイメージサンプルと、横幅の設定変更の方法を紹介します。

AFFINGER5 はアフィリエイトに適した WordPress の優良テーマの一つです。AFFINGER5 では、設定一つでサイトの横幅を変更することができます。


AFFINGER5 ご購入はこちら


サイトの横幅の比較


AFFINGER5 利用時のサイトの横幅の初期値は 1060(px) です。横幅を 1200(px)に変更した場合のイメージと比較します。


横幅 1060(px)(※初期値)の場合


(画像は実際よりも縮小しています)


モニタの解像度(1366×768)の場合、左右に余白が大きく目立ちます。また、メニューが6個しか並びません。


横幅 1200(px)に変更した場合



モニタの解像度(1366×768)の場合、左右の余白は比較的目立たず、また、メニューを7個並べることが可能です。

記事の横幅が(適切な範囲で)広い場合、横1行に表示できる文字数が増えることから改行数が少なくなり、段落ごとの文字数(文字の塊)が少なく見えますのでサイトに読みやすい印象を与えます。またサイト記事の縦スクロール量が少なくなり操作性がアップし、かつ、一度に読者(ユーザ)の目に入る情報量が増加しますのでユーザビリティが上がります。

イメージ(画像)を大きく表示する効果も期待できます。


サイトの横幅の変更方法


AFFINGER5 の設定で簡単に変更が可能です。



WordPress の管理画面から、[AFFINGER5 管理] → [デザイン] を選択します。

「PC閲覧時のサイトの幅(width※デフォルトは1060px): 」を変更し保存します。

完成です!


まとめ


AFFINGER5 導入時のサイトの横幅(初期値)は比較的狭い(小さめ)です。

以下の手順でサイトの横幅を変更します。



  • WordPress の管理画面から、[AFFINGER5 管理] → [デザイン] を選択します
  • 「PC閲覧時のサイトの幅(width※デフォルトは1060px): 」を変更し保存します


いろいろ試してみて、自分のサイトにあった横幅にしてくださいね。








Presented By Irojiro Haraguro .Com

ブログランキング・にほんブログ村へ