HOW TO USE

基本設定

背景の設定

デザイン → 背景

カラーから選ぶもしくはパターンから選ぶで設定してください。

基本設定

タイトル・本文のテキスト・リンクの色

デザイン → テーマ設定 →【基本設定】タイトルの色

デザイン → テーマ設定 →【基本設定】本文の色

デザイン → テーマ設定 →【基本設定】リンクの色

背景の色に合わせて、タイトル、本文のテキスト、 リンクの色を設定してください。

基本設定

フォントの選択

デザイン → テーマ設定 →【基本設定】フォントの設定(欧文/和文)

フォントは下記の5パターンからお選びいただけます。

○Roboto / Noto Sans JP

ACBDEFGHIJK abcdefghijk 1234567890 ACBDEFGHIJK abcdefghijk 1234567890

この文章はダミーです この文章はダミーです

○Montserrat / M PLUS 1p

ACBDEFGHIJK abcdefghijk 1234567890 ACBDEFGHIJK abcdefghijk 1234567890

この文章はダミーです この文章はダミーです

○Zilla Slab / Noto Sans JP

ACBDEFGHIJK abcdefghijk 1234567890 ACBDEFGHIJK abcdefghijk 1234567890

この文章はダミーです この文章はダミーです

○Quicksand / M PLUS Rounded 1c

ACBDEFGHIJK abcdefghijk 1234567890 ACBDEFGHIJK abcdefghijk 1234567890

この文章はダミーです この文章はダミーです

○PT Serif / Noto Serif JP

ACBDEFGHIJK abcdefghijk 1234567890 ACBDEFGHIJK abcdefghijk 1234567890

この文章はダミーです この文章はダミーです

ナビゲーション

ヘッダー&フッターの背景色

デザイン → テーマ設定 →【ナビゲーション】ヘッダー&フッターの背景色

ヘッダー、ナビゲーション、フッターの背景を設定してください。

※ロゴが見えにくくならないよう調整してください。

ナビゲーション

ヘッダー&フッターのテキスト色

デザイン → テーマ設定 →【ナビゲーション】ヘッダー&フッターのテキスト色

ヘッダー&フッターの背景色に合わせて、テキストの色を設定してください。

ナビゲーション

文言の変更

下記の文言は、日本語でも英語(大文字・小文字)でもお好きな文字に変更できます。またタイトルと連動しておりますので、自動的にタイトルも変更されます。

デザイン → テーマ設定 →【ナビゲーション】HOME

デザイン → テーマ設定 →【ナビゲーション】CATEGORY(カテゴリ管理Appが必要)

デザイン → テーマ設定 →【ナビゲーション】ABOUT

デザイン → テーマ設定 →【ナビゲーション】BLOG(BlogAppが必要)

デザイン → テーマ設定 →【ナビゲーション】COMMUNITY(コミュニティAppが必要)

デザイン → テーマ設定 →【ナビゲーション】COIN(ショップコインAppが必要)

デザイン → テーマ設定 →【ナビゲーション】CONTACT

※文字数が長くなる場合、表示が崩れる場合がございますので、その際はご調整ください。

※SHOPPING GUIDEはSHOPPING GUIDEの表示を参照してください。

※FAQはFAQの表示を参照してください。

※商品一覧のタイトル(PRODUCTS)はタイトル(PRODUCTS)の変更を参照してください。

ナビゲーション

SNSアカウント

ショップ設定 →ショップ情報 → SNS設定

アカウントを設定してください。

ショップ設定

BASEのヘルプも併せてお読みください。

ナビゲーション

SNSアイコンの白背景色

デザイン → テーマ設定 →【ナビゲーション】SNSアイコンの白背景設定

背景色の影響でSNSアイコンが目にくくなる場合は「ON」に設定してください。

○OFFの場合

SNS OFF

○ONの場合

SNS ON

メインビジュアル

エフェクトの選択と画像の登録

※エフェクトは同時に使用することはできません。

※推奨サイズ:縦[856 × 1852px]以上、横[1920 × 1080px]以上

○グリッジ

デザイン → テーマ設定 →【メインビジュアル】グリッチ

「ON」に設定し、他のエフェクトは「OFF」に設定してください。

必要な画像

  • 画像(縦)01
  • 画像(横)01

○カラーグラデーション

デザイン → テーマ設定 →【メインビジュアル】カラーグラデーション

「ON」に設定し、他のエフェクトは「OFF」に設定してください。

