記事背景をサイト背景としたスタイルにカスタマイズする手順のご案内ですが
シリウスビジネステンプレート対応の解説で進めます...

 

記事背景（背景全体）がすべてフォト画像という構成はワールドプレスなどの
ブログサービスやＨＴＭＬテンプレートでもよく見かけますね...と理解..

 

ビジネステンプレートは、ワールドプレス風のスタイルでサイトが作れますと
運営もとでも解説しておりますが、グローバルメニューからヘッダーにかけて
は特徴もあり...オールマイティではない様子...
でも、全体的にセンス良く背景を組み合わせれば.....
シリウスらしさを消し去り？...でしょうか...
で、ブログサービスのデザインへとバージョンアップすることも可能..かな？

 

---

 

サイト背景の背景を画像化...する

 

とは....サイト背景はシリウスの設定機能で読み込み固定のカラー指定..
または、フォト画像を読み込み反映することは容易にできますね

 

サイト背景に色付け...こんな感じ...

 

デフォルトテンプレートでしたら..ingファイルで読み込み画像を削除して
しまえば用意に出来ることですが、ビジネステンプレートの背景は画像の
読み込みではなくＣＳＳ指定で色付けしているためやりようが異なります..

 

で、記事背景を消し去る...とすれば当サイトがその例...

 

通常構築のサイトで実行すると以下例
背景画像が確認できますね...デモ記事背景は...?..が、お邪魔...

 

---

 

では、次に記事背景を透明化する手順です

 

ビジネステンプレートの記事背景はＣＳＳ指示によりソース構築されている
ので、スタイルシートの指定行書き換えで即座の変更ができます

 

スタイルシートを開いてください
335番が記事台紙のカラーを指定しています
（導入時期により、順位が変わっていることもあります）

 

ここですね
#contents {
background-color:#FFFFFF;
_height:10px;
padding-top: 10px;
padding-bottom: 10px;
min-height:400px;
margin-top: 20px;
}

 

 

 

＃ＦＦＦＦＦＦのカラーコードを

　に書き換えてください

 

書き換え例
background-color:transparent;

 

これだけで作業終了...簡単でしょう...

 

.書き換え後...ＴＰの保存を忘れずに...

 

記事背景が透明になりました

 

さて、ここまで来て気が付くことがございます...
2、3カラムではサイドバーメニューのブロック背景までは効果が通じて
いない..

 

そうなんですね...ここの箇所はさらなる指定切り替えをせねばならないと
なるわけ...

 

サイトスタイルに合わせてサイドメニュー背景を透明化するご案内はこちらに
追記...指定切り替え方法などなど以下で...
こちらでご確認ください

 

 

---

 

背景を画像とした際の注意事対処法

 

アドバイス...フォントカラー
背景が画像に移行...まずフォントカラーの認識具合が気になります

 

背景の色合いが濃い場合、黒文字だと見えずらいですね

 

そんなときの対処法は以下...
文字カラー変更はこちらでご確認ください

 

---

 

背景全体を画像とした際は、以下のような願わない事情もある

 

記事を下方に進めばサイトのスクロールはしますよね
でも、背景画像はサイズ制限で取り入れているはず...するとスクロールに
追従して行く...
すると画像の縦サイズ指定値以降、途切れる....
で、現れる背景はシリウスで指定しているサイト背景色...

 

頭でっかちの変なサイトになってしまうのですね

 

その対応はサイト背景を固定化する...
サイトのスクロールに背景が合わせ動かない...追従しない...とする事で..
背景を固定すると画像上を文字や画像が流れるようになります

 

当サイトみたいかな？ (背景はスクロールしても動かないでしょう）
背景画像固定法はこちらでご確認ください

 

背景に使用する画像は、ｗｉｎｄｏｗｓペイント(または画像編集ソフト）で
ＰＣ画面を確認しながら横幅最大..縦幅も最大に編集してください

 

ペイントに慣れていない方は最大幅で作成したように見えても
プレビューで見てみると隙が表示されることがあります
ペイント内で画像を選択し横移動縦移動しながら最大限大きくしましょう

 

---

 

備考

 

画像をペイントで作成する場合、出来上がったものを切り取り保存すると
寸足らずになりますので上書き保存をしてください

 

---

 

スポンサーリンク

 

 

記事背景を透明化するカラーコード？
ホットでクールなテンプレートを作ろう
シリウスカスタマイズ