【STORK(ストーク)カスタマイズ】フルサイズの画面幅を調整




 

ぼくは記事レイアウトをフルサイズにしています。

本来フルサイズにするとPCで見た時に記事本文の幅が横幅いっぱいになります。ぼくはそれが気にくわなかったので幅を調度いい感じにせばめることにしました。

実はフルサイズに対してバイラル風は幅はいい感じだなと思ったんです。だけどアイキャッチがこんなふうに表示されます。

バイラル風

これはぼく的には好みじゃないんですね。

ということでアイキャッチはそのままで記事本文の幅はバイラル風にすることにしました!

 

どうしてサブメニューは表示しないのか

余計なコンテンツを表示しないことによって記事本文を集中して読んでもらうためです。

サブメニューの関連記事や新着記事がないと回遊率が下がるんじゃないかと思うかもしれないんですけど、記事本文内で本当に関係のある記事を紹介したほうが効果は高いと思います。

 

それにぼくは記事の下には関連記事も置いてます。「読み終わって他に興味のある記事無いかな?」っと思ってる人に効果が高いですよね。

 

 

幅をカスタマイズ!

超簡単です。

 

子テーマを使っている場合はsingleparts_full.phpを親テーマからコピーしてきてください。

 

そして、singleparts_full.phpの中の「wide」という文字を検索します。「wide」を消したら保存しましょう。

 

以上です。

 

え?それだけかって?

これだけです!笑

 

この「wide」というクラスを設定していたことで幅を広くするcssが作用していたのでこれを消してやればバイラル風と同じ幅になります。

 

 

あとは記事レイアウトをフルサイズにして確認してみましょう!

変わらない場合はブラウザのキャッシュを削除してみてください。

 

 

記事レイアウトを効率よく変更

 

 

 



スポンサーリンク


HOME

PROFILE

オススメ

トップへ