HOW TO USE

基本設定

背景の設定

MENU:背景

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

基本設定

フォント表示のルール

フォント表示のルール(優先順位)があります。基本的には英数字は欧文フォントの適用が優先される設定となっています。欧文フォントには日本語が含まれていないため、日本語には欧文フォントがスキップされ、和文フォントが適用されます。以下のテキストを例にいくつか例を挙げてみます。

■ サンプルテキスト

  • 本文以外のテキスト:Title-01 商品タイトル
  • 本文のテキスト:Text-01 本文テキスト

1)本文のみのフォントで設定した場合

  • Title-01(本文の欧文)商品タイトル(本文の和文)
  • Text-01(本文の欧文)本文テキスト(本文の和文)

2)本文以外(欧文)を「ON」にした場合

  • Title-01(本文以外の欧文)商品タイトル(本文の和文)
  • Text-01(本文の欧文)本文テキスト(本文の和文)

3)本文以外(和文)を「ON」にした場合

  • Title-01 商品タイトル(本文以外の和文)
  • Text-01(本文の欧文)本文テキスト(本文の和文)

4)本文以外(欧文)と(和文)を「ON」にした場合

  • Title-01(本文以外の欧文)商品タイトル(本文以外の和文)
  • Text-01(本文の欧文)本文テキスト(本文の和文)

基本設定

フォントの種類

MENU:テーマ設定

以下に使用できるフォントを記載しました。見本の文字の画像とGoogle Fontsへのリンクを掲載しております。見本の画像でイメージするのが難しい場合は、実際に使用する文字をGoogle Fontsのサイトで試すこともできますので、そちらでご確認ください。

■本文(欧文)

【フォントの種類】本文(欧文)

○Roboto(Sans Serif)

https://fonts.google.com/specimen/Roboto
Roboto

○Inter(Sans Serif)

https://fonts.google.com/specimen/Inter
Inter

○Montserrat(Sans Serif)

https://fonts.google.com/specimen/Montserrat
Montserrat

○Raleway(Sans Serif)

https://fonts.google.com/specimen/Raleway
Raleway

○Quicksand(Sans Serif)

https://fonts.google.com/specimen/Quicksand
Quicksand

○Lora(Serif)

https://fonts.google.com/specimen/Lora
Lora

○Libre Baskerville(Serif)

https://fonts.google.com/specimen/Libre+Baskerville
Libre Baskerville

○Cardo(Serif)

https://fonts.google.com/specimen/Cardo
Cardo

○Nanum Myeongjo(Serif)

https://fonts.google.com/specimen/Nanum+Myeongjo
Nanum Myeongjo

○Cormorant Garamond(Serif)

https://fonts.google.com/specimen/Cormorant+Garamond
Cormorant Garamond

○Roboto Slab(Slab Serif)

https://fonts.google.com/specimen/Roboto+Slab
Roboto Slab

○Zilla Slab(Slab Serif)

https://fonts.google.com/specimen/Zilla+Slab
Zilla Slab

■本文(和文)

【フォントの種類】本文(和文)

○Noto Sans Japanese(ゴシック体)

https://fonts.google.com/noto/specimen/Noto+Sans+JP
Noto Sans Japanese

○BIZ UDGothic(ゴシック体)

https://fonts.google.com/specimen/BIZ+UDGothic
BIZ UDGothic

○Zen Kaku Gothic New(ゴシック体)

https://fonts.google.com/specimen/Zen+Kaku+Gothic+New
Zen Kaku Gothic New

○M PLUS Rounded 1c(丸ゴシック体)

https://fonts.google.com/specimen/M+PLUS+Rounded+1c
M PLUS Rounded 1c

○Zen Maru Gothic(丸ゴシック体)

https://fonts.google.com/specimen/Zen+Maru+Gothic
Zen Maru Gothic

○Noto Serif Japanese(明朝体)

https://fonts.google.com/noto/specimen/Noto+Serif+JP
Noto Serif Japanese

○BIZ UDMincho(明朝体)

https://fonts.google.com/specimen/BIZ+UDMincho
BIZ UDMincho

