Japanesque

BASEデザインテーマ「Japanesque（ジャパネスク）」ユーザーマニュアル

「Japanesque（ジャパネスク）」は、伝統的な日本の魅力を表現できる、和風デザインテーマです。紙の質感や、日本の伝統的な柄を取り入れたデザインがブランドの個性を引き立てます。
また、直感的に操作できるスタンダードなデザインは、幅広い年齢層のユーザーに対応。購入までの導線もスムーズです。

レスポンシブにも対応しており、スマートフォンはもちろん、タブレット・PCまで、デバイス問わず美しいデザインで表示できます。

こんな方におすすめです

  • 和菓子、抹茶、カニ、馬刺し、和食器他、日本的なイメージの強い商品を扱っている
  • ユーザーの年齢層を問わない、操作性の良いインターフェイスを重視している
  • オリジナルバナーを掲載して商品を魅力的に紹介したい

Japanesqueを使用したデモショップはこちら

BASE DESIGN MARKET

1.機能紹介ABOUT

デザインテーマ「Japanesque」では、様々な追加機能を設けています。

テーマカラー選択 設定方法
Japanesqueでは誰でも簡単に美しいECサイトが作れるよう、豊富なカラーバリエーションを用意。ベーシックな「白×赤」、落ち着いた雰囲気の「白×緑」、写真が映える「黒×赤」、柔らかい雰囲気の「白×茶」、シャープな印象を与える「白×灰」の５種から選べます。
各メニューの名称変更 設定方法
「About」「Blog」など、各メニューの名称を変更可能です。
メインビジュアル（スライダー） 設定方法
TOPページのメインビジュアルに最大5件まで画像とリンクを登録できる、大型の画像スライダーを設定しています。
トピックス表示（Information） 設定方法
TOPページに、トピックを最大3件登録できます。
急な告知や、詳細ページを設置しない簡単なお知らせ等にご活用ください。
キャンペーンバナー 設定方法
TOPページに、最大6枚のバナーを設置できます。
LINEのお友達紹介の特典、特定のお客様に向けた商品のご案内、キャンペーンの告知などをお客様に強くアピールすることが可能です。
スマホ表示用バナー、PC表示用バナーをそれぞれ登録することで、訪問デバイスによってバナーを出し分けられます（※）。

※最大2枚まで。3枚目以降の画像、リンクURLはデバイス共通です。

コンセプト 設定方法
TOPページに、ショップの紹介やブランドコンセプトなど、自由なテキストを登録できます。
背景画像を登録し、ショップの世界観を表現することも可能です。
ショップガイド 設定方法
支払い方法、送料、配送方法などの情報をまとめたショップガイドを全ページに共通で表示できます。
ショップガイドでは、最大で3つのセクションの設定に対応。（※各セクションには1つの大見出しと、最大3つまでの小見出し及びその内容を設定できます）
支払いや配送に関する案内や注意事項など、ユーザーに表示すべき情報を、包括的且つより詳しく掲載可能です。
ABOUTページのカスタマイズ 設定方法
デザインテーマ「Japanesque」なら、ABOUTページを柔軟にカスタマイズできます。
ヘッダー画像を設定できるだけではなく、コンセプト文の追加（最大3件）、店舗情報（最大2件）、Q&A（最大5件）の登録が可能です。
フッターメニューの追加 設定方法
各ページの下部に表示されるフッターメニューに、独自メニュー（1件）を追加表示できます。「ショップガイド」や「よくあるご質問」の追加等、ユーザビリティの改善にお役立てください。

2.設定方法・マニュアルMANUAL

BASEデザインテーマ「Japanesque」は、BASE管理画面のデザイン編集で「テーマ設定」を編集頂くことで、どなたでも簡単にデザインのカスタマイズが可能です。

以下ではデザイン設定の各項目について解説します。

2-1.ショップ共通設定

テーマカラーや、見出しフォント等の指定を行うことで、ショップ全体のテイストをカスタマイズできます。
このパートで指定した内容は、TOPページだけではなく、各商品詳細ページやABOUTページ等にも反映されます。

基本設定（カラー・フォント等）
背景色
設定箇所
管理画面
デザイン
背景

