ページ全体の背景画像や背景色は変更できますか?

2009-03-23 17:21

背景画像の変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

「デザイン管理」>「スタイルシート編集」

(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。

(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。

(3)背景画像の変更をします。
スタイルシート内の/* HTMLタグ要素 */以下を変更します。最下部よりやや上にありますので、スクロールして下さい。

【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。

●背景画像を変更する場合

/* HTMLタグ要素 */
body {
background-image: url(【背景画像…こちらに背景に使用したい画像のURLを記入します】);
word-break: break-all;
margin: ****;
padding: ****;
font-size: ****;
color: ****;
line-height: ****;

例) background-image: url(image/demo.gif);
※画像URLは、image/~の相対パスで記載して下さい。

【background-image:url(~);】の指定がない場合は、1行全てコピーして貼り付けて下さい。

※背景画像を繰り返し表示したくない場合はbackground-repeat: no-repeat; を貼り付けて下さい。

※repeatの指定でrepeat-xは横軸にのみリピート表示します。repeat-y指定は、縦軸にのみリピートします。全体にリピートさせたい場合は、削除して下さい。


(4)背景に使用したい画像をアップロードする場合は、【画像のアップロード】の【画像ファイル】に、使用したい画像を選択します。

(5)編集後、【登録処理を完了する】ボタンをクリックして下さい。


●背景色を変更する場合

/* HTMLタグ要素 */
body {
background-color: 【こちらの数値を任意のカラーコードに変更します】;
word-break: break-all;
margin: ****;
padding: ****;
font-size: ****;
color: ****;
line-height: ****;

例) background-color: #FF0000;

※初期の指定が背景画像の場合は、background-imageの行を削除し、上記のbackground-color: #FF0000;の行をコピーして貼り付けて下さい。貼り付け後、カラーコード(#FF0000)部分を編集して下さい。

(4)編集後、【登録処理を完了する】ボタンをクリックして下さい。