○Shippori Mincho B1(明朝体)

https://fonts.google.com/specimen/Shippori+Mincho+B1
Shippori Mincho B1

■本文以外(欧文)

※テキストロゴ、ナビゲーション、見出し、ボタンのフォント

【フォントの種類】本文以外(欧文)→ ON

○Roboto Condensed(Sans Serif)

https://fonts.google.com/specimen/Roboto+Condensed
Roboto Condensed

○Fira Sans Condensed(Sans Serif)

https://fonts.google.com/specimen/Fira+Sans+Condensed
Fira Sans Condensed

○Josefin Sans(Sans Serif)

https://fonts.google.com/specimen/Josefin+Sans
Josefin Sans

○Josefin Slab(Slab Serif)

https://fonts.google.com/specimen/Josefin+Slab
Josefin Slab

○Gravitas One(Serif)

https://fonts.google.com/specimen/Gravitas+One
Gravitas One

○Rubik Dirt(Display)※太さは1種のみ

※和文と組み合わせた際に、太字設定の時、かすれた文字にならないことがあります。

https://fonts.google.com/specimen/Rubik+Dirt
Rubik Dirt

○Righteous(Display)※太さは1種のみ

https://fonts.google.com/specimen/Righteous
Righteous

○Rye(Display)※太さは1種のみ

https://fonts.google.com/specimen/Rye
Rye

○Chango(Display)※太さは1種のみ

https://fonts.google.com/specimen/Chango
Chango

○Averia Serif Libre(Display)

https://fonts.google.com/specimen/Averia+Serif+Libre
Averia Serif Libre

○Stardos Stencil(Display)

https://fonts.google.com/specimen/Stardos+Stencil
Stardos Stencil

○Abril Fatface(Display)※太さは1種のみ

https://fonts.google.com/specimen/Abril+Fatface
Abril Fatface

○Poiret One(Display)※太さは1種のみ

https://fonts.google.com/specimen/Poiret+One
Poiret One

○Limelight(Display)※太さは1種のみ

https://fonts.google.com/specimen/Limelight
Limelight

○Plaster(Display)※太さは1種のみ

https://fonts.google.com/specimen/Plaster
Plaster

○Emblema One(Display)※太さは1種のみ

https://fonts.google.com/specimen/Emblema+One
Emblema One

○Dancing Script(Handwriting)

https://fonts.google.com/specimen/Dancing+Script
Dancing Script

○Major Mono Display(Monospace)※太さは1種のみ

https://fonts.google.com/specimen/Major+Mono+Display
Major Mono Display

■本文以外(和文)

※テキストロゴ、ナビゲーション、見出し、ボタンのフォント
※本文はゴシック体、それ以外を明朝体にしたいときにお使いいただけます。
※種類は本文と同じのため、詳細は割愛いたします。

【フォントの種類】本文以外(和文)→ ON

○Noto Serif Japanese(明朝体)

○BIZ UDMincho(明朝体)

○Shippori Mincho B1(明朝体)

基本設定

フォントサイズ

MENU:テーマ設定

【本文】フォントサイズ

「14px、15px、16px」から設定してください。

基本設定

テキスト色(本文)

MENU:テーマ設定

【本文】テキスト色

本文のテキストの色を設定してください。

基本設定

テキストリンク色

MENU:テーマ設定

【本文】リンク色

テキストリンクの色を設定してください。

基本設定

見出しのフォントサイズ

MENU:テーマ設定

【見出し共通設定】フォントサイズ

「XS、S、M、L、XL」から設定してください。

基本設定

見出しのテキストの太さ

MENU:テーマ設定

【見出し共通設定】テキストの太さ

「標準、太字」から設定してください。

基本設定

見出しのテキストの色

MENU:テーマ設定

【見出し共通設定】テキスト色

見出しのテキストの色を設定してください。

基本設定

見出しのテキストの位置

MENU:テーマ設定

【見出し共通設定】テキストの位置

「左揃え、中央揃え」から設定してください。

基本設定

ボタンの種類と形状

MENU:テーマ設定

○ボタンの種類

【ボタン共通設定】種類

