[stinger3カスタマイズ]記事とサイドバーの左右を入れ替えてみる

LINEで送る
Pocket

このブログで使っているテンプレート「stinger3」
SEOに強いと評判のテンプレートです。

このstinger3、初期設定では記事が左に、サイドバーは右に来るようになっています。

右サイドバー

これを左サイドバーに変更します。

書き換えるのは「style.css」

/*—————————–
基本構造
——————————*/

#header-in, #wrap-in, #navi-in, #footer-in, #gazou-in {
width: 986px;
margin-right: auto;
margin-left: auto;
}
#wrap #wrap-in #side {
float: left;
width: 336px;
}
#wrap #wrap-in #main {
float: right;
width: 550px;
padding-right: 39px;
padding-left: 39px;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #FFF;
border-radius: 4px 4px 4px 4px;
padding-bottom: 20px;
}

赤文字部分の「left」と「right」を入れ替えるだけ。
これだけで、サイドバーと記事の左右が入れ替わります。

左サイドバー

左サイドバーにすると、訪問者の平均PVが上がるなんていう話も…。
気になる方はぜひ試してみてください。

LINEで送る
Pocket

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Spam Protection by WP-SpamFree