【WordPress】STINGER8で記事幅を広げる方法

2024年8月29日

下記コードを追記するだけ。

STINGER8は、コードが非常にシンプルになりカスタマイズ性が向上しました。

なので、記事幅変更なんてほんの1分で変更完了です。

STINGER8の横全体幅はデフォルト値1060pxで設定されているので、記事幅は下記計算式により760pxになります。

記事幅 = 横全体(1060px) – サイドバー(300px)

よって、横全体幅を変更してやることで結果的に記事幅を変更することが可能です。

記事幅 = 横全体(1260px) – サイドバー(300px)

子テーマ運用が基本だと思うので、子テーマの変更方法を記載します。

/*media Queries PCサイズ(960px以上)
—————————————————-*/
@media print, screen and (min-width: 960px) {

デフォルトで準備されている子テーマのstyle.cssのこの直後に下記コードを追記して下さい。

/*——————————–
メニュー
———————————*/

#st-menuwide {
padding: 0px;
margin:0 auto;
max-width:1260px;
}

nav.smanone {
max-width:1260px;
margin:0 auto;
}

nav.st5 {
max-width:1260px;
margin:0 auto;
}

/*——————————–
PCのレイアウト
———————————*/

#st-header {
max-width:1260px;
margin:0 auto 10px;
}

#content {
max-width:1260px;
margin:0 auto;
}

#footer-in {
max-width:1260px;
margin:0 auto;
}

/*——————————–
メニュー未設定
———————————*/

#st-menuwide div.menu,
#st-menuwide nav.menu {
max-width:1260px;
margin:0 auto;
padding:5px;
display:block;
}

以上です。

Posted by だらは