BASE管理画面->デザイン編集->画面左側「ショップロゴ」からサイトのロゴを設定できます。

ロゴ画像を使用する

ONにすると「ロゴ画像アップロード」が表示され、任意の画像をアップロードして使用できるようになります。
OFFの場合は、「ロゴタイトル」に任意の文字を入力し、「カラー」から文字色を調整することができます。

オリジナルロゴを作成

「ショップロゴ作成App」をインストールしている場合は「オリジナルロゴを作成」と表示され、自分でロゴ画像を簡単に作ることができます。

※「ショップロゴ作成App」の詳細についてはBASE Appsのページからお調べください。

BASE管理画面->デザイン編集->画面左側「背景」からサイトの背景を設定できます。

カラーから選ぶ

好きな色を選んで指定することで背景色が変更されます。

パターンから選ぶ

BASEが用意しているパターン画像から好きなものを選択することでパターン画像が背景に設定されます。
「+」ボタンから任意の背景画像をアップロードして設定することも可能です。
「背景画像を繰り返す」をONにすると画像を繰り返し表示します。
OFFにすると画像を画面固定表示します。

PC表示時のナビゲーションの文字色と、メッセージApp利用時はその色を変更できます。
※スマホ表示時のメニューの色味は固定です。

メッセージAppについてはBASE Appsのページをご覧ください。
https://apps.thebase.in/detail/75

ページ全体で使われる配色の一括設定です。
背景色と【テキストカラー】【アクセントカラー】【ボタンカラー】の3色を設定するだけで、サイト全体の配色を一括で変更できます。

テキストカラー

全体の文字色を一括で変更できます。

アクセントカラー

サイトのアクセントとなる色を変更できます。
主に商品ページや商品一覧に付く各種タグ、FAQのアイコンの背景色になります。

アクセントカラー上の文字

アクセントカラーの上に表示される文字がある場合はその文字色を設定できます。

ボタンカラー

ボタンの背景色を変更できます。

ボタンカラー上の文字色

ボタンカラーの上に表示される文字がある場合はその文字色を設定できます。

【セール価格】テキストカラー

セールApp利用時のセール価格表示の文字色を変更できます。

サイト全体のフォントをデフォルトが明朝体かを選べます。

テキスト全体に明朝体を使う

ONにすると文字が明朝体になります。
OFFにするとデフォルトのゴシック体になります。

明朝体：種類

「テキスト全体に明朝体を使う」をONにした時に明朝体の種類を変更できます。
「游明朝」「さわらび明朝」「はんなり明朝」「こころ明朝」「Noto Serif」の5種類から選択できます。
※「テキスト全体に明朝体を使う」をONにしている場合のみ変更が反映されます。

ヘッダーの背景色をスマホ／PCそれぞれで変更できます。

ヘッダー：背景色を変更可能にする

ONにすると、「スマホ 背景色」「PC 背景色」が設定できるようになります。
OFFの場合はデフォルトのデザインとなります。

スマホ 背景色

スマホ表示の際のヘッダーの背景色を指定します。
デフォルトは白です。
※「ヘッダー：背景色を変更可能にする」をONにしている場合のみ変更が反映されます。

PC 背景色

PC表示の際のヘッダーの背景色を指定します。
デフォルトはなしです。
※「ヘッダー：背景色を変更可能にする」をONにしている場合のみ変更が反映されます。

ロゴを画像でなくテキストにした場合に、字体・文字サイズを変更できます。

ロゴ：テキストロゴを変更可能にする

ONにすると、その下の「字体」「ヘッダーロゴ：文字サイズ」「フッターロゴ：文字サイズ」が設定できるようになります。
OFFの場合はデフォルトのデザインとなります。

字体

欧文フォント10種類、和文フォント5種類の中から選べます。
※「ロゴ：テキストロゴを変更可能にする」をONにしている場合のみ変更が反映されます。

ヘッダーロゴ：文字サイズ

ヘッダーのテキストロゴのサイズを5段階で変更できます。
※「ロゴ：テキストロゴを変更可能にする」をONにしている場合のみ変更が反映されます。

フッターロゴ：文字サイズ

フッターのテキストロゴのサイズを5段階で変更できます。
※「ロゴ：テキストロゴを変更可能にする」をONにしている場合のみ変更が反映されます。

ナビゲーションの字体や文言を変更できます。

ナビゲーションを変更可能にする

