プログラミングゆるめモ

プログラミングに関することをゆるくメモしてます

stinger plus WordPress

WordPress stinger plus サイドバー(ウィジェット)を左側に表示する

このブログで使用している、WordPressのテーマstinger plus では
右側にサイドバー(ウィジェット)が表示されています。
これを左側に表示する方法です。
このレイアウトを定義している場所は、style.css です。
style.css を編集することにより、サイドバーの幅や位置を変更することができます。
(参考:WordPress stinger plus サイドバー(ウィジェット)の表示幅を変更する)

style.css を編集するために、style.cssを開きます。
外観-テーマの編集から、スタイル スタイルシート(style.css)を選択します。

定義部分は、2776行目あたりからの

に含まれています。
 

3250行目あたりから定義が見つかります。

 

上記style.css の左(left)、右(right)の定義を入れ替えることにより、サイドバーの位置を変更することができます。
直接変更すると、元に戻すときにやっかいなので、定義をstyle.css の最後に追加して、設定が上書きされるようにします。サイドバーの幅は、300pxに定義されていますが変更はしません。単純に右側表示を左側表示にするだけです。

 

では、次にサイドバーの幅も同時に変更してみましょう。
サイドバーの幅を、300pxから230pxへ狭くしてみます。

上記の設定をstyle.css に追加することにより、サイドバーは左側に表示され表示幅も狭くなります。

-stinger plus, WordPress