「背景色あり、枠線のみ(細線)、枠線のみ(太線)」から設定してください。

○ボタンの形状

【ボタン共通設定】形状

「四角、角丸、丸型」から設定してください。

ボタンの種類と形状

基本設定

ボタンの色

MENU:テーマ設定

【ボタン共通設定】ボタンの色

ボタンの色を設定してください。

基本設定

ボタンのテキストの色

MENU:テーマ設定

【ボタン共通設定】テキストの色

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

※ボタンの種類で「背景色あり」を選択した場合のみ

基本設定

ボタンのテキストの太さ

MENU:テーマ設定

【ボタン共通設定】テキストの太さ

「標準、太字」から設定してください。

基本設定

角丸デザイン

MENU:テーマ設定

【デザイン設定】角丸デザイン → ON

画像の角が角丸になります。

角丸デザイン

ナビゲーション

ヘッダーとナビゲーションの背景色

MENU:テーマ設定

【ヘッダーとナビゲーション】背景色

※スクロール後やヘッダー画像がないページの色

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

ナビゲーション

テキスト色

○背景が画像の時

MENU:テーマ設定

【ナビゲーション】テキストの色(背景が画像の時)

背景画像に合わせて、テキストの色を設定してください。

ヘッダー画像

○背景がベタ塗りの時

MENU:テーマ設定

【ナビゲーション】テキストの色(背景がベタ塗りの時)

背景色に合わせて、テキストの色を設定してください。

ヘッダー画像

ナビゲーション

フォントサイズ

MENU:テーマ設定

【ナビゲーション】フォントサイズ

「15px、16px、17px、18px」から設定してください。

ナビゲーション

テキストの太さ

MENU:テーマ設定

【ナビゲーション】テキストの太さ

「標準、太字」から設定してください。

ナビゲーション

文言の変更

MENU:テーマ設定

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

【ナビゲーション】HOME

【ナビゲーション】CATEGORY ※カテゴリ管理Appが必要

【ナビゲーション】ABOUT

【ナビゲーション】BLOG ※BlogAppが必要

【ナビゲーション】COMMUNITY ※コミュニティAppが必要

【ナビゲーション】COIN ※ショップコインAppが必要

【ナビゲーション】CONTACT

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

ナビゲーション

カートアイコン

MENU:テーマ設定

【ナビゲーション】カートアイコン

「カート、バッグ」から設定してください。

カートアイコン

ナビゲーション

SNSアイコンの白背景色

MENU:テーマ設定

SNSアイコンの白背景設定

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

SNSアイコン

TOP / メインビジュアル

スライドの種類

MENU:テーマ設定

【スライド】種類 

「スライド、フェード」から設定してください。

※スライドを使用する場合は画像を2枚以上必要
※静止で使用する場合は画像を1枚のみ登録してください

TOP / メインビジュアル

スライドタイトルのフォントサイズ

MENU:テーマ設定

【スライド】タイトルのフォントサイズ

「S、M、L」から設定してください。

TOP / メインビジュアル

スライドタイトルのテキストの太さ

MENU:テーマ設定

【スライド】タイトルのテキストの太さ

「標準、太字」から設定してください。

TOP / メインビジュアル

スライド①〜③の画像

MENU:テーマ設定

【スライド①〜③】画像

※推奨サイズ[W1600×H900]px
※画面からはみ出した部分は切り取られます

○セーフエリア

  • 【青のエリア】画面が縦の場合の表示エリア
    ※エリアのサイズ[W675×H900]px
     
  • 【赤のエリア】画面が横の場合の表示エリア
    ※エリアのサイズ[W1600×H720]px
     
  • 【紫のエリア】縦、横共通の表示エリア
    ※エリアのサイズ[W675×H720]px
    ※表示させたい箇所をこのエリアに収めてください
スライド画像のセーフエリア

TOP / メインビジュアル

スライド①〜③のタイトル

MENU:テーマ設定

【スライド①〜③】タイトル

①〜③それぞれのタイトルを設定してください。

※省略可

TOP / メインビジュアル

スライド①〜③のボタンのテキスト

MENU:テーマ設定

