シリウスのテンプレート幅は変更できます。といってもデフォルトタイプのテンプレートになってしまいますが、CSSスタイルシートを扱わなくても変更設定はシリウス内で簡単にできます。
しかし、変更した場合、背景画像は元のままですので、その対策も紹介します。
シリウスでテンプレートの横幅の変更のやり方
上のテンプレートメニューより、テンプレートの横幅設定を開きます
この画面では、テンプレートの横幅は900になっています。これを1000にしたいと思います。
まず、
メインカラムの横幅を自動調整する
テンプレートの枠をシタイルシートで指定する
のチェックマークを外します
メニューの横幅を指定する(非推奨)
のチェックマークを入れます
これで、数値が自由に変更できます
横幅を1000にしたら、メインカラムの横幅+メインメニューの横幅は1000よりも小さくしなくてはいけません。
テンプレ横幅>メインカラム幅+メニュー幅
ぴったり1000にすると、レイアウトがずれてしまいますので、プレビューで確認しながらおこなってください。
数値設定が決まったら、チェックボタンをはじめの状態にもどします。
これで終了
テンプレートの横幅を設定しても背景は変わらない
しかし、実際にプレビューしてみると、たしかにメニューの幅は変更されていますが、テンプレートの背景はそのままです。
これは、CSSやHTMLの問題ではなく、単にサイドメニュー用に使われている画像の幅が短いだけです。この画像をどうにかする必要がありました。
画面左上のファイルから、インストール先のフォルダを開いて、〔data〕⇒〔サイト名〕⇒〔img〕ファイルへと進みましょう。
ここでは、〔contents_bg_left〕という画像が左メニューの背景になっていました。この大きさを見てみると、220×10(pixel)となっています。
設定したサイドメニューの横幅は300だったので、足りないはずです。
対処法は、この画像をペイントや加工ソフトを使って310pixelくらいにするか、もっと簡単なのは、この画像を消去してしまうと、背景は白になってなくなります。
同じように、右サイドのメニューなどを設定した場合も、背景画像変更していきます。
サイト内検索のボックスを移動させる方法
なお、サイト内検索の位置も移動させる場合はCSSスタイルシートで簡単に変更できます
スタイルシートの#searchboxのところを探して、width:の横の数値を変更してください。テンプレートの横幅を1000にした場合は、980くらいで設定してみるとうまくいきます。あとは、高さなどを好きな場所に移動する場合は、top:を変更してみるといいでしょう。
<% categoryListTitle | tag_insert(h3) %>
<% AQEntries %>
<% pageTitle | shorten(40,true) %>
<% pageThumbnail | addAtribute(align="left") | tag_insert(span class="txt-img") %>
<% pageBody | tag_strip | str_replace( ,) | oneline | shorten(150,true) %>
<% /AQEntries %>