遊び心でアフィリエイト

田舎暮らしで悠々自適に生活するアフィリライフの記録簿

シリウスでテンプレートの幅を変更するときの注意

シリウスのテンプレート幅は変更できます。といってもデフォルトタイプのテンプレートになってしまいますが、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 %>