【スライド①〜③】ボタンのテキスト

①〜③それぞれのボタンのテキストを設定してください。

※ショップが公開されていないとボタンは表示されません
※リンク先がない場合ボタンは表示されません

TOP / メインビジュアル

スライド①〜③のタイトルとボタンの色

MENU:テーマ設定

【スライド①〜③】タイトルとボタンの色

①〜③それぞれのタイトルとボタンの色を設定してください。

※スライドごとに色を変更できます

TOP / メインビジュアル

スライド①〜③のボタンのテキストの色

MENU:テーマ設定

【スライド①〜③】ボタンのテキストの色

①〜③それぞれのボタンのテキストの色を設定してください。

※ボタンの種類で「背景色あり」を選択した場合のみ

TOP / エリアの並べ替え

エリアの並べ替え

MENU:テーマ設定

【エリアの並べ替え】バナーエリア

【エリアの並べ替え】PICK UPエリア

【エリアの並べ替え】RANKINGエリア

【エリアの並べ替え】BLOGエリア

【エリアの並べ替え】ITEMエリア

「1〜5」から設定してください。

※数字が同じ場合は上のエリアが優先されます

TOP / ITEM

見出し(商品一覧)

MENU:テーマ設定

【ITEM】見出し(商品一覧)

見出しの文言を設定してください。

※初期設定は「PRODUCTS」

TOP / ITEM

画像の比率

MENU:テーマ設定

【ITEM】画像の比率

「3:2、4:3、1:1、3:4」から設定してください。

※比率からはみ出した部分は切り取られます

TOP / ITEM

画像の推奨サイズ

MENU:商品管理

商品編集

商品画像の設定してください。
「カテゴリ管理 App」インストール後、CATEGORYページではヘッダー画像が表示されます。

※推奨サイズ[W1280×H任意]px
※推奨サイズより小さい場合、ヘッダー画像が粗くなる恐れがあります

TOP / ITEM

商品価格の文字の太さ

MENU:テーマ設定

【ITEM】商品価格の文字の太さ

「標準、太字」から設定してください。

TOP / ITEM

商品ステータスの色

MENU:テーマ設定

【ITEM】商品ステータスの色

商品ステータスの色を設定してください。

※SALE、SOLD OUT、会員限定商品、予約販売、抽選販売、COMING SOON、テイクアウト

TOP / ITEM

ボタンのテキスト

MENU:テーマ設定

【ITEM】ボタンのテキスト

ボタンのテキストの文言を設定してください。

TOP / CONCEPT

エリアの表示

MENU:テーマ設定

【CONCEPT】エリアの表示

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

TOP / CONCEPT

背景色

MENU:テーマ設定

【CONCEPT】背景色

背景色を設定してください。

TOP / CONCEPT

背景画像の使用

MENU:テーマ設定

【CONCEPT】背景画像の使用

背景画像を使用する場合は「ON」に設定してください。
透過PNGで設定すれば背景色と併用することができます。

※文字が見えにくくならないようご注意ください

TOP / CONCEPT

背景画像の表示方法

MENU:テーマ設定

【CONCEPT】背景画像の表示方法

「領域を覆う、横に繰り返し、縦に繰り返し、縦横に繰り返し」から設定してください。

○領域を覆う

領域全体を覆い、はみ出した部分は切り取られます。

【縦用の背景画像】

【CONCEPT】背景画像(縦)

※必須
※推奨サイズ[W800×H1731]px

【横用の背景画像】

【CONCEPT】背景画像(横)

※推奨サイズ[W1920×H1080]px

領域を覆う

○横に繰り返し

領域の高さに合わせて横に繰り返します。

【縦用の背景画像】

【CONCEPT】背景画像(縦)

※必須
※推奨サイズ[W任意×H1731]px

【横用の背景画像】

【CONCEPT】背景画像(横)

※推奨サイズ[W任意×H1080]px

横に繰り返し

○縦に繰り返し

領域の幅に合わせて縦に繰り返します。

【縦用の背景画像】

【CONCEPT】背景画像(縦)

※必須
※推奨サイズ[W800×H任意]px

