システム設定 > ヘッダー、フッター、テーマカラーの設定
- システム設定 > ヘッダー、フッター、テーマカラーの設定をクリックします。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.00.49-1024x599.png)
サイトの説明
- サイトのタイトルを設定します。
- サイトのキャッチフレーズ(ディスクリプション)を設定します。※Googleなどの検索エンジンの結果に表示される説明文です。推奨文字数:50文字程度
- キーワードを入力します。カンマ(,)区切りで複数のキーワードを入力できます。※ページ内の情報を検索エンジンやブラウザに伝える役目を持っています。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.01.11-1024x595.png)
ファビコン設定
- ファビコンを設定します。
- ファビコンは、ウェブサイトのタイトル横に表示される、シンボルマークのことです。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.03.11-1024x601.png)
ファビコンが表示される箇所:
![](https://goods.mycos.help/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-14.22.37-1024x73.png)
ヘッダーロゴ設定
- ヘッダーに表示するロゴ画像を設定します。
- ロゴのリンク先を設定します。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.03.51-1024x595.png)
ロゴの表示箇所
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.04.28-1024x596.png)
ヘッダー・フッター設定
- トップ 、会社概要、プライバシーポリシー、特定商取引法に基づく表示、お問い合わせのリンクURL、コピーライトのテキストを入力します。
- シミュレーターのヘッダー・フッター部分のリンク先・テキストに、設定したURLが適用されます。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.04.49-1024x596.png)
表示箇所:PC
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-05-13.06.41-1024x598.png)
表示箇所:スマートフォン
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-11.18.58-576x1024.png)
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-11.19.07-579x1024.png)
SNS設定
- ヘッダー・フッターにTwitter,Facebookを表示します。
- リンク先のURLを入力してください。
- 表示しない場合は、非表示のラジオボタンにチェックを入れてください。
テーマカラー設定
- シミュレーターのテーマカラーを変更します。
- カラーはカラーピッカーから選択、または16進数での入力が可能です。
ヘッダー背景色
- ヘッダーの背景色を指定してください。
PC
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-11.00.42-1024x596.png)
スマートフォン
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-11.01.21-1-578x1024.png)
フッター背景色
- フッターの背景色を指定してください。
PC
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-11.07.53-1024x598.png)
スマートフォン
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-11.07.38-577x1024.png)
テキストカラー
- テキストカラーを指定してください。
リンクカラー
- リンクカラーを指定してください。
メニューパネル背景色
- メニューパネル背景色を指定してください。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-12.01.32-1024x597.png)
注文ボタン背景色
- 注文ボタン背景色を指定してください。
注文ボタンテキストカラー
- 注文ボタンテキストカラーを指定してください。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-12.03.24-1024x598.png)
デザイン選択欄背景色
- デザイン選択欄背景色を指定してください。
デザイン選択欄テキストカラー
- デザイン選択欄テキストカラーを指定してください。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-10.53.01-1-1024x595.png)
注文フォーム見出しカラー
- 注文フォームの見出しカラーを設定してください。
注文フォームテキストカラー
- 注文フォームのテキストカラーを設定してください。
注文フォーム背景色
- 注文フォームの背景色を設定してください。
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-12.05.27-1024x598.png)
注文フォーム確認ボタン背景色
注文フォーム確認ボタンテキストカラー
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-12.11.15-1024x594.png)
注文フォーム「注文する」ボタン背景色
注文フォーム「注文する」ボタンテキストカラー
![](https://goods.mycos.help/wp-content/uploads/2021/08/スクリーンショット-2021-08-12-12.15.51-1024x598.png)