HANAはな
ドライフラワー・プリザーブドフラワーのスワッグやリースを作る作家さん、小さな花屋さんのための BASE テーマです。 くすんだ花色に合う紙の色の面とセージグリーンのアクセント、明朝の静かな文字。花の写真を主役にしたレイアウトに、花を売る店で毎回書いていること、毎回聞かれることを最初から組み込みました。 どんな花材か、ドライか生花か、どのくらい持つか、母の日に間に合うか。その答えを、テーマが代わりに出します。
¥5,800税込
サポートページ購入は BASE デザインマーケットで行います。公開され次第、このページからご案内します。
画面
画面の商品写真はすべてデモ用に用意したもので、テーマ本体に画像は含まれません。
花の店のために
花材と持ちと贈る相手を、先に。
花材のチップと、色のチップ
商品説明に「花材：ユーカリ、ラベンダー、スターチス」と書くだけで、購入ボタンの下に花材がひとつずつチップで並びます。「色：くすみピンク、生成り」と書くと、色の点つきの小さなチップに。長い花材の羅列を読まなくても、何が入っているかがわかります。
ドライ / プリザーブド / 生花 のバッジ
「タイプ：ドライ」「タイプ：プリザーブド」「タイプ：生花」と書くと、商品名の上にバッジが出ます（生花は赤系）。乾いた花と生花が混ざる店で、いちばん先に伝えたい違いです。
全長・幅・器・日持ちが、そのままスペック表に
「全長：約45cm」「幅：約20cm」「器：ガラスボトル」「日持ち：半年〜1年」「用途：新築祝い、誕生日」「お届け日：ご注文日から4日目以降」と書いた行が、商品ページで表になり、本文からは消えます。壁に飾れるか、いつ届くかがすぐわかります。
季節のご予約
「受付 4.20 まで / お届け 5.9 – 5.11」のような日付と、見出し・本文・写真・ボタンのパネルをトップページに。BASE の予約販売 App で作った母の日やクリスマスの商品へ、ここから誘導します。予約がない時期は見出しを空欄にすれば、パネルごと消えます。
贈るシーンから探す
誕生日 / 結婚祝い / 開店祝い / 新築祝い / お供え / 自分のために の 6 つの入口。商品説明の「用途：」に書いた言葉で、商品検索 App がその商品を並べます。スワッグ・リースといった種類別のカテゴリのままで、贈る相手から探せます。
花のはなし、飾り方、展示の予定
写真・花名・花言葉のカード 3 枚、「直射日光と湿気を避けて」「ほこりはやさしく払う」「色の変化を楽しむ」の 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列、画像比率 4:5（既定） / 1:1 / 3:4、商品カードは「紙の色を敷く」「写真のみ」を選択。メインビジュアルは「全幅の写真に文字を重ねる」（既定）「文章と写真を横に並べる」「文字だけ」の3種。ヘッダーはロゴ左・ナビ右。商品ページはPCで写真を縦に並べ、情報を右に固定。スマートフォンはドロワーメニュー、ヘッダー固定のON/OFF
- 見出しの書体
- 明朝（Shippori Mincho）+ 英字 EB Garamond のイタリック / ゴシック（Zen Kaku Gothic New + Manrope）に切替可。見出しは読点の位置で折り返し、「|」で改行
- 色の設定
- アクセント・紙の色・ボタン・ボタン文字の4つ。既定はセージグリーンと生成りの紙色。暗い背景向けの「背景のトーン」切替つき
- 外部ライブラリ
- なし（Google Fonts のみ）。jQuery 非依存
- バージョン
- 1.0.0
購入からの流れ
BASEデザインマーケットで購入
お支払いは BASE のデザインマーケットで行います。MUTO LAB がカード情報などをお預かりすることはありません。
ショップに適用して、6つの設定
ロゴ、背景のトーン、色4つ、メインビジュアル、季節のご予約、花のはなし3枚。サポートページの手順どおりに進めれば、その日のうちに公開できます。
商品説明に、花材とサイズを書く
「タイプ：ドライ」「花材：ユーカリ、ラベンダー」「全長：約45cm」のように書くだけで、バッジ・チップ・スペック表ができます。書き方の一覧はサポートページに。
よくある質問
生花も扱う花屋でも使えますか？
使えます。「タイプ：生花」と書いた商品には赤系のバッジが出て、「お届け日：」「日持ち：」の行がスペック表に入ります。季節の生花は予約販売 App で商品を作り、「季節のご予約」から誘導するのがおすすめです。デモの商品にも生花のブーケを入れています。
花材のチップは、どんな書き方なら読み取れますか？
「花材：」「使用花材：」「花：」のあとに、花材を読点・カンマ・スラッシュ・中点で区切って書きます。かっこの中の読点でも区切られるので、補足は「ユーカリ（季節により変わります）」のように読点を使わずに書いてください。色は「色：」「カラー：」で、ピンク・白・黄・緑・青・紫・赤・茶・グレー・オレンジ の言葉に色の点が付きます。
贈るシーンは、どうやって商品と結びつきますか？
シーンの名前は商品検索 App の検索語として使われます。商品説明に「用途：新築祝い、誕生日」のように書いておくと、その商品がシーンから探せて、スペック表にも「用途」として並びます。シーン名は 6 つまで自由に変えられます。
お届け日の指定やメッセージカードは、注文時に受けられますか？
メッセージカードの文面は BASE の「商品オプション App」の文字入れ式オプションで、お届け日は注文時の備考欄か、同じく文字入れ式オプションで受けられます。テーマ側は「ギフトラッピングとメッセージカード」「お届け日の指定と受注制作」の案内文を全商品ページに共通で表示します。手順はサポートページにまとめています。
写真の背景が商品ごとに違っていても大丈夫ですか？
そのために「紙の色」があります。商品写真を少し内側に置き、その周りに生成りの紙色を敷くので、壁の前と布の前の写真が混ざっても一覧が落ち着いて見えます。写真を全面に出したいときは「写真のみ」に切り替えられます。
HTMLやCSSの知識は必要ですか？
必要ありません。すべて BASE の「デザイン編集」画面の設定だけで完結します。逆に、HTMLを直接編集すると自動更新が止まるので、おすすめしません。
導入していない App があっても大丈夫ですか？
大丈夫です。導入していない App のメニューや機能は自動で非表示になり、見出しや余白も残りません。「贈るシーンから探す」は商品検索 App、カテゴリの一覧はカテゴリ管理 App を導入したときだけ表示されます。
購入前に試せますか？
BASE デザインマーケットでは、購入前にテーマのプレビューを確認できます。デモショップの公開準備が整い次第、このページにもリンクを載せます。迷ったら、お問い合わせフォームからご相談ください。
アップデートはありますか？
BASE の仕様変更への追従と不具合の修正は、購入後も無償で提供します。更新内容はサポートページの更新履歴に記載します。