【横用の背景画像】

【CONCEPT】背景画像(横)

※推奨サイズ[W1920×H任意]px

縦に繰り返し

○縦横に繰り返し

領域内で縦横に繰り返します。

【縦用の背景画像】

【CONCEPT】背景画像(縦)

※必須
※推奨サイズ[W任意×H任意]px

【横用の背景画像】

【CONCEPT】背景画像(横)

※推奨サイズ[W任意×H任意]px

縦横に繰り返し

○背景色との併用

透過PNGで設定すれば背景色と併用することができます。

背景色との併用

TOP / CONCEPT

背景画像

MENU:テーマ設定

【CONCEPT】背景画像

「縦用、横用」の画像を設定してください。

TOP / CONCEPT

見出し

MENU:テーマ設定

【CONCEPT】見出し

見出しの文言を設定してください。

TOP / CONCEPT

見出しの色

MENU:テーマ設定

【CONCEPT】見出しの色

見出しの色を設定してください。

TOP / CONCEPT

キャッチコピー

MENU:テーマ設定

【CONCEPT】キャッチコピー

キャッチコピーの文言を設定してください。

TOP / CONCEPT

キャッチコピーのフォントサイズ

MENU:テーマ設定

【CONCEPT】キャッチコピーのフォントサイズ

「S、M、L」から設定してください。

TOP / CONCEPT

本文

MENU:テーマ設定

【CONCEPT】本文

本文を設定してください。

TOP / CONCEPT

キャッチコピーと本文の色

MENU:テーマ設定

【CONCEPT】キャッチコピーと本文の色

キャッチコピーと本文の色を設定してください。

TOP / CONCEPT

ボタンのテキスト

MENU:テーマ設定

【CONCEPT】ボタンのテキスト

ボタンのテキストの文言を設定してください。

※リンク先はABOUTページ

TOP / CONCEPT

ボタンの色

MENU:テーマ設定

【CONCEPT】ボタンの色

ボタンの色を設定してください。

TOP / CONCEPT

ボタンのテキストの色

MENU:テーマ設定

【CONCEPT】ボタンのテキストの色

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

※ボタンの種類で「背景色あり」を選択した場合のみ

TOP / CONCEPT

画像or動画(YouTube)

MENU:テーマ設定

【CONCEPT】画像or動画(YouTube)

※同時使用はできません

○画像

【CONCEPT】画像

画像を設定してください。

※画像比率は「3:2」を推奨しています
※推奨サイズ[W1200×H800]px

○画像の左上の角丸

【CONCEPT】画像の左上の角丸

「ON」にすると画像の左上が角丸になります。

○動画(YouTube)

【CONCEPT】動画(YouTube)

[共有→埋め込む→ifremeタグをコピー]して設定してください。

YouTube埋め込み方法
YouTube埋め込み方法
YouTube埋め込み方法

TOP / バナー

エリアの表示

MENU:テーマ設定

【バナー】エリアの表示

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

TOP / バナー

タイトルの文字の太さ

MENU:テーマ設定

【バナー】タイトルの文字の太さ

「標準、太字」から設定してください。

TOP / バナー

画像①〜②

MENU:テーマ設定

【バナー】画像①〜②

画像(最大2件)の設定をしてください。

※推奨サイズ[W800×H任意]px
※同じサイズでの登録を推奨
※画像比率の設定はありません

TOP / バナー

タイトル①〜②

MENU:テーマ設定

【バナー】タイトル①〜②

画像①〜②に対してのタイトルの設定をしてください。

※省略可

TOP / バナー

テキスト①〜②

MENU:テーマ設定

【バナー】テキスト①〜②

画像①〜②に対してのテキストの設定をしてください。

※省略可

TOP / PICK UP

エリアの表示

MENU:テーマ設定

【PICK UP】エリアの表示

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

TOP / PICK UP

見出し

MENU:テーマ設定

【PICK UP】見出し

見出しの文言を設定してください。

TOP / PICK UP

ボタンのテキスト

MENU:テーマ設定

【PICK UP】ボタンのテキスト

ボタンのテキストの文言を設定してください。

