STINGER8の幅を広げてみた。 [WordPress]

記事下広告のAdsenceをダブルレクタングルにしたかったので気持ち幅を広げてみました。

ただ単に広げればいいってもんでもないので、世間一般的なモニター解像度から目標となる幅を決めてみました。

国内におけるモニター解像度のシェア率

自分はFullHD（1920×1080）のモニターを使っているけど、世間的にはどの辺なんだろうかと。
で、調べた結果　2018年1月から7月までのシェア率がこちら。

ちょっとびっくりだけど、FullHD（1920×1080）がダントツ。これはデスクトップ。
そしてノートでは、FWXGA（1366×768）。

最小サイズのWXGA（1280×800）を考慮しても、サイト幅は1100pxでOKってことになりますね。

ちなみに一昔前まで主流だったXGA（1024×768）は、ランク外なんですね。

ワイド化してみた。

STINGER8のデフォルト幅は1060px。
これを1100pxにするには、以下のコードを子テーマのスタイルシートに追加。

#content{
    max-width:1100px;
}

これでギリ記事下広告のAdsenceをダブルレクタングルできるんですけど、ちょっと余裕が欲しいので、メインカラムの左右のスペースを50pxから30pxに変更。

.st-main {
    padding: 30px 30px 30px;
}

これで、いい感じになりました。
記事下広告のAdsenceをダブルレクタングルのやり方はのちほど紹介します。