ベース背景の色変更、または壁紙画像の指定ができます。

背景テクスチャのON/OFF
設定箇所
管理画面
デザイン
テーマ設定
背景テクスチャ

背景に使用している紙のテクスチャと和風の柄の表示・非表示が設定できます。

ロゴ設定
ロゴ画像／ロゴテキストの指定
設定箇所
管理画面
デザイン
ショップロゴ

ショップロゴでは「画像」と「テキスト」のいずれかを表示できます。

ロゴテキストのサイズ変更
設定箇所
管理画面
デザイン
テーマ設定
ロゴテキストサイズ変更

ロゴにテキストをご使用になる場合、テキストのサイズを「大」「中」「小」から選択可能です。

ロゴテキストのフォント選択
設定箇所
管理画面
デザイン
テーマ設定
【基本】ロゴフォント

ショップロゴで、テキストを表示する場合のフォントを選択できます。
お選び頂けるフォントは下記の11種類です。

Libre Baskerville／Lato bold／Cormorant Bold／Playball／Oswald Bold／／M PLUS 1p／Sawarabi Mincho／M PLUS Rounded
見出しテキストのフォント選択
設定箇所
管理画面
デザイン
テーマ設定
【基本】見出しフォント

見出しテキストのフォントを選択できます。
お選び頂けるフォントは下記の5種類です。

Libre Baskerville／Lato bold／Cormorant Bold／Playball／Oswald Bold／Josefin Slab Regular／Monoton／M PLUS 1p／Sawarabi Mincho／M PLUS Rounded
メニューの設定
ロゴ横テキストの表示（PCのみ表示）
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】ロゴ横テキスト

ロゴの横にショップの紹介テキストを入れることができます。（20文字程度推奨）

例

  • ○○専門店××｜公式オンラインショップ
  • 鎌倉由比ヶ浜通りにある手作り家具のお店
ロゴ横テキストの表示（PCのみ表示）・イメージ画像
メニューフォントの選択
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】フォント

ヘッダーメニューに使用するフォントを、「ゴシック体」「明朝体」から選択できます。

店舗情報の表示（フッター）
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】郵便番号
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】住所
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】電話番号
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】TEL受付時間

ページ下部に住所や電話番号などの店舗情報を表示させることができます。

電話番号の表示設定（ヘッダー／PCのみ表示）
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】電話番号表示（ヘッダー・PCview）

ヘッダーに表示させる電話番号の表示・非表示が設定できます。

TEL案内テキストの表示設定（ヘッダー／PCのみ表示）
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】TEL案内テキストの表示（ヘッダー）

電話番号上部に表示させる「お電話でのご注文・お問い合わせ」の表示・非表示を選択できます。

コピーライトの設定
設定箇所
管理画面
デザイン
テーマ設定
【フッター】コピーライト

ページ下部に表示されるフッターエリアに、コピーライト（著作権表記）を表示できます。

サイドメニュー表示（一覧・商品ページ／PCのみ表示）
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】サイドメニュー表示（一覧・商品ページ）

PC表示時の、サイドメニューの表示・非表示を選択できます。
※サイドメニューが表示されるのは「商品ページ」「カテゴリページ」「検索ページ」の3箇所です。

電話のアイコン・イメージ画像
カテゴリメニューの設定
設定箇所
管理画面
Apps
カテゴリ管理

カテゴリ管理Appでは、カテゴリを階層で登録することが可能です。
Japanesqueのナビゲーションでは、ここで登録された「大カテゴリ」と「中カテゴリ」が表示されます。

  • 他のデザイン項目とは設定ページが異なりますのでご注意ください。
カテゴリメニュー
  • BASEでは「カテゴリ管理App」をインストールすることで、無料でカテゴリ機能を利用できます。
  • カテゴリ管理Appでは「大カテゴリ」「中カテゴリ」「小カテゴリ」の3階層が登録可能です。
  • ナビゲーションに表示されない「小カテゴリ」ページへは、上位階層の「中カテゴリ」ページより遷移できます。
一覧表示の設定