TOP / PICK UP

画像の比率

MENU:テーマ設定

【PICK UP】画像の比率

「3:2、4:3、1:1、3:4」から設定してください。

※比率からはみ出した部分は切り取られます

TOP / PICK UP

画像

MENU:テーマ設定

【PICK UP】画像

画像の設定してください。

※推奨サイズ[W1280×H任意]px
※登録は1件のみ

TOP / PICK UP

タイトル

MENU:テーマ設定

【PICK UP】タイトル

画像に対してのタイトルを設定してください。

TOP / PICK UP

価格

MENU:テーマ設定

【PICK UP】価格

画像に対しての価格を設定してください。

TOP / PICK UP

商品ステータス

MENU:テーマ設定

【PICK UP】商品ステータス

画像に対しての商品ステータスを設定してください。

※「sale、Sale、SALE、off、Off、OFF」の文字が含まれている場合は「価格の色」が「商品ステータスの色」に変更になります

TOP / PICK UP

商品説明

MENU:テーマ設定

【PICK UP】商品説明

画像に対しての商品説明を設定してください。

TOP / RANKING

エリアの表示

MENU:テーマ設定

【RANKING】エリアの表示

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

TOP / RANKING

見出し

MENU:テーマ設定

【RANKING】見出し

見出しの文言を設定してください。

TOP / RANKING

順位ラベルの表示

MENU:テーマ設定

【RANKING】順位ラベルの表示

「ON」にすると順位ラベルが表示されます。

※RANKING以外で使用する場合はOFF

TOP / RANKING

順位ラベルの色

MENU:テーマ設定

【RANKING】順位ラベルの色

順位ラベルの色を設定してください。

TOP / RANKING

画像①〜③

MENU:テーマ設定

【RANKING】画像①〜③

画像①〜③(最大3件)の設定してください。

※推奨サイズ[W1280×H任意]px
※画像の比率は「【ITEM】画像の比率」で設定した比率が反映されます
※画面幅が767pxまでの場合は、2件以上設定するとスライドの自動再生がスタートします

TOP / RANKING

タイトル①〜③

MENU:テーマ設定

【RANKING】タイトル①〜③

画像①〜③に対しての商品タイトルを設定してください。

TOP / RANKING

価格①〜③

MENU:テーマ設定

【RANKING】価格①〜③

画像①〜③に対しての商品価格を設定してください。

TOP / RANKING

商品ステータス①〜③

MENU:テーマ設定

【RANKING】商品ステータス①〜③

画像①〜③に対しての商品ステータスを設定してください。

※「sale、Sale、SALE、off、Off、OFF」の文字が含まれている場合は「価格の色」が「商品ステータスの色」に変更になります

TOP / RANKING

商品説明①〜③

MENU:テーマ設定

【RANKING】商品説明①〜③

画像①〜③に対しての商品説明を設定してください。

ABOUT / ABOUT

ヘッダー画像

MENU:テーマ設定

【ABOUT】ヘッダー画像

ヘッダー画像を表示させたい場合のみ設定してください。

※推奨サイズ[W1280×H1280]px
※省略可

ABOUT / ABOUT

ショップの説明

MENU:ショップ設定

ショップ情報→ショップの説明

ショップの説明を設定してください。

ABOUTページに記載されます。Googleなどの検索結果画面や、TwitterやFacebookでシェアされたときの説明文にもなります。

※ABOUTページの上部に表示されます
※URLを記載すると自動的にリンクに変換されます

ABOUT / ABOUT

サブタイトルの色

MENU:テーマ設定

【ABOUT】サブタイトルの色

サブタイトルの色を設定してください。

ABOUT / ABOUT

キャッチコピーのフォントサイズ

MENU:テーマ設定

【ABOUT】キャッチコピーのフォントサイズ

「S、M、L」から設定してください。

※サブタイトルのフォントサイズは「キャッチコピーのフォントサイズの80%」の大きさで表示されます

ABOUT / ABOUT

エリア①〜④の表示

MENU:テーマ設定

必要なエリアを「ON」に設定してください。

【ABOUT】エリア①の表示