ONにすると、その下の字体や文言変更などナビゲーション周りの変更が設定できるようになります。
OFFの場合はデフォルトのデザインとなり、ナビゲーション周りの変更を入力していても無視されます。

字体

欧文フォント10種類、和文フォント5種類の中から選べます。
※「ナビゲーションを変更可能にする」をONにしている場合のみ変更が反映されます。

文言変更

ナビゲーションに表示されるページ名を任意のものに変更できます。
例えば「ABOUT」を「ショップ情報」など任意の文言に変更できます。
変更できるのは「HOME」「ABOUT」「CATEGORY」「BLOG」「COMMUNITY」「CONTACT」「FAQ」「COIN」の文言です。
※リンクの順番を変更する機能はありません。
※文言が長すぎると改行したり崩れることがあります。できるだけ短い文言をオススメします。
※「ナビゲーションを変更可能にする」をONにしている場合のみ変更が反映されます。

サイト全体でブロックごとに使われている見出しのフォントを変更できます。

見出しのフォントを変更可能にする

ONにすると見出しのフォントが変更可能になります。
OFFの場合はデフォルトのフォントとなり、字体を選択していても無視されます。

字体

「見出しのフォントを変更可能にする」をONにした時に字体を変更できます。
欧文フォント10種類、和文フォント5種類の中から選べます。
※「見出しのフォントを変更可能にする」をONにしている場合のみ変更が反映されます。

フッターの背景色やリンク色などを設定できます。

SNSアイコンを色反転（白）する

ONにすると、SNSアイコンの色を白にします。
OFFにするとデフォルトの黒になります。
背景によって視認性が悪くなる場合があるので、背景を変えた場合に見やすい方に合わせてください。

ロゴを表示する

ONにするとフッターにロゴを表示します。
OFFにすると非表示になります。

TOPページのメイン画像をカスタマイズできます。

TOPページ：メイン画像を表示

ONにするとメイン画像を表示します。
OFFにすると非表示にします。

PC用画像

PC表示用の画像をアップロードします。
推奨サイズ：横2480× 縦1560（px）
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

スマホ用画像

スマホ表示用の画像をアップロードします。
推奨サイズ：横750×縦720（px）
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

代替テキスト

画像の説明（alt属性に入れる文言）を設定できます。
特に画面上のどこかに表示されるものではありませんが、もしも画像が表示されなかった場合に代替でこちらがテキスト表示されます。
また、Googleの画像検索のキーワードとしても使われます。

TOPページ：メイン画像にコピーを表示

ONにするとメイン画像上にキャッチコピーを表示が可能になります。
OFFにすると非表示になります。

❶ メイン画像コピー1行目（全角5~10字推奨）

キャッチコピーの1行目です。
最大全角20字程度を推奨しています。
それ以上になると改行してしまうので、うまく2行目と分けて使うことをオススメします。
※「TOPページ：メイン画像にコピーを表示」をONにしている場合のみ変更が反映されます。

❷ メイン画像コピー2行目（最大全角20字程度）

キャッチコピーの2行目です。
詳細は1行目と同じです。

コピー 文字色

キャッチコピーの文字色を指定できます。
※「TOPページ：メイン画像にコピーを表示」をONにしている場合のみ変更が反映されます。

コピー 背景色

キャッチコピーの背景色を指定できます。
※「TOPページ：メイン画像にコピーを表示」をONにしている場合のみ変更が反映されます。

メイン画像コピーのフォントを変更可能にする

ONにするとキャッチコピーのを変更可能になります。
OFFの場合はデフォルトのフォントとなり、字体を選択していても無視されます。

コピー 字体

キャッチコピーの字体を欧文フォント10種類、和文フォント5種類の中から選べます。
※「メイン画像コピーのフォントを変更可能にする」をONにしている場合のみ変更が反映されます。

ボタンテキスト

キャッチコピー下に表示されるリンクボタンに表示される文言を任意で設定できます。

ボタン 文字色

キャッチコピー下に表示されるリンクボタンの文字色を変更できます。

ボタン 背景色

キャッチコピー下に表示されるリンクボタンの背景色を変更できます。

ボタンURL

キャッチコピー下に表示されるリンクボタンのリンク先URLを入力します。
※この項目が空欄の場合はリンクボタンが表示されません

ボタンURLを新規ウィンドウで開く

ONにするとボタンをクリックした時にリンク先を別ウィンドウで開きます。

