SWELLで特化サイト作ってみた

【SANGO】PCで見たときのあらゆる幅を広げるカスタマイズ

もうSANGO歴2年くらいですかね。最近またいろいろカスタムしたい欲求が出てきました。

今回は幅を広げるカスタマイズです。具体的には以下のような感じ。

トップページカスタマイズ前
SANGOトップページ
トップページカスタマイズ後
SANGOトップページ幅カスタマイズ

記事ページカスタマイズ前
SANGO記事ページ
記事ページカスタマイズ後
SANGO記事ページカスタマイズ

なんとなく真ん中にギュッと寄りすぎかなぁと思いまして、全体的に広げました。といっても数行のコードで終わりです。

SANGOのあらゆる幅を広げるカスタマイズ

style.css
copyする
@media (min-width:1240px){ .wrap,.maximg,.single #inner-content,.page #inner-content,.inner-footer {  width: 1280px; }}

これだけ。画像、トップページ、記事ページ、フッターも同時に同じサイズになるので、微調整は必要なし。

1240pxより広い幅のみ適応しているので、それより小さいデバイスでは広がりません。

サイドバーが少し広すぎるかなぁと思いましたが、変にイジるより手軽さと全体のバランスを優先しました。

以上SANGOのPC幅を広げるカスタマイズでした。他にはこんなカスタマイズがあります。
SANGOのSNSシェアボタンをカスタマイズ【SANGO】のタイトル下シェアボタンを丸い追従型にカスタマイズSANGOアニメーションOFF【SANGO】のデフォルトアニメーションを完全OFFにするCSSHTML&CSSカスタマイズ特集コピペですぐ使える・ブログデザイン用カスタマイズコードまとめ

コメントはお気軽にどうぞ

\最強のSEO対策ツール・Rank Trackerを解説/