【ABOUT】エリア②の表示

【ABOUT】エリア③の表示

【ABOUT】エリア④の表示

ABOUT / ABOUT

画像①〜④

MENU:テーマ設定

【ABOUT】画像①〜④

画像(最大4件)の設定をしてください。

※推奨サイズ[W800×H任意]px

ABOUT / ABOUT

サブタイトル①〜④

MENU:テーマ設定

【ABOUT】サブタイトル①〜④

エリア①〜④に対してのサブタイトルの設定をしてください。

※省略可

ABOUT / ABOUT

キャッチコピー①〜④

MENU:テーマ設定

【ABOUT】キャッチコピー①〜④

エリア①〜④に対してのキャッチコピーの設定をしてください。

ABOUT / ABOUT

本文①〜④

MENU:テーマ設定

【ABOUT】本文①〜④

エリア①〜④に対しての本文の設定をしてください。

ABOUT / ABOUT

ボタンのテキスト①〜④

MENU:テーマ設定

【ABOUT】ボタンのテキスト①〜④

エリア①〜④に対してのボタンのテキストの設定をしてください。

※リンク先がない場合ボタンは表示されません

ABOUT / SHOP INFO

表示設定

MENU:テーマ設定

【SHOP INFO】表示設定

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

ABOUT / SHOP INFO

見出し

MENU:テーマ設定

【SHOP INFO】見出し

見出しの文言を設定してください。

ABOUT / SHOP INFO

SHOP情報

MENU:テーマ設定

【SHOP INFO】SHOP情報

SHOP情報を設定してください。

ABOUT / SHOP INFO

SHOP地図

MENU:テーマ設定

【SHOP INFO】SHOP地図

[Google Maps → 検索(店名or住所)→ 共有 → 地図を埋め込む → HTMLをコピー]して設定してください。

※省略可

Google Mapsの設定
Google Mapsの設定
Google Mapsの設定
Google Mapsの設定

ABOUT / SHOPPING GUIDE

SHOPPING GUIDEの表示設定

MENU:テーマ設定

【SHOPPING GUIDE】表示設定

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

ABOUT / SHOPPING GUIDE

SHOPPING GUIDEの見出し

MENU:テーマ設定

【SHOPPING GUIDE】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

配送・配送料の表示設定

MENU:テーマ設定

【配送・配送料】表示設定

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

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

ABOUT / SHOPPING GUIDE

配送・配送料の見出し

MENU:テーマ設定

【配送・配送料】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

配送・配送料の送料の条件

MENU:テーマ設定

【配送・配送料】送料の条件

送料の条件を設定してください。

ABOUT / SHOPPING GUIDE

配送・配送料の送料

MENU:テーマ設定

【配送・配送料】送料

送料を設定してください。

ABOUT / SHOPPING GUIDE

配送・配送料の送料の色

MENU:テーマ設定

【配送・配送料】送料の色

送料の色を設定してください。

ABOUT / SHOPPING GUIDE

配送・配送料の送料の注意事項

MENU:テーマ設定

【配送・配送料】送料の注意事項

送料の注意事項を設定してください。

ABOUT / SHOPPING GUIDE

配送・配送料のテキスト

MENU:テーマ設定

【配送・配送料】テキスト

テキストを設定してください。

ABOUT / SHOPPING GUIDE

お支払い方法の表示設定

MENU:テーマ設定

【お支払い方法】表示設定

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

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

ABOUT / SHOPPING GUIDE

お支払い方法の見出し

MENU:テーマ設定

【お支払い方法】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

お支払い方法のテキスト

MENU:テーマ設定

【お支払い方法】テキスト

テキストを設定してください。

ABOUT / SHOPPING GUIDE

お支払い方法の決済の種類

MENU:テーマ設定

【お支払い方法】クレジットカード決済

【お支払い方法】キャリア決済

【お支払い方法】銀行振込

【お支払い方法】コンビニ決済・Pay-easy

【お支払い方法】Amazon Pay

【お支払い方法】PayPal

【お支払い方法】後払い決済

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

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

ABOUT / SHOPPING GUIDE

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

MENU:テーマ設定