TOPページ、メイン画像下にこのサイトの簡単な紹介を画像付きで掲載できるエリアです。

画像（横1240px×縦570px推奨）

画像をアップロードして設定できます。
推奨サイズ：横横1240×縦570（px）
縦長の画像は大きすぎる場合に縮小表示されます。

スマホ：画像にフィルターをかける

ONにするとフィルター（画像を暗くして文字の視認性を良くする）が画像に適用されます。
OFFにすると無効になります。

タイトル

イントロダクションのタイトル部分のテキストを任意で設定できます。

おすすめとして最大6件まで任意のおすすめ商品を掲載できます。

おすすめブロックを表示

ONにすると表示、OFFにすると非表示になります。

見出し

見出しのテキストを任意で設定できます。

おすすめブロック1〜6：画像

画像をアップロードして設定できます。
推奨サイズ：横375×縦330（px）
大きすぎる場合はトリミング表示されます。

おすすめブロック1〜6：商品名

商品名のテキストを任意で設定できます。

おすすめブロック1〜6：価格

価格のテキストを任意で設定できます。
※単位や税込表示は自動で付きません。
※英語・外貨対応Appは自由記述に対応しません。

おすすめブロック1〜6：割引表示(OFF率、〜円割引など)

割引率などを付けるために用意したエリアです。
「10%OFF」「100円引き」などの形で入力すると価格の側に表示されます。

おすすめブロック1〜6：リンク先URL

リンクをつけたい場合にURLを入力するとリンクを付けられます。

TOPページ、おすすめ商品の下にNEWSを4件まで掲載できます。

NEWSブロックを表示

ONにすると表示、OFFにすると非表示になります。

見出し

NEWSブロックの見出しのテキストを任意で設定できます。

❶〜❹ NEWSブロック1〜4：日時

各NEWSの日時のテキストを任意で設定できます。

❶〜❹ NEWSブロック1〜4：詳細

各NEWSの詳細テキストを任意で設定できます。

❶〜❹ NEWSブロック1〜4：リンク先URL

各NEWSをリンクにしたい場合はリンク先URLをここに入力します。

❶〜❹ NEWSブロック1〜4：リンクを新しいタブで開く

ONにすると、「リンク先URL」を新規ウィンドウで開きます。
OFFにするとそのままページ遷移します。

TOPページ、NEWSの下にバナーを最大4件まで掲載できます。

TOPページ：バナーを表示

ONにすると表示、OFFにすると非表示になります。

バナーエリア背景色

バナー表示エリアの背景色を変更できます。

バナー1〜4：画像

バナー画像をアップロードできます。
推奨サイズ：横570×縦240（px）
縦のサイズは特に制限ありませんので自由です。
ただし複数設置する場合はバナーのサイズが不揃いになると見栄えが悪くなるので、同じサイズのバナーを配置することをオススメします。

バナー1〜4：リンク先URL

リンクをつけたい場合にURLを入力するとリンクを付けられます。

バナー1〜4：リンクを新しいタブで開く

ONにすると、「リンク先URL」を新規ウィンドウで開きます。
OFFにするとそのままページ遷移します。

バナー1〜4：画像の代替テキスト

画像の説明（alt属性に入れる文言）を設定できます。
特に画面上のどこかに表示されるものではありませんが、もしも画像が表示されなかった場合に代替でこちらが表示されます。
また、Googleの画像検索のキーワードとしても使われます。

商品一覧表示に関わる設定について

TOPページ：商品一覧を表示

ONにすると表示、
OFFにすると非表示になります。

見出し

商品一覧の最上部に付く見出しのテキストを任意で設定できます。
デフォルトは「商品一覧」です。

TOPページのブログリストの表示・非表示を変更できます。
表示の順番は新着順となります。（変更不可）
最大表示件数を6・12・16から選択できます。

ブログリストを表示

ONにすると表示、OFFにすると非表示になります。

見出し

見出しのテキストを任意で設定できます。

最大記事数

表示する記事の最大数を選択できます。
6・12・16の3つから選ぶことができます。

ABOUTページに表示されるメイン画像の設定ができます。

メイン画像を表示

ONにすると表示、OFFにすると非表示になります。

メイン画像

ABOUTページのメイン画像をアップロードできます。
推奨サイズ：横2480×縦1140（px）
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

メイン画像 代替テキスト

画像の説明（alt属性に入れる文言）を設定できます。
特に画面上のどこかに表示されるものではありませんが、もしも画像が表示されなかった場合に代替でこちらがテキスト表示されます。
また、Googleの画像検索のキーワードとしても使われます。