一覧表示の設定では、TOPやカテゴリページ等で表示される、アイテム一覧のデザインを変更できます。

アイテム一覧の表示カラム数
設定箇所
管理画面
デザイン
テーマ設定
【一覧】カラム数（SPview）
設定箇所
管理画面
デザイン
テーマ設定
【一覧】カラム数（PCview）

アイテム一覧の表示カラム数（列数）を指定します。
スマホ表示とPC表示で、それぞれ別のカラム数を設定することが可能です。

スマホ表示（SPview）

  • 1カラム
  • 2カラム

PC表示（PCview）

  • 3カラム
  • 4カラム

※TOPページのランキング、商品ページの関連商品等、一部指定範囲外となる箇所があります。

カラム数・イメージ画像
アイテム一覧の画像サイズ比率
設定箇所
管理画面
デザイン
テーマ設定
【一覧】アイテム画像サイズ比率

アイテム一覧で表示される画像の縦横比を、下記の5種類から選択できます。

  • 正方形
  • 横（1.618:1）
  • 横（4:3）
  • タテ（1:1.618）
  • タテ（3:4）
画像の比率

2-2.TOPページ設定

メインビジュアルとなる大型スライダーや、コンセプト、商品バナーをご登録頂くことで、TOPページのデザインをカスタマイズできます。

商品一覧の表示
設定箇所
管理画面
デザイン
テーマ設定
【TOP】商品一覧見出し

TOPページ内に表示される、商品一覧の「見出し」を変更できます。

チャプター表示順の指定
設定箇所
管理画面
デザイン
テーマ設定
▼【TOP表示順】ランキング
設定箇所
管理画面
デザイン
テーマ設定
▼【TOP表示順】商品一覧
設定箇所
管理画面
デザイン
テーマ設定
▼【TOP表示順】コンセプト

TOPページ内で表示される「ランキング」「商品一覧」「コンセプト」の3つのチャプターの表示順を変更できます。

※「メインビジュアル」「お知らせ」「キャンペーンバナー」「ショップガイド」の4つのチャプターの表示順は固定となります。

2-3.ABOUTページ設定

デザインテーマ「Japanesque」では、ABOUTページを柔軟にカスタマイズできます。
メインビジュアルを表示できるだけではなく、コンセプト文の追加（最大3件）、店舗情報（最大2件）、Q&A（最大5件）の登録を行うことも可能です。

メインビジュアルの設定
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】メインビジュアル画像

ABOUTページのメインビジュアルとして、画像1件を表示できます。

見出しの設定
設定箇所
管理画面
デザイン
テーマ設定
【メニュー】「ABOUT」名称

ABOUTページの大見出しでは「【メニュー】「About」名称」の設定が適応されます。

ショップ説明の設定
設定箇所
管理画面
ショップ情報
ショップの説明

ABOUTページ、見出し直下の説明文は、「管理画面」＞「ショップ情報」＞「ショップの説明」に設定された内容が表示されます。

  • 追加のブランドコンセプト紹介とは設定ページが異なりますのでご注意ください。
ショップ説明
追加のブランドコンセプト紹介の設定
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】◆コンセプト①見出し
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】◆コンセプト①画像
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】◆コンセプト①テキスト
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】☆コンセプト②見出し
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】☆コンセプト②画像
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】☆コンセプト②テキスト
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】■コンセプト③見出し
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】■コンセプト③画像
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】■コンセプト③テキスト

ABOUTページ内に、「ショップ説明」とは別にブランドコンセプトを表示できます。
「見出し」「テキスト」「画像」が表示可能です。

店舗情報の設定
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗①店舗名
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗①店舗画像
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗①所在地
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗①TEL
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗①営業時間
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗①GoogleマップURL
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗②店舗名
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗②所在地
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗②TEL
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗②営業時間
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】店舗②GoogleマップURL

ABOUTページ内に、最大2件まで店舗情報を表示できます。
「店舗名」の他、「店舗画像」「所在地」「TEL」「営業時間」「Googlemapのリンク」が表示可能です。

Q&Aの設定
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】質問1
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】回答1
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】質問2
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】回答2
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】質問3
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】回答3
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】質問4
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】回答4
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】質問5
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】回答5
設定箇所
管理画面
デザイン
テーマ設定
【ABOUT】詳しいQ&AへのリンクURL

