設定画面[ 外観 ] > [ カスタマイズ ] > [ 色 ]

サイトカラーやテキスト、テキストリンク、ボタンなどの色を設定することが出来ます。

背景色

サイト全体の背景色を設定することができます。デフォルトでは「背景画像」が適用されているので背景色は無効になっております。背景色の設定を行なう場合は「背景画像」からデフォルト画像を削除した後、背景色の設定を行なって下さい。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#ffffff

サイトカラー

サイトの軸となる色を設定することができます。サイト全体の縁、サイトタイトル、ページタイトル、グローバルナビゲーションなどに適用されます。

カスタマイザーでの設定表示
項目名設定内容
サイトカラー初期色:#333

ヘッダーカラー

タブレットとスマホで閲覧した際の、ヘッダーのサイトタイトル・メニューアイコン・カートアイコンの色を設定することができます。
※PCで設定を行なう場合は、ブラウザサイズをスマホまたはタブレットサイズまで縮小して設定を行なって下さい。

カスタマイザーでの設定表示
項目名設定内容
ヘッダーカラー初期色:#333

メインテキスト

サイトのメインとなるテキスト色を設定することができます。記事本文や商品詳細本文などに適用されます。

カスタマイザーでの設定表示
項目名設定内容
メインテキスト初期色:#333

サブテキスト

記事ページの「投稿日」や「著者」、商品詳細ページの「商品コード」や「通常価格」などに適用されます。

カスタマイザーでの設定表示
項目名設定内容
サブテキスト初期色:#999

ページタイトル

ページタイトルの色を設定してください。
※投稿記事・固定ページ以外のページタイトルに適用されます。

カスタマイザーでの設定表示
項目名設定内容
ページタイトル初期色:#333

価格

商品詳細ページの「販売価格」に適用されます。
※トップページや商品一覧ページなど、各グリッド内の価格には適用されません。

カスタマイザーでの設定表示
項目名設定内容
価格初期色:#d3222a

テキストリンク

テキストリンクの色を設定することができます。

カスタマイザーでの設定表示
項目名設定内容
テキストリンク初期色:#0a0a0a

フッターカラー

フッターの色を設定してください。フッターナビ、SNSアイコン、コピーライトに適用されます。

カスタマイザーでの設定表示
項目名設定内容
フッターカラー初期色:#808080

カートボタン

カートボタンの色を設定することができます。

カスタマイザーでの設定表示
項目名設定内容
カートボタン初期色:#d3222a

お問い合わせボタン

商品売り切れ時、お問い合わせボタンを表示させる場合にのみ有効となります。

カスタマイザーでの設定表示
項目名設定内容
お問い合わせボタン初期色:#666

メインボタン

ログインボタンや更新ボタンなどのメインボタンの色を設定することができます。

カスタマイザーでの設定表示
項目名設定内容
メインボタン初期色:#d3222a

サブボタン

カートページの「買い物を続ける」や「戻る」などのサブボタンの色を設定することができます。

カスタマイザーでの設定表示
項目名設定内容
サブボタン初期色:#efefef

その他のボタン

カートページの「数量更新」ボタンや「ポイントを使用する」ボタンなどの色を設定することができます。

カスタマイザーでの設定表示
項目名設定内容
その他のボタン初期色:#d3222a

商品タグ

商品タグの各色を設定することができます。
「商品タグ」を表示させる場合にのみ有効となります。

カスタマイザーでの設定表示
項目名設定内容
新着商品初期色:#d3222a
お勧め商品初期色:#89c997
在庫僅少初期色:#89a6c9
セール初期色:#8266dc