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

ロゴ画像を使用する

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

オリジナルロゴを作成

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

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

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

カラーから選ぶ

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

パターンから選ぶ

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

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

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

ロゴ：字体

10種類のWebフォントから選択できます。

ロゴ：文字サイズ

大・中・小の3段階で指定できます。

テキスト全体のフォントに関する設定ができます。

文字に明朝体を使う

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

明朝体：種類

「文字に明朝体を使う」をONにした時に明朝体の種類を変更できます。
「さわらび明朝」「はんなり明朝」「こころ明朝」「Noto Serif」の4種類から選択できます。

フォントサイズ

全体のフォントサイズを3段階で調整できます。

全体：フォント

サイト全体のフォントを選べます。読みやすい4種類のフォントから選べます。
明朝体を選ぶと高級感が、丸ゴシックを選ぶと温かみが出ます。
サイトの雰囲気に合わせて変えてみてください。

各コンテンツの見出しの字体・文字色をデフォルトのものから変更できます。

見出し：カスタマイズ

ONにすると見出しの字体と文字サイズをカスタマイズ可能になります。
OFFにするとデフォルトの字体になります。
※ONにしないと字体や文字サイズは反映されません。
※デフォルトの字体のサイズは変更できません。

見出し：字体

「見出し：カスタマイズ」がONの時に、10種類のWebフォントから選択できます。

見出し：文字サイズ

「見出し：カスタマイズ」がONの時に、大・中・小の3段階で文字サイズ指定できます。

TOPページのメイン画像を変更できます。

メイン画像を表示

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

メイン画像 PC

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

メイン画像 スマホ

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

メイン画像 代替テキスト

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

TOPページのメインビジュアル直下にあるバナーエリアをカスタマイズできます。
最大4つまで配置できます。

バナーを表示

チェックを入れるとバナーエリアを表示します。
チェックを外すと非表示にします。

バナー[1~4]：画像

バナーに使用する画像をアップロードします。
推奨サイズ：横300px
縦はお好みのサイズで構いませんが、複数バナーを設置する際はすべて同じ高さに統一した方が見栄えが良くなります。
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

バナー[1~4]：リンク先URL

バナー画像のリンク先を入力します。
※空欄にするとリンク無し・画像のみのバナーとして表示できます。

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

リンク先をそのままの画面で開くか、新しいタブ・ウィンドウで開くかを指定します。リンク先が外部サイトの場合などによく使われます。

バナー[1~4]：画像の代替テキスト

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

TOPページからABOUTページへの導線として見出し・説明・画像を設定できるコンテンツエリアです。

ABOUTブロックを表示

ONにするとABOUTブロックを表示します。OFFにすると非表示になります。

ABOUTブロック：見出し 文字色

ブロックの見出し「ABOUT」の文字色を個別に変更できます。

ABOUTブロック：背景色

背景色を変更できます。
何も指定しなければ#e0e0d4が入ります。

ABOUTブロック：画像

画像をアップロードできます。
空の場合は非表示になります。
推奨サイズ：横1110×縦750（px）

ABOUTブロック：タイトル

ABOUTページへの導線コンテンツのタイトルを入力します。
改行は<br>タグが使えます。

ABOUTブロック：タイトル 文字色

コンテンツのタイトル文字色を個別に変更できます。

ABOUTブロック：概要

ABOUTページへの導線コンテンツの概要を入力します。
改行は<br>タグが使えます。

ABOUTブロック：概要 文字色

コンテンツの概要の文字色を個別に変更できます。

ABOUTブロック：リンク 文字色

「VIEW MORE」と書かれたリンクの文字色を変更できます。

TOPページ・ABOUTページ・BLOGページにオススメの商品情報をスライドで最大5件まで表示できます。

PICK UPブロックを表示

ONにするとPICK UPブロックを表示します。
OFFにすると非表示にします。

PICK UPブロック[1~5]：画像

画像をアップロードできます。
推奨サイズ：横1200×縦900（px）
縦はお好みのサイズで構いません。
※画像が空の場合は他の項目が入力されていてもスライドに追加されません。推奨
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

PICK UPブロック[1~5]：商品名

商品の名称を入力できます。
※商品名が空の場合は他の項目が入力されていてもスライドに追加されません。

PICK UPブロック[1~5]：価格

商品の価格を追加できます。単位は自動で付きませんので、「¥ 2,980」「2,980円」などの形で入力することをオススメします。

PICK UPブロック[1~5]：割引表示

商品の割引表示を追加できます。「10%OFF」「いまだけ半額」などの形で入力することをオススメします。

PICK UPブロック[1~5]：商品概要

商品の説明を追加できます。文字数制限はありませんが、100文字程度がバランス良く配置できる文字数です。

PICK UPブロック[1~5]：リンク先URL

リンクを追加できます。URL追加すると「VIEW DETAIL」というリンクボタンが表示されます。

商品一覧表示でできる設定についてです。
BASEでは商品一覧は一度に最大24件表示され、25件目以降はMOREボタンを押すことで2ページ目、3ページ目と追加表示される仕組みになっています。

画像を枠いっぱいに合わせる

ONにすると商品一覧のすべての枠内の商品画像が枠いっぱいに広がり画像の大きさを均一にします。OFFにすると枠内に収まるようになりますが、画像の大きさは不均一になるので商品ごとに商品画像の１枚目の大きさを調整する必要があります。
※ONにすると、画像が小さい場合に引き延ばされます

BLOG App利用時にTOPページ・ABOUTページ・商品ページにBLOGブロックを表示します。
表示の順番は新着順となります。（変更不可）
表示件数は最大16件まで設定できます。

BLOGブロックを表示

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

BLOGブロック：記事数

ブログの最大記事数を4・6・8・10・12・14・16の中から指定できます。

TOPページ・CATEGORYページ・ABOUTページにNEWSブロックを追加できます。最大3件のお知らせを追加できます。

NEWSブロックを表示

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

NEWSブロック[1~3]：タイトル

NEWSのタイトルを入力します。
※この項目は必須となるので、空欄の場合は詳細やリンクをに入力してもこのニュースは表示されません。

NEWSブロック[1~3]：詳細

NEWSの詳細を入力します。空欄の場合は詳細のみが非表示になります。

NEWSブロック[1~3]：リンク先URL

NEWSの詳細をリンクを入力します。空の場合はリンクなしのテキストで表示されます。

NEWSブロック[1~3]：リンクを新しいタブで開く

ONにするとリンクを新しいタブ・ウィンドウで開きます。
OFFにすると通常のリンクになります。
リンク先が外部サイトの場合などによく使われます。

CONTACTページ以外の全てのページにCONTACTページへの導線になるCTAブロックを設置できます。

CONTACTブロックを表示

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

CONTACTブロック：背景画像

CONTACTブロックの背景になる画像をアップロードできます。
空の場合は背景色が表示されます。
推奨サイズ：横2880px × 縦1020px
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

CONTACTブロック：背景画像 代替テキスト

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

CONTACTブロック：背景色

画像がない場合に出てくる背景色です。
何も指定しなければ#e0e0d4が入ります。

CONTACTブロック：メッセージ

「商品に関するお問い合わせなどは気軽にご相談ください」などのメッセージを表示できます。改行は<br>タグが使えます。

CONTACTブロック：文字色

メーセージの文字色です。何も指定しなければ#ffffffが入ります。

CONTACTブロック：ボタンテキスト

ボタンの文言を変更できます。デフォルトは「CONTACT US」と表示されます。

CONTACTブロック：メッセージを中央に揃える

ONにするとメッセージのテキストを中央揃えにします。
OFFにするとデフォルトの左側に空白を取った形になります。

ABOUTページの上部にメイン画像を設置できます。

メイン画像を表示

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

メイン画像

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

メイン画像 代替テキスト

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

ABOUTページにショップのコンセプトを見出しと説明のセットで掲載できるエリアです。

コンセプトを表示

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

コンセプト：見出し

コンセプトの見出しを設定できます。

コンセプト：説明

コンセプトの説明を設定できます。

ABOUTページのコンセプトのすぐ下にBASE管理画面上で設定した「ショップの説明」が表示されます。 「ショップの説明」とは、BASE管理画面->右上->ショップ設定->ショップの説明のことです。 ショップ設定に設定した「ショップ名」が見出しになり、「ショップの説明」が説明文になる形で表示されます。
自動的に表示される仕様ですので、表示・非表示の切り替えはできません。

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

店舗一覧を表示

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

店舗[1~2]：画像

店舗画像をアップロードして表示します。
空の場合は非表示になります。
推奨サイズ：横900px程度
縦はお好みのサイズで構いません。

店舗[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にすると枠内に収まるようになりますが、画像の大きさは不均一になるので商品ごとに商品画像の１枚目の大きさを調整する必要があります。
※ONにすると、画像が小さい場合に引き延ばされます

フッター：SNSアイコンと文字を白にする

ONにすると、フッターに表示されるSNSアイコンの色と、フッターの文字色を白に変更します。
OFFにするとデフォルトの黒になります。
背景色の色味に合わせて見やすい方に合わせてください。

スマホ：右上の追従メニューの白背景を消す

ONにすると、スマホ表示時の右上に固定表示されるアイコンメニューの、白背景を消します。
OFFの場合は背景ありのままです。
※色の変更はできません。

TOPページ以外：パンくずリストの文字を白にする

ONにすると、TOPページ以外の下層ページに設置されているパンくずリストの文字色を白にします。
OFFの場合はデフォルトの色です
※白・デフォルト以外の色への変更はできません。

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

こちらにCSSを貼り付けるとstyleタグが追加され、CSSを上書きできます。独自拡張になりますので上級者向けです。意味がわかる方のみご使用ください。

こちらで用意しているCSSファイルの詳細についての質問には、お問い合わせいただいても細かくお答えできかねます。上書きする場合は確かな知識をお持ちの方が自己責任でお願いいたします。

Blog Appを使用して記事を投稿する際、「この記事を固定にする」にチェックを入れると各記事リストの先頭に固定記事が表示され、TOPページのメイン画像下にテキストリンクで記事が固定表示されます。
メイン画像がない場合は最上部になります。

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

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