【キャンセル・返品・交換】表示設定

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

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

ABOUT / SHOPPING GUIDE

キャンセル・返品・交換の見出し

MENU:テーマ設定

【キャンセル・返品・交換】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

キャンセルの表示設定

MENU:テーマ設定

【キャンセル】表示設定

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

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

ABOUT / SHOPPING GUIDE

キャンセルの見出し

MENU:テーマ設定

【キャンセル】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

キャンセルのテキスト

MENU:テーマ設定

【キャンセル】テキスト

テキストを設定してください。

ABOUT / SHOPPING GUIDE

返品・交換の表示設定

MENU:テーマ設定

【返品・交換】表示設定

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

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

ABOUT / SHOPPING GUIDE

返品・交換の見出し

MENU:テーマ設定

【返品・交換】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

返品・交換のテキスト

MENU:テーマ設定

【返品・交換】テキスト

テキストを設定してください。

ABOUT / SHOPPING GUIDE

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

MENU:テーマ設定

【その他のご利用ガイド】表示設定

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

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

ABOUT / SHOPPING GUIDE

その他のご利用ガイドの見出し

MENU:テーマ設定

【その他のご利用ガイド】見出し

見出しの文言を設定してください。

ABOUT / SHOPPING GUIDE

その他のご利用ガイドのテキスト

MENU:テーマ設定

【その他のご利用ガイド】テキスト

テキストを設定してください。

ABOUT / FAQ

表示設定

MENU:テーマ設定

【FAQ】表示設定

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

ABOUT / FAQ

見出し

MENU:テーマ設定

【FAQ】見出し

見出しの文言を設定してください。

ABOUT / FAQ

色の設定

MENU:テーマ設定

【FAQ】色の設定

「Q」と「A」の色を設定してください。

ABOUT / FAQ

Qのテキスト色

MENU:テーマ設定

【FAQ】Qのテキスト色

「Q」のテキストの色を設定してください。

ABOUT / FAQ

質問①〜⑤

MENU:テーマ設定

【FAQ】質問①〜⑤

質問を設定してください。

※最大5件まで登録可能

ABOUT / FAQ

回答①〜⑤

MENU:テーマ設定

【FAQ】回答①〜⑤

質問①〜⑤に対する回答を設定してください。

※回答のみの表示はできません
※質問の設定が必要です

Apps / Blog

レイアウト

MENU:テーマ設定

【BLOG】レイアウト

「横並び、縦並び」から設定をしてください。

※Blog Appのインストールが必要

○「横並び」を選択した場合

画像とテキストが横並びで表示されます。

横並びレイアウト

○「縦並び」を選択した場合

画像とテキストが縦並びで表示されます。

縦並びレイアウト

Apps / Blog

画像の比率

MENU:テーマ設定

【BLOG】画像の比率

「3:2、4:3、1:1、3:4」から設定してください。

※比率からはみ出した部分は切り取られます

Apps / Blog

抜粋文の表示

MENU:テーマ設定

【BLOG】抜粋文の表示

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

Apps / Blog

ボタンのテキスト

MENU:テーマ設定

【BLOG】ボタンのテキスト

ボタンのテキストの文言を設定してください。

Apps / お知らせバナー

テキストの左揃え

MENU:テーマ設定

【お知らせバナー】テキスト左揃えにする

「ON」にするとテキストが左揃えになります。

※お知らせバナーAppのインストールが必要

Apps / お知らせバナー

区切り線(下線)の表示

MENU:テーマ設定

【お知らせバナー】区切り線(下線)

「ON」にすると区切り線(下線)が表示されます。

Apps / お知らせバナー

線の色

MENU:テーマ設定

【お知らせバナー】線の色

線の色を設定してください。

※「【お知らせバナー】区切り線(下線)」で「ON」の設定が必要

Apps / メールマガジン

見出し

MENU:テーマ設定

【メールマガジン】見出し

見出しの文言を設定してください。

※メールマガジンAppのインストールが必要

Apps / メールマガジン

テキスト

MENU:テーマ設定

【メールマガジン】テキスト

テキストの文言を設定してください。