カラー/サイズ編集(初級モード)

コマースクリエイター切替後は使用しません。

メイン、サブカラー、文字のサイズ、カラー、背景などを項目ごとに設定できます。
「カラー選択」を押すとカラーパレットが表示されますので簡単に色を設定できます。



さらに細かなデザインの設定をする場合は、
「上級モード」に切り替えることにより「CSS」による詳細な設定ができます。


メイン・サブカラー


ページ全体のイメージカラーとなるカラー設定




メインカラー

見出しの背景や、フォーム左側のボックスの枠の線の色
※「カラー選択」をクリックするとカラーパレットがポップアップで表示されます。
ご希望の色を選択するとカラーが入力されます。


サブカラー 1

フォーム左側のボックスの枠の線の背景色などの色


サブカラー 2

フォーム右側のボックスの枠線や背景などの色


リンク


テキストリンクの文字色の設定


リンク色

リンク(まだ見ていない状態)a:link


すでにクリックしたリンク色

リンク(すでに見た状態)a:visited


クリック中のリンク色

リンク(クリックされた状態)a:active


マウスカーソル通過時の色

リンク(マウスポインタを乗せた状態)a:hover


背景


背景に表示する画像や、背景色の設定。


背景色

ブラウザで表示される背景の色
※指定がない場合は、ブラウザに依存します。


背景画像

背景に指定したい画像の指定。
背景画像は「ファイルを選択/参照」をクリックしてアップロードしてください。


背景の繰り返し

背景画像で登録された、背景画像の表示方法について

Y(縦方向へ繰り返し)

縦方向にのみ繰り返し表示します

X(横方向へ繰り返し)

横方向にのみ繰り返し表示します

XY(両方向へ繰り返し)

縦横方向に繰り返し表示します

繰り返さない

背景画像は繰り返さずに表示します。


背景画像の位置

背景画像で登録された、背景画像の表示位置について

左寄せ

ブラウザの左を基点に表示します。

中央

ブラウザの中央を基点に表示します。

右寄せ

ブラウザの右を基点に表示します。


テキスト


商品ページや、商品一覧、商品グループ一覧などで表示される「説明コメント」など、特に指定のない部分での文字色、文字サイズの表示設定。


全体

通常の指定のない部分の文字色・サイズ・行間の設定


ページ見出し

ページの見出し部分の文字色・サイズ・行間の設定




パンくずリンク

パンくずリストの部分の文字色・サイズ・行間の設定
※パンくずの上部にある仕切り線は、「メインカラー」で設定された色で表示されます。




商品名(グループ・商品の一覧表示時)

通常の指定のない部分の文字色・サイズ・行間の設定


商品名(商品詳細表示時)

通常の指定のない部分の文字色・サイズ・行間の設定


商品価格(グループ・商品の一覧表示時)

商品一覧で表示される「商品価格」の文字色・サイズ・行間の設定


商品価格(商品詳細表示時)

商品詳細に表示される「商品価格」の文字色・サイズ・行間の設定




会員価格

会員価格の文字色・サイズ・行間の設定


アラート文言

入力時のアラート(エラーメッセージ)をページ上部に表示する文字色・サイズ・行間の設定


テンプレートの初期状態に戻す




現在入力されている設定をカラーテンプレートの初期状態を読み込みます。

※現在登録されている状態は、「登録する」をクリックされるまで上書きされませんが、「登録する」クリック以降は元には戻せません。

※初期状態に戻す内容は、この「初級モード」の設定内容のみです。