サイドバーの位置を左右に動かす 〜WordPress〜

サイドバーの位置を左右に動かす 〜WordPress〜

備忘録として、

ワードプレスのサイドバーを左右に動かす方法の紹介です。

9277

 

 

 

 

 

 

 

 

 

ダッシュボードの「外観」

        ↓

「テーマ編集」

    スクリーンショット_2014-04-01_15_01_36_1

 

 

 

 

 

 

 

 

 

「スタイルシート」

 

 

スクリーンショット_2014-04-01_15_02_01

 

 

 

 

 

 

 

 

 

「#primary」がサイドバー。

「#container」がメインコンテンツ。

 

なので、メインコンテンツを左⇒右にする場合は

 

#container {
float: left; ・・・

 

「left」⇒「right」に変更するとメインコンテンツが

左⇒右に移動します。

 

サイドバーも同様に、

 

#primary {
float: right; ・・・

 

「right」⇒「left」に変更するとメインコンテンツが

右⇒左に移動します。

 

このときの注意として、

メインコンテンツの「#container」と

サイドバーの「#primary」は左右対象に

しないといけません。

 

 

【この記事をSNSでシェア or 保存する】