📕ページテーママスタの使い方（ページテーマを登録する）

メインカラー

ページのメインカラー（ポイントになる部分のカラー）を指定します。「コンテンツタイトル」など。
以下の3通りの方法で選択ができます。

・カラーパレットでの選択
・RGBでの指定
・スポイトアイコンをクリックし、スポイトでPCディスプレイ上のカラーを選択する

ベースカラー

ページのベースカラー（背景色）を選択します。

※色の選択方法はメインカラーと同様です。

favicon

ページのファビコン（ブラウザのタブに表示されるアイコン）を登録します。

ico推奨。その他PNG、JPG、GIF等の画像形式が使用可能です。

コンバージョン

「注文」、「会員登録」、「カートに入れる」といったコンバージョンボタンの背景色、文字色、枠線色を選択します。

※色の選択方法はメインカラーと同様です。

回遊

「詳細を見る」、「戻る」、「続きを表示」、「修正する」といった回遊ボタンの背景色、文字色、枠線色を選択します。

※色の選択方法はメインカラーと同様です。

その他アクション

「ログイン」、「保存」、「追加」、「変更」、「削除」といったその他のボタンの背景色、文字色、枠線色を選択します。
※ヘッダ右上の「ログイン」は、下の項目にある「テキスト」の「カラー」に依存します。

※色の選択方法はメインカラーと同様です。

テキスト

テキストの色、フォントを登録します。

※色の選択方法はメインカラーと同様です。
※フォントは明朝体もしくはゴシック体を選択し、簡易的に切り替えることができます。
※コンマ区切り”フォント名”でフォントを記載することで、フォントの追加を行うことができます。
実際に表示されるフォントは、ページを閲覧しているデバイスに記載したフォントがあるか記載した順で左から見ていき、あればそのフォントが使われる形となります。（一つのみフォントを記載すると、そのフォントがないこともあるため複数登録推奨となります）
※フォントを削除する場合は、記載しているフォントの記述を削除します。

リンク

リンク部分の色を選択します。

※色の選択方法はメインカラーと同様です。

ヘッダ

ヘッダの背景色の選択、ロゴファイルの登録を行います。

また、TwigにHTMLコードを記載し、各アイコンやロゴの表示と、それらのデザイン、リンク先などの設定を行うことができます。

※色の選択方法はメインカラーと同様です。
※TwigにはCSS変更のみ可能です。
※styleタグを使用し各箇所の文字色などのデザイン調整も可能です。
※デフォルトでサンプルTwigとして、ヘッダロゴ、カートのアイコン、ユーザメニューのアイコンの表示と、それらのデザイン、リンク先などの設定をしています。

ナビゲーション

Twigで画面上部ヘッダの下のメニューバーとして表示される、ナビゲーションの設定を行うことができます。

※TwigにはCSS変更のみ可能です。
※styleタグを使用し各箇所の文字色などのデザイン調整も可能です。

フッタ

フッタの背景色の選択を行い、Twigでフッタの表示項目やリンクを設定することができます。

※色の選択方法はメインカラーと同様です。
※TwigにはCSS変更のみ可能です。
※styleタグを使用し各箇所の文字色などのデザイン調整も可能です。
※デフォルトでサンプルTwigとして、SNSアイコンや、利用規約等のリンク表示と、それらのデザインやリンク先を設定しています。