ABOUTページの「ショップ説明」の表示エリアの設定ができます。
このエリアは、BASE管理画面->右上->ショップ設定->ショップの説明に記載した情報が表示されるエリアです。「ショップ設定」に設定した「ショップ名」が見出しになり、「ショップ説明」が説明文になる形で表示されます。

ショップ説明 大見出し

「ショップ説明」エリアの大見出しを変更できます。
デフォルトは「ショップについて」です。

ショップ説明を左寄せにする

ONにすると、デフォルトで中央寄せになっているショップ説明を左寄せに変更します。

ABOUTページにショップのコンセプトを見出しと説明のセットで掲載できるエリアです。
「ショップ説明」にコンセプトを書いている場合は必要なければ非表示にもできます。

大見出し

コンセプトの大見出しを変更できます。
デフォルトは「コンセプト」です。

小見出し

コンセプトの小見出しを変更できます。

説明

コンセプトの説明を変更できます。

コンセプトを左寄せにする

ONにすると、デフォルトで中央寄せになっているショップ説明を左寄せに変更します。

ABOUTページに店舗情報を2件まで掲載できます。

店舗一覧を表示

ONにすると表示、OFFにすると非表示になります。

見出し

見出しのテキストを任意で設定できます。
デフォルトは「店舗一覧」です。

❶~❷ 店舗1〜2：画像

店舗の画像をアップロードできます。
推奨サイズ：横900×縦750（px）です。

❶~❷ 店舗1〜2：名称

店舗の名称を入力します。

❶~❷ 店舗1〜2：住所

店舗の住所を入力します

❶~❷ 店舗1〜2：電話番号

店舗の電話番号を入力します。

❶~❷ 店舗1〜2：営業時間

店舗の営業時間を入力します。

❶~❷ 店舗1〜2：定休日

店舗の定休日を入力します。

❶~❷ 店舗1〜2：メールアドレス

店舗のメールアドレスを入力します。

ABOUTページにFAQ（よくある質問）エリアを表示できます。
最大10件まで追加できます。

FAQを表示

ONにするとABOUTページ下にFAQエリアを表示させます。
OFFにすると非表示になります。

見出し

見出しに入る文言を変更できます。
デフォルトは「よくある質問」です。

❶〜➓ FAQ：質問1〜10

質問内容を入力します。

❶〜➓ FAQ：答え1〜10

質問内容の答えをテキストで入力します。
リンクを入れたい場合はhtmlを使用します。
<a href="リンク先URL">リンクにするテキスト</a>の形式で入力するとリンクになります。
<a href="リンク先URL" target="_blank" rel="noopener">リンクにするテキスト</a>の形式で入力すると新規ウィンドウで開くリンクになります。

商品ページの下に表示される「関連商品」の表示設定ができます。

関連商品を表示

ONにすると表示、 OFFにすると非表示になります。

見出し

関連商品の見出しを任意のテキストに変更できます。
デフォルトは「その他の商品」です。

購入ボタンの配色を任意で変更できます。

購入ボタン 文字色

背景色

購入ボタンの配色を変更できます。

お問い合わせページの見出しを変更できます。

CONTACTページ：見出し

ページの見出しを任意のテキストに変更できます。
デフォルトは「お問い合わせ」になります。

メールマガジンAppをインストールするとフッターの上に自動的にメールマガジン登録フォームが設置されます。
テーマ編集から見出しと説明文の変更が可能です。

見出し

見出しを変更できます。
デフォルトは「NEWSLETTER」となっています。

説明文

説明文を変更できます。
デフォルトは「新商品やキャンペーンなどの最新情報をお届けいたします。」となっています。

独自のスタイルシートを追加する【上級者向け】

こちらにCSSを貼り付けるとstyleタグが追加され、CSSを上書きできます。独自拡張になりますので上級者向けです。意味がわかる方のみご使用ください。
こちらで用意しているCSSファイルの詳細についての質問には、お問い合わせいただいても細かくお答えできかねます。上書きする場合は確かな知識をお持ちの方が自己責任でお願いいたします。

スマートフォン用のデフォルトテーマを使用する

BASE側で用意されているデフォルトのスマートフォン用テーマを使う設定です。
「Vegetable」においてはレスポンシブ対応しておりますので、こちらはチェックを外すことをオススメします。