HOW TO USE

基本設定

スマートフォン用デフォルトテーマ設定

MENU:テーマ設定

設定項目は1番下にあります。

デフォルトテーマを使用する→OFF

ONにするとARTISTICのデザインテーマが反映されませんのでご注意ください。

基本設定

背景の設定

MENU:背景

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

基本設定

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

MENU:テーマ設定

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

基本設定

フォントの選択

MENU:テーマ設定

フォントは下記の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

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

ナビゲーション

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

MENU:テーマ設定

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

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

ナビゲーション

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

MENU:テーマ設定

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

ナビゲーション

文言の変更

MENU:テーマ設定

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

  • HOME
  • ABOUT
  • BLOG(BlogAppが必要)
  • CATEGORY(カテゴリ管理Appが必要)
  • COMMUNITY(コミュニティAppが必要)
  • COIN(ショップコインAppが必要)
  • SHOPPING GUIDE(ABOUTページでON設定)
  • FAQ(ABOUTページでON設定)
  • CONTACT

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

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

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

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

ナビゲーション

SNSアイコンの白背景色

MENU:テーマ設定

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

SNSアイコンの白背景設定→OFF

SNS OFF

SNSアイコンの白背景設定→ON

SNS ON

メインビジュアル

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

MENU:テーマ設定

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

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

◉グリッジ

グリッジ→ON他のエフェクト→OFF

必要な画像

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

◉カラーグラデーション

カラーグラデーション→ON他のエフェクト→OFF

必要な画像

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

◉フェード

フェード→ON他のエフェクト→OFF

必要な画像

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

◉エフェクトなし

エフェクトなし→ON他のエフェクト→OFF

必要な画像

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

ボタン

色・文言の変更

MENU:テーマ設定

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

TOP / ABOUT

ABOUTの表示

MENU:テーマ設定

ABOUTの表示→ON

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

TOP / ABOUT

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

MENU:テーマ設定

◉タイトルの表示・入力

ABOUTのタイトルの表示→ON

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

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

◉タイトルの中央揃え

タイトルの中央揃え→ON

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

◉テキストの入力

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

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

テキストの中央揃え

テキストの中央揃え→ON

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

◉画像の表示

画像を使用する→ON

◉レイアウト

レイアウトを幅1200px以上の時に2列にする→OFF

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

レイアウトを幅1200px以上の時に2列にする→ON

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

レイアウト2カラム

◉画像の登録

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

TOP / 商品一覧

タイトル(PRODUCTS)の変更

MENU:テーマ設定

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

TOP / 商品一覧

商品ステータスの色

MENU:テーマ設定

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

ABOUT

エリア1の設定

MENU:テーマ設定

◉タイトルの表示・入力

ABOUTのタイトルの表示→ON

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

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

◉タイトルの中央揃え

タイトルの中央揃え→ON

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

◉テキストの入力

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

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

テキストの中央揃え

テキストの中央揃え→ON

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

◉画像の表示

画像を使用する→ON

◉レイアウト

レイアウトを幅960px以上の時に2列にする→OFF

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

レイアウトを幅960px以上の時に2列にする→ON

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

レイアウト2カラム

◉画像の登録

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

ABOUT

エリア2の設定

MENU:テーマ設定

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

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

◉レイアウト

レイアウトを幅960px以上の時に2列にする→ON

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

レイアウト2カラム

ABOUT / ACCESS

ACCESSの表示

MENU:テーマ設定

表示設定(お店などの場合)→ON

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

ABOUT / ACCESS

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

MENU:テーマ設定

タイトル・店名・テキスト・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の設定

MENU:テーマ設定

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

Google Map

ABOUT / SHOPPING GUIDE

SHOPPING GUIDEの表示

MENU:テーマ設定

表示設定→ON

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

ABOUT / SHOPPING GUIDE

配送・配送料の設定

MENU:テーマ設定

表示設定→ON

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

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

ABOUT / SHOPPING GUIDE

お支払い方法の設定

MENU:テーマ設定

表示設定→ON

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

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

ショップ設定:決済方法の設定 BASEかんたん決済で有効にしたお支払い方法と合わせてONにください。

  • クレジットカード決済
  • キャリア決済
  • 銀行振込
  • コンビニ決済・Pay-easy
  • Amazon Pay
  • PayPal
  • 後払い決済

ABOUT / SHOPPING GUIDE

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

MENU:テーマ設定

表示設定→ON

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

表示設定→ON

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

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

◉返品・交換

表示設定→ON

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

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

ABOUT / SHOPPING GUIDE

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

MENU:テーマ設定

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

表示設定→ON

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

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

ABOUT / FAQ

FAQの表示

MENU:テーマ設定

表示設定→ON

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

ABOUT / FAQ

質問・回答の設定

MENU:テーマ設定

表示設定→ON

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

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

App / メールマガジン

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

MENU:テーマ設定

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

◉テキストの中央揃え

テキストの中央揃え→ON

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