ABOUTページ内に、最大5件まで、Q&Aを表示できます。
またQ&Aの下に、詳細情報へのリンクを追加可能です。より詳しい情報ページへ誘導する際にご活用ください。

2-4.登録画像の推奨サイズまとめ

デザインテーマ「Japanesque」では、テーマ設定として様々な画像をご登録いただけます。
画像サイズの大小によってデザインが崩れることはありませんが、以下の推奨サイズで画像をご用意頂くことで、より美しくショップを表示可能です。

TOPページ

  • メインビジュアル（スライダー）：幅1000px 高さ500px以上
  • メインビジュアル（スライダー／全画面）：幅1920px 高さ848px以上
  • キャンペーンバナー：幅1200px 高さ350px以上
  • コンセプト背景画像：幅1920p× 高さ420px以上

ABOUTページ

  • メインビジュアル：幅1920px 高さ340px以上
  • ブランドコンセプト紹介画像：幅900px以上

メンバーシップページ

  • メインビジュアル：幅1920px 高さ340px以上

商品ページ

  • 商品画像：幅650px 高さ650px以上

3.よくあるご質問FAQ

テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。

また「Japanesque」でご用意している各追加機能は、ブロックごとの表示・非表示に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にしてご利用いただくことも可能です。

Q1.設定やカスタマイズは簡単にできますか？

テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。

また、「Japanesque」では５種類のテーマカラーをご用意しています。テーマカラーを選ぶだけで誰でも簡単にきれいなショップを作ることが可能です。
ブロックごとの表示・非表示にも追加機能として対応。画像の用意が間に合わないものや、管理工数の負担が大きい要素は非表示にし、ご利用いただくことも可能です。

Q2.ロゴ画像にも推奨サイズはありますか？

ロゴ画像は縦80pxを推奨しています。 ご登録いただいたロゴ画像が大きい場合は、圧縮された形で表示されます。
※圧縮される場合も縦横のサイズ比率は保持されます。

また、ロゴ画像は余白を含めて圧縮されます。
ロゴを小さく表示させたい場合は【上下の余白を大きく】、
ロゴを大きく表示させたい場合は【上下の余白を小さく】して頂くことで 表示の大きさを調整することができます。

Q3.テーマをさらにカスタマイズしたいです。

ご購入いただいたテーマの追加カスタマイズに関しましては、有料でのカスタマイズサービスをご提供させて頂いております。
追加カスタマイズサービスの詳細は下記のページをご確認ください。

Q4.新しいページを追加できますか？

BASEデザインマーケットでご購入頂いたテーマ（有料テーマ）は、自由フォーマットのページを新規で追加することができません。
新しいページの追加が必要な際は、「Blog App」をご利用頂き、投稿記事での代用をご検討ください。

例：
Blog Appにて「詳しいQ&A」に関する記事を作成・投稿
↓
記事ページのURLを【フッター】追加メニューにご利用いただく　等

  • 「ページ追加App」はオフィシャルテーマ（無料テーマ）のみの対応となっています。

Q5.ナビゲーションに表示されるメニューの数が、デモショップと異なります。

メニューは、初期状態では「HOME」「ABOUT」「CONTACT」の3つが表示される仕様となっています。

その他の「BLOG」「COMMUNITY」「MEMBERSHIP」に関しましては、該当するAppsをインストール、有効化した際に表示されます。必要に応じてご検討ください。

Q6.テーマ購入後にインボイス（適格請求書）を発行してもらえますか？

「ご購入日」と「ご購入の際のショップ名」の2点をご連絡頂ければ、発行が可能でございます。
インボイス（適格請求書）の発行をご希望される場合は、こちらよりご連絡ください。

  • 請求先は原則的にショップ名（屋号）を記載させて頂きます。

その他にご質問やご不明点がございましたら、こちらよりご連絡ください。
ご入力頂いたメールアドレスへ、担当者より2営業日以内に返信させて頂きます。

  • 営業日：平日9:00～18:15／※土日祝休業