WordPressに賢威8.0をインストールして出来たサイト見ると、どう見ても他の賢威サイトと見比べると確実に1200px以上ある!

どう見ても、文字が広がり過ぎて読みにくい・・・どうして?と思ったわたしは賢威8.0の横幅を変更することにした。

サイト全体の横幅とサイドを変更

賢威8.0の横幅を変更する方法をネット上で調べてみると!・・・あった。
某サイト内に、全横幅を変更する方法が記述されていた。ありがたいね!
 

下記のタグすべてを、子テーマの「base.css」にコピペするとあった。
 
(※、コピペで使用可!)

/*サイト全体の横幅とサイドバーをカスタマイズ*/

@media (min-width : 768px){ /*横幅768px以上*/
.col2 .keni-header_outer,
.col2 .keni-gnav_outer,
.col2 .keni-mv_outer,
.col2 .archive_title_wrap,
.col2 .keni-main_outer,
.col2 .catch-area,
.col2 .keni-breadcrumb-list_outer,
.col2 .keni-footer_outer,
.col2 .keni-copyright,
.col2 .keni-sep-conts_outer,
.col2 .keni-footer-panel_outer{
max-width: 1100px;
}

.col2 .keni-sub{
width: 320px; /*サイドバーの横幅*/
}
.col2 .keni-main{
margin-right: –320px; /*メインコンテンツ右側の余白*/
padding-right: 320px;
}
.keni-sub .keni-section_wrap, .keni-footer .keni-section_wrap {
margin-left: 20px; /*サイドバー左側の余白*/
}
.keni-section_wrap {
margin: 0px; /*サイト全体の余白*/
}

}/*横幅768px以上*/


ただ、上記のHTMLタグを子テーマの「base.css」に張り付けて「ファイルを更新」をクリックしてサイトを確かめてみた。

しかし、どうだろう・・・?一向に横幅に変化が見られない・・・?どうして?
 
 
考えたわたしは、「外観 → カスタマイズ → 追加CSS」へ上記のタグを記述してサイトを確かめてみた。

おう~変わった。どう見ても1200pxあった横幅がスリムに変身!

横幅とサイドバーを変更する場所は、「赤色の数字の部分」のみ。あなた好みの数字に変更してみてください。
※1100:サイト全体の横幅
※320:サイドバーの幅

(変更時の注意)
権威テンプレートはアップデートするたびに少しずつサイト内容の仕様を変更しているため、幅を変更するときサイトの様相が違ってくることもあります。

同じように変更しても上手くいかない場合は、個々のサイトに合わせた数値にしてください。

ちなみに、このサイトの数値は、(サイト全体の横幅=1030・サイドバーの幅=320)で、賢威8は初期バージョンです。


自分なりに、サイト全体の見栄えがコンパクトになって良かった。

しかし、どうしてこのサイトだけ横幅が1200px以上もあったのか・・・?