必要な画像

  • 画像(縦)01
  • 画像(横)01

○フェード

デザイン → テーマ設定 →【メインビジュアル】フェード

「ON」に設定し、他のエフェクトは「OFF」に設定してください。

必要な画像

  • 画像(縦)01
  • 画像(横)01
  • 画像(縦)02
  • 画像(横)02
  • 画像(縦)03
  • 画像(横)03

○エフェクトなし

デザイン → テーマ設定 →【メインビジュアル】エフェクトなし

「ON」に設定し、他のエフェクトは「OFF」に設定してください。

必要な画像

  • 画像(縦)01
  • 画像(横)01

ボタン

色・文言の変更

デザイン → テーマ設定 →【ボタン】背景

デザイン → テーマ設定 →【ボタン】テキスト

デザイン → テーマ設定 →【ボタン】テキスト色

背景色、テキストの色、文言を変更できます。

TOP / ABOUT

ABOUTの表示

デザイン → テーマ設定 →【TOP】ABOUTの表示

「ON」にすることでTOPページのABOUTエリアを使用できます。

TOP / ABOUT

タイトル・テキスト・画像の設定

○タイトルの表示・入力

デザイン → テーマ設定 →【TOP】ABOUTのタイトルの表示

表示する場合は「ON」に設定してください。

以下のように、改行は<br>を使用してください。

アメリカのロサンゼルス州出身の<br>4人組ロックバンドFoolish

○タイトルの中央揃え

デザイン → テーマ設定 →【TOP】ABOUTのタイトルの中央揃え

タイトルを中央揃えしたい場合は「ON」にしてください。

○テキストの入力

デザイン → テーマ設定 →【TOP】ABOUTのテキスト

以下のように、改行は<br>を使用してください。

アメリカのロサンゼルス州出身の4人組ロックバンド「Foolish」。この文章はダミーです。活動履歴の簡易文章を入れてください。この文章はダミーです。200文字~400文字程度を推奨しています。<br><br>この文章はダミーです。活動履歴の簡易文章を入れてください。この文章はダミーです。200文字~400文字程度を推奨しています。

テキストの中央揃え

デザイン → テーマ設定 →【TOP】ABOUTのテキストの中央揃え

テキストを中央揃えしたい場合は「ON」にしてください。

○画像の表示

デザイン → テーマ設定 →【TOP】ABOUTで画像を使用する

表示する場合は「ON」に設定してください。

○レイアウト

レイアウトを画面幅1200px以上の時に2列にする場合は「ON」にしてください。

デザイン → テーマ設定 →【TOP】ABOUTの画像レイアウトを幅1200px以上の時に2列にする

OFFの時

画像 → タイトル → テキストの順番で縦に並びます。

ONの時

レイアウト2カラム

○画像の登録

デザイン → テーマ設定 →【TOP】ABOUTの画像

画像は1枚登録できます。推奨サイズは[横幅800px以上]です。

TOP / 商品一覧

商品一覧の表示

デザイン → テーマ設定 →【TOP】商品一覧の表示

「OFF」にするとトップページの商品一覧を非表示にすることができます。

※非表示にする場合は、商品ページへのアクセスができなくなりますので、カテゴリ管理Appをインストールして、カテゴリの設定をしてください。

TOP / 商品一覧

タイトル(PRODUCTS)の変更

デザイン → テーマ設定 →【TOP】商品一覧のタイトル

お好きな文言に変更できます。

TOP / 商品一覧

商品ステータスの色

デザイン → テーマ設定 →【商品ステータス】SALE、SOLD OUT、会員限定商品、抽選販売、COMING SOON、テイクアウトなどの色

SALE、SOLD OUT、会員限定商品、抽選販売、COMING SOON、テイクアウトなどの商品ステータスの色を設定してください。

ABOUT

エリア1の設定

○タイトルの表示

デザイン → テーマ設定 →【ABOUT】タイトルの表示

表示する場合は「ON」に設定してください。

○タイトルの入力

デザイン → テーマ設定 →【ABOUT】タイトル

以下のように、改行は<br>を使用してください。

アメリカのロサンゼルス州出身の<br>4人組ロックバンドFoolish

○タイトルの中央揃え

デザイン → テーマ設定 →【ABOUT】タイトルの中央揃え

タイトルを中央揃えしたい場合は「ON」にしてください。

○テキストの入力

デザイン → テーマ設定 →【ABOUT】テキスト

以下のように、改行は<br>を使用してください。

アメリカのロサンゼルス州出身の4人組ロックバンド「Foolish」。この文章はダミーです。活動履歴の簡易文章を入れてください。この文章はダミーです。200文字~400文字程度を推奨しています。<br><br>この文章はダミーです。活動履歴の簡易文章を入れてください。この文章はダミーです。200文字~400文字程度を推奨しています。

○テキストの中央揃え

デザイン → テーマ設定 →【ABOUT】テキストの中央揃え

テキストを中央揃えしたい場合は「ON」にしてください。

○画像の表示

デザイン → テーマ設定 →【ABOUT】画像を使用する

表示する場合は「ON」に設定してください。

○レイアウト

デザイン → テーマ設定 →【ABOUT】画像レイアウトを幅960px以上の時に2列にする

レイアウトを画面幅1200px以上の時に2列にする場合は「ON」にしてください。

OFFの時

画像 → タイトル → テキストの順番で縦に並びます。

ONの時

レイアウト2カラム

○画像の登録

デザイン → テーマ設定 →【ABOUT】画像

画像は1枚登録できます。推奨サイズは[横幅800px以上]です。

ABOUT

エリア2の設定

設定方法はエリア1と同じです。

※「レイアウトを幅960px以上の時に2列にする」「中央揃え」の設定はエリア1を継承します。

○レイアウト

デザイン → テーマ設定 →【ABOUT】画像レイアウトを幅960px以上の時に2列にする

ONの時

画面幅960px以上の時、画像とテキストの位置がエリア1と逆になります。

レイアウト2カラム

ABOUT / ACCESS

ACCESSの表示

デザイン → テーマ設定 →【ACCESS】表示設定(お店などの場合)

ACCESSのエリアを使用する場合は「ON」にしてください。

ABOUT / ACCESS

タイトル・店名・テキスト・URLの設定

デザイン → テーマ設定 →【ACCESS】タイトル

デザイン → テーマ設定 →【ACCESS】店名

デザイン → テーマ設定 →【ACCESS】ADDRESSのテキスト

デザイン → テーマ設定 →【ACCESS】公式HPのURL

タイトル・店名・テキスト・URLを設定できます。

○テキストの入力

以下のように、改行は<br>を使用してください。

〒530-0001 大阪府大阪市北区梅田3丁目1−1<br>[営業時間]10:00-21:00<br>[定休日]不定休<br>[TEL]06-1234-5678<br>[MAIL]shop@foolish.com

ABOUT / ACCESS

Google Mapの設定

デザイン → テーマ設定 →【ACCESS】Google Mapの地図を埋め込むにある「iframe」のHTMLコード

Google Mapの設定は、①Google Mapを開く → ②店名(出てこなければ住所)を入力 → ③共有 → ④地図を埋め込む → ⑤HTMLをコピー → ⑥入力欄にペースト の順番で設定できます。

Google Map

ABOUT / SHOPPING GUIDE

SHOPPING GUIDEの表示

デザイン → テーマ設定 →【SHOPPING GUIDE】表示設定

デザイン → テーマ設定 →【SHOPPING GUIDE】タイトル

SHOPPING GUIDEのエリアを使用する場合は「ON」にしてください。タイトルの文言は変更できます。

ABOUT / SHOPPING GUIDE

配送・配送料の設定

デザイン → テーマ設定 →【配送・配送料】表示設定

デザイン → テーマ設定 →【配送・配送料】タイトル

デザイン → テーマ設定 →【配送・配送料】送料の条件

デザイン → テーマ設定 →【配送・配送料】送料

デザイン → テーマ設定 →【配送・配送料】送料の色

デザイン → テーマ設定 →【配送・配送料】送料の注意事項

デザイン → テーマ設定 →【配送・配送料】テキスト

配送・配送料のエリアを使用する場合は「ON」にしてください。タイトル、送料の条件、送料、送料の色、送料の注意事項、テキストを設定してください。

※テキスト入力欄の改行に<br>は必要ありません。

※「【SHOPPING GUIDE】表示設定」で「ON」の設定が必要

ABOUT / SHOPPING GUIDE

お支払い方法の設定

デザイン → テーマ設定 →【お支払い方法】表示設定

デザイン → テーマ設定 →【お支払い方法】タイトル

デザイン → テーマ設定 →【お支払い方法】テキスト

お支払い方法のエリアを使用する場合は「ON」にしてください。タイトル、テキストを設定してください。

※「【SHOPPING GUIDE】表示設定」で「ON」の設定が必要

○決済方法

デザイン → テーマ設定 →【お支払い方法】クレジットカード決済

デザイン → テーマ設定 →【お支払い方法】キャリア決済

デザイン → テーマ設定 →【お支払い方法】銀行振込

デザイン → テーマ設定 →【お支払い方法】コンビニ決済・Pay-easy

デザイン → テーマ設定 →【お支払い方法】Amazon Pay

デザイン → テーマ設定 →【お支払い方法】PayPal

デザイン → テーマ設定 →【お支払い方法】後払い決済

※「【SHOPPING GUIDE】表示設定」と「【お支払い方法】表示設定」で「ON」の設定が必要

※「ショップ設定 → 決済方法」で有効にした決済方法と合わせてください

※テキスト入力欄の改行に<br>は必要ありません。

ABOUT / SHOPPING GUIDE

キャンセル・返品・交換の設定

デザイン → テーマ設定 →【キャンセル・返品・交換】表示設定

デザイン → テーマ設定 →【キャンセル・返品・交換】タイトル

表示する場合は「ON」に設定してください。タイトルを設定してください。

○ご注文後の商品のキャンセル

デザイン → テーマ設定 →【ご注文後の商品のキャンセル】表示設定

デザイン → テーマ設定 →【ご注文後の商品のキャンセル】タイトル

デザイン → テーマ設定 →【ご注文後の商品のキャンセル】テキスト

ご注文後の商品のキャンセルのエリアを使用する場合は「ON」にしてください。タイトル、テキストを設定してください。

※テキスト入力欄の改行に<br>は必要ありません。

※「【SHOPPING GUIDE】表示設定」と「【キャンセル・返品・交換】表示設定」で「ON」の設定が必要

○返品・交換

デザイン → テーマ設定 →【返品・交換】表示設定

デザイン → テーマ設定 →【返品・交換】タイトル

デザイン → テーマ設定 →【返品・交換】テキスト

返品・交換のエリアを使用する場合は「ON」にしてください。タイトル、テキストを設定してください。

※テキスト入力欄の改行に<br>は必要ありません。

※「【SHOPPING GUIDE】表示設定」と「【キャンセル・返品・交換】表示設定」で「ON」の設定が必要

ABOUT / SHOPPING GUIDE

その他のご利用ガイドの設定

デザイン → テーマ設定 →【その他のご利用ガイド】表示設定

デザイン → テーマ設定 →【その他のご利用ガイド】タイトル

デザイン → テーマ設定 →【その他のご利用ガイド】テキスト

その他のご利用ガイドのエリアを使用する場合は「ON」にしてください。タイトル、テキストを設定してください。

配送・配送料、お支払い方法、キャンセル・返品・交換の設定以外に必要な項目を設定いただけます。

※テキスト入力欄の改行に<br>は必要ありません。

※「【SHOPPING GUIDE】表示設定」と「【キャンセル・返品・交換】表示設定」で「ON」の設定が必要

ABOUT / FAQ

FAQの表示

デザイン → テーマ設定 →【FAQ】表示設定

デザイン → テーマ設定 →【FAQ】タイトル

デザイン → テーマ設定 →【FAQ】色の設定

FAQのエリアを使用する場合は「ON」にしてください。タイトルの文言、色を変更できます。
最大8件まで登録できます。

ABOUT / FAQ

質問・回答の設定

デザイン → テーマ設定 →【FAQ01〜08】表示設定

デザイン → テーマ設定 →【FAQ01〜08】質問

デザイン → テーマ設定 →【FAQ01〜08】回答

FAQ01~08まで必要に応じて「ON」にしてください。質問・回答を設定してください。

※回答のテキスト入力欄の改行に<br>は必要ありません。

App / メールマガジン

色・テキスト・ボタンの設定

デザイン → テーマ設定 →【メールマガジン App】タイトル

デザイン → テーマ設定 →【メールマガジン App】テキスト

デザイン → テーマ設定 →【メールマガジン App】テキストの色

デザイン → テーマ設定 →【メールマガジン App】登録ボタンの背景色

デザイン → テーマ設定 →【メールマガジン App】登録ボタンのテキスト色

タイトル、テキスト、テキストの色、ボタンの色を設定してください。

○テキストの中央揃え

デザイン → テーマ設定 →【メールマガジン App】テキストの中央揃え

テキストの中央揃えをする場合は「ON」にしてください。