左エリア(商品一覧、特集、ショッピングカート等)、右エリア(メルマガ、携帯URL)タイトル部分の背景色、背景画像は変更できますか。
背景画像と背景色の変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
(3)各箇所の背景画像、背景色の編集をします。
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
●背景画像の場合
※background-colorの記載が、スタイルシート内にない場合は、background-color: #000000;の行をコピーしてスタイルシート内に貼り付けて下さい。
※スタイルシート内にコピーし内容を貼り付ける際は、基本的には、最下部に貼り付けて下さい。
(4)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(5)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
(3)各箇所の背景画像、背景色の編集をします。
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
●背景画像の場合
●カテゴリ一覧 .category_title { width: ****; height: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】); margin: ****; padding: ****; } 例) background-image: url(image/bg.gif); |
●特集 .pickup_category_title { width: ****; height: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】); margin: ****; padding: ****; } 例) background-image: url(image/bg.gif); |
●ショッピングカート ※ログインとは共通です .shopc_title { width: ****; height: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】);margin: ****; padding: ****; } ●ログインのみ変更する場合 ※親要素に、.memberを指定して下さい。下記の記載は、初期の段階では、スタイルシート内にはございませんので、コピーして貼り付けて下さい。 .member .shopc_title { width: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】); margin: ****; padding: ****; } 例) background-image: url(image/bg.gif); |
●メールマガジン ※携帯サイトアドレスとは共通 .melmaga_top { width: ****; height: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】); margin: ****; padding: ****; } ●携帯サイトアドレスのみ変更する場合※親要素に、.mobilerを指定して下さい。下記の記載は、初期の段階では、スタイルシート内にはございませんので、コピーして貼り付けて下さい。 .mobile .melmaga_top { width: ****; height: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】); margin: ****; padding: ****; } 例) background-image: url(image/bg.gif); |
●店長プロフィール .tdiary_top { width: ****; height: ****; background-image: url( 【背景画像…こちらに背景に使用したい画像のURLを記入します】); margin: ****; padding: ****; } 例) background-image: url(image/bg.gif); |
※background-imageの記載が、スタイルシート内にない場合は、background-image: url(画像URL);の行をコピーしてスタイルシート内に貼り付けて下さい。
※背景画像のURLを変更される場合は、制作いただいた画像を画像専用管理画面からアップロードして下さい。
画像URLは、必ずimage/?の相対パスにて記載して下さい。http://?の絶対パスで記載いただいた場合、SSL保護下のページでセキュリティ警告が表示されます。
※背景画像の縦幅を初期の画像から変更される場合は、height値を変更して下さい。
※スタイルシート内にコピーし内容を貼り付ける際は、基本的には、最下部に貼り付けて下さい。
●カテゴリ一覧 .category_title { width: ****; height: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } 例)background-color: #000000; |
●特集 .pickup_category_title { width: ****; height: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } 例)background-color: #000000; |
●ショッピングカート ※ログインとは共通です .shopc_title { width: ****; height: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } ●ログインのみ変更する場合 ※親要素に、.memberを指定して下さい。下記の記載は、初期の段階では、スタイルシート内にはございませんので、コピーして貼り付けて下さい。 .member .shopc_title { width: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } 例)background-color: #000000; |
●メールマガジン ※携帯サイトアドレスとは共通 .melmaga_top { width: ****; height: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } ●携帯サイトアドレスのみ変更する場合※親要素に、.mobileを指定して下さい。下記の記載は、初期の段階では、スタイルシート内にはございませんので、コピーして貼り付けて下さい。 .mobile .melmaga_top { width: ****; height: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } 例)background-color: #000000; |
●店長プロフィール .tdiary_top { width: ****; height: ****; background-color: url( 【背景色…こちらの数値を任意のカラーコードに変更します】); margin: ****; padding: ****; } 例)background-color: #000000; |
※background-colorの記載が、スタイルシート内にない場合は、background-color: #000000;の行をコピーしてスタイルシート内に貼り付けて下さい。
※スタイルシート内にコピーし内容を貼り付ける際は、基本的には、最下部に貼り付けて下さい。
(4)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(5)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。