趣味嗜好など自由をメインとした個人メディア。

RISLOPE

WordPress カスタマイズ

サイドバーの位置を左側にする方法

投稿日:

Pocket

サイドバーの位置を逆転させる方のをまとめておきます。

サイドバーを左側のへ変換する場合の対処法となります。

 

お使いのテーマによっては反映が難しい場合もあるかもしれないので、カスタマイズする際は自己責任でお願いします。

 

あくまで自分のメモ用として残しておきます。

サイドバーの位置を左右逆にする方法

floatの指定を逆転し左右を反対にさせる。

style.cssの「@media only screen and (min-width: 780px)」の領域へ下記のコードを入力。

左右の入れ替え用

#contentInner{
float:right;
}
aside{
float:left;
}
余白を修正用コード

main{
margin-right: 300px;
margin-left:20px;
}
横揺れの防止コード

html{
overflow:auto;
}
body{
overflow:hidden
}

「@media only screen and (min-width: 780px)

{

※ここへ入力

}」

-WordPress, カスタマイズ

Copyright© RISLOPE , 2019 All Rights Reserved Powered by STINGER.