SIRIUS(シリウス)2カラムを右サイドバーに変更する方法(図解入り)

SIRIUS(シリウス)って2カラムのサイトを作ろうとしたらデフォルトの設定はどれも左サイドバーになってますよね。

ここでは、
2カラム右サイドバーでサイトを作りたいという方のために
サイドバーの位置を右へ入れ替える方法を記述しています。


1a

以下、デフォルト・ビジネス・角丸の
3種類のスタイルシート別に解説しています。

 

 デフォルトタイプの場合

1

まずは、CCSを開きます。

開き方は上部メニューのテンプレートから、
スタイルシート編集を選びます。
短縮キーCtrl+wでも開くことができます。

df1

CSSが開けたら、
まずはこの部分のleftとrightを入れ替えます。

2a

 

保存してプレビューを見てみると、こんな感じ。

3

 

でもよく見ると、まだ下の影が左のままになっていますね。

なので、次にここもrigftに変更します。

4a

 

すると、ハイ出来上がり。

めちゃくちゃ簡単ですね。

3

 

でもよく見ると、
まだ若干ですが位置がズレています。

6a

 

ここの数字を上下で入れ替えると…

8a

はい、これでデフォルトタイプテンプレートの2カラム右サイドバー完成です。

 

 ビジネスタイプの場合

b2

 

デフォルトタイプ同様にまずはCSSを開き、
この部分をleftとrightを入れ替えます。
(位置はタイプごとに変わってくるので
左端の数字を参考にして探してください)

b1a

 

保存し、プレビューを見てみると…

b3

はい完成。
ビジネスタイプの場合は下の影もないので
ここを変更するだけでOKです。

 

 角丸タイプの場合

km2

 

デフォルト、ビジネスタイプ同様に
ここの部分のleftとrightを入れ替えます。
(位置は左端の数字を見て探してください)

km1

 

保存し、プレビューを見てみると…

km3

はい完成です。

角丸タイプもビジネスタイプ同様
この部分を変更するだけなのでめちゃくちゃ簡単です。

 

いかがでしょうか?

2カラムの右サイドバーで作りたい!という方は、
このように簡単に変更することができるので
ぜひチャレンジしてみてください。

 

 

PS:

もし間違いや不備等ありましたら
ご指摘お願いいたしますm(_ _)m

コメントを残す