WAわ
和菓子・日本茶・和雑貨を作って売る小さな店のための BASE テーマです。
生成りの紙と墨、朱色のアクセント。明朝の静かな文字と、パソコンでは縦書きになる小見出し。菓子の写真を主役にした 3 列の一覧に、和菓子屋と茶舗が毎回書いていること、毎回聞かれることを最初から組み込みました。
何が入っているか、いつまで日持ちするか、冷蔵か常温か、お茶はどう淹れるか、熨斗は付くか。その答えを、テーマが代わりに出します。
¥5,800税込
サポートページ購入は BASE デザインマーケットで行います。公開され次第、このページからご案内します。
画面
画面の商品画像はすべてデモ用の仮の図で、テーマ本体に画像は含まれません。
和菓子と茶の店のために
原材料と日持ちと淹れ方を、先に。
特定原材料8品目のアレルゲン表
商品説明に「アレルゲン：小麦、卵」と書くだけで、えび・かに・くるみ・小麦・そば・卵・乳・落花生の8品目が並び、該当するものだけ朱色で点灯します。「アレルゲン：なし」と書けば全部消えて「特定原材料 8 品目は使用していません」と表示。書き忘れたときは「原材料名：」の行から推定して、注記を添えます。
冷蔵 / 冷凍 / 常温 の配送バッジ
「配送：冷蔵」と書くと、商品名の上に雪の結晶つきのバッジが出ます。生菓子は冷蔵、羊羹とお茶は常温、と商品ごとに違う店のためのものです。本文に「冷蔵便でお届けします」と書いてあるだけでも読み取ります。
お茶の淹れ方タイル
「茶葉：5g」「湯量：200ml」「湯温：70℃」「時間：1分30秒」「煎：3 煎」の行が、大きな数字のタイルになります。「淹れ方：茶葉 5g / 湯 200ml / 70℃ / 1:30」と 1 行にまとめても同じです。煎茶・ほうじ茶・抹茶で目安が違うことを、商品ごとに伝えられます。
賞味期限・保存・熨斗・茶種
「賞味期限：製造日から 7 日」「保存：」「熨斗：対応」「茶種：煎茶」「産地：」「品種：やぶきた」「収穫：一番茶」「製法：浅蒸し」などの行は、商品ページで表になり本文からは消えます。
季節の菓子と、発送日
「霜降 10.23 – 11.6」のような節気や販売期間と、見出し・本文・写真・ボタンのパネル。売り終わったら見出しを空欄にすれば消えます。「発送日」は曜日を丸で示し、作る日だけを点灯。前日の締め切りなどは補足文に書けます。
召し上がり方・淹れ方、催事、熨斗
「菓子は、届いた日に」「煎茶は、70℃で 1 分半」「茶葉は、冷暗所に」の 3 ステップ、店のストーリー、百貨店の催事や教室の予定。「原材料とアレルギーについて」「賞味期限と保存方法」「お茶の淹れ方と保存」「配送について」「熨斗と包装」の 5 つの案内は、全商品ページに共通で表示します。
仕様
- 対応ページ
- TOP / 商品詳細 / About / Contact / プライバシーポリシー / 特定商取引法 / 検索結果 / カテゴリ / Blog / コミュニティ / メンバーシップ
- 対応Apps（24種）
- 商品検索 / カテゴリ管理 / ラベル / Blog / セール / 英語・外貨対応 / BASEロゴ非表示 / デジタルコンテンツ / レビュー / 販売期間設定 / 予約販売 / メッセージ / 送料詳細設定 / 商品説明カスタム / 抽選販売 / 定期便 / テイクアウト / 商品オプション / コミュニティ / 再入荷自動通知 / 年齢制限 / お知らせバナー / メールマガジン / メンバーシップ
- 対応環境
- Windows（Edge / Chrome / Firefox）、Mac（Safari / Chrome / Firefox）、iOS Safari / Chrome、Android Chrome の各最新版
- レイアウト
- 商品一覧はPC 2〜4列（既定 3列）、画像比率 1:1（既定） / 4:5 / 3:4、商品カードは「紙の色を敷く」（既定）「写真のみ」を選択。残り1点に「残り1点」ラベル。メインビジュアルは「全幅の写真に文字を重ねる」（既定）「文章と写真を横に並べる」「文字だけ」の3種で、小見出しはパソコンで縦書きになります。ヘッダーはロゴ左・ナビ右。商品ページはPCで写真を縦に並べ、情報を右に固定。スマートフォンはドロワーメニュー、ヘッダー固定のON/OFF
- 見出しの書体
- 明朝（Shippori Mincho）+ 英字 Cormorant Garamond / ゴシック（Zen Kaku Gothic New）に切替可。見出しは読点の位置で折り返し、「|」で改行
- 色の設定
- アクセント・紙の色・ボタン・ボタン文字の4つ。既定は朱色と生成りの紙、墨のボタン。暗い背景向けの「背景のトーン」切替つき
- 外部ライブラリ
- なし（Google Fonts のみ）。jQuery 非依存
- バージョン
- 1.0.0
購入からの流れ
BASEデザインマーケットで購入
お支払いは BASE のデザインマーケットで行います。MUTO LAB がカード情報などをお預かりすることはありません。
ショップに適用して、6つの設定
ロゴ、背景のトーン、色4つ、メインビジュアル、季節の菓子、発送日。サポートページの手順どおりに進めれば、その日のうちに公開できます。
商品説明に、原材料と配送を書く
「アレルゲン：小麦、卵」「配送：冷蔵」「賞味期限：製造日から 7 日」「茶葉：5g」「湯温：70℃」のように書くだけで、アレルゲン表・バッジ・淹れ方タイル・スペック表ができます。 書き方の一覧はサポートページに。
よくある質問
食品表示のラベルは、テーマで作れますか？
作れません。名称・原材料名・内容量・賞味期限・保存方法・製造者は、袋や箱に貼るラベルで表示する必要があります（食品表示法）。テーマは商品ページに同じ内容を分かりやすく並べるためのもので、ラベルの代わりにはなりません。ページには「原材料名：」「内容量：」「賞味期限：」「保存：」「製造者：」の行を書けば、そのまま表になります。
アレルゲンの判定は自動ですか？
「アレルゲン：」の行があればその内容で判定します。書き忘れたときだけ「原材料名：」の行から推定し、「※原材料名から判定しています」と注記を添えます。推定に頼らず、「アレルゲン：」を必ず書くことをおすすめします。8品目に入らないもの（大豆・ごまなど）は、原材料名の行と「注意：」に書いてください。
お茶を売らない和菓子屋でも使えますか？
使えます。「茶葉：」「湯温：」の行を書かなければ、淹れ方のタイルは出ません。「お茶の淹れ方と保存」の案内も、見出しを空欄にすれば消えます。逆に茶舗だけの店なら、アレルゲンの行を書かなければ表は出ません。
熨斗は注文時に受けられますか？
BASE の「商品オプション App」で、選択式の「熨斗」（御礼 / 内祝 / 御供 / なし）と、文字入れ式の「名入れ」を作れば、注文時に受けられます。テーマ側はそのオプション欄を購入ボタンの上に並べ、「熨斗と包装」の案内文で対応できる表書きを伝えます。
HTMLやCSSの知識は必要ですか？
必要ありません。すべて BASE の「デザイン編集」画面の設定だけで完結します。逆に、HTMLを直接編集すると自動更新が止まるので、おすすめしません。
導入していない App があっても大丈夫ですか？
大丈夫です。導入していない App のメニューや機能は自動で非表示になり、見出しや余白も残りません。カテゴリの一覧はカテゴリ管理 App を導入したときだけ表示されます。
購入前に試せますか？
BASE デザインマーケットでは、購入前にテーマのプレビューを確認できます。デモショップの公開準備が整い次第、このページにもリンクを載せます。迷ったら、お問い合わせフォームからご相談ください。
アップデートはありますか？
BASE の仕様変更への追従と不具合の修正は、購入後も無償で提供します。更新内容はサポートページの更新履歴に記載します。