備忘録として、

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

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」は左右対象に

しないといけません。

 

 

The following two tabs change content below.
”おもしろい”と感じたこと探求しながら発信。 【アクションカメラで映像作る】【写真撮る】【画像編集する】【パソコン作曲】などなど作って表現することが好きな多趣味な人。 ブログやYouTubeを始めとする複数のWEBメディアで発信している。 「おもしろいっ!」と感じたことを追求すれば、人生は楽しくなる。 ←Twitter、YouTube、Instagramやってるので、ぜひフォローを!

コメントはまだありません

コメントや質問をどうぞ!

Related Posts

【音楽プレイリスト】ゆったり女性ボーカル

ヤフオク(旧:ヤフーオークション)を始める。登録、出品、入金まで

ヤフオク(旧:ヤフーオークション)を始める。登録、出品、入金まで

ヒゲソリ本体を安くしたことで、替え刃をリピート購入させるジレットモデル

ヒゲソリ本体を安くしたことで、替え刃をリピート購入させるジレットモデル

”すること”を整理するための考え方「フレームワーク」

”すること”を整理するための考え方「フレームワーク」

モノゴトの考え方がわかる”ロジカルシンキング”

モノゴトの考え方がわかる”ロジカルシンキング”

”なりたい自分”になるための「インフルエンスモデル」

”なりたい自分”になるための「インフルエンスモデル」

1人の人物像に絞れば商品は売れる!? 〜ペルソナマーケティング〜

1人の人物像に絞れば商品は売れる!? 〜ペルソナマーケティング〜

論理的に考えるための思考法 ”MECE”「ミーシー」

プラットフォーム 〜ネット上で人が集まる場〜