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以上もあったのか・・・?