はじめに / 販売前の準備

BASEのデザイン編集で「テーマ別設定」を開きます。最初にロゴ・商品・カテゴリー・送料・法定表記をBASE管理画面へ登録してください。

販売用テーマの初期設定には、架空の店舗の画像・宣伝文・デモ商品を含めていません。画像や内容が未入力の主ビジュアル、Pickup、特集、Free Space、News等は表示されません。各モジュールをONにし、対応する画像・文章・URLを入力すると表示されます。

説明サイトのデモは設定済みの配置例です。販売用テーマには展示モードの切替設定はありません。ショップの商品を登録するとBASEの商品と購入フォームをそのまま使用します。

ホームの表示・順番

メインビジュアル、カテゴリー、新着商品、Pickup、ランキング、期間限定バナー、フリースペース、Blog、News、商品一覧の10モジュール。各「表示」をON / OFFで切り替え、「表示順」を1〜10で指定します。小さい数字が上。同じ数字は元の掲載順になります。

画像・本文が空のモジュールはONでも表示されません。商品一覧のOFFはホームのみで、カテゴリー・検索結果は残ります。新着・ランキング用の商品データも維持されます。初期設定の新着・ランキング・Pickupナビは対象モジュールが非表示なら隠れます。独自URLのリンクは必要に応じて変更してください。

テーマカテゴリーは最大12枠、新着・カテゴリーTabは最大8商品、Pickupは2枠、ランキングはPC最大5商品／スマホ最大4商品、手動Blogは3枠、Newsは2件です。画像・文章・URLはそれぞれ編集できます。

ナビゲーションとメガメニュー

「ナビ 1〜7」の文字・URL・順序・表示と、独立した「Contact ナビ表示・文字・順序」を設定できます。内部URLは /about、/#new、外部URLは https:// から入力します。Blogの初期名称はBLOGです。Blog App未導入時は標準Blogリンクを表示しません。

メガメニューのカテゴリー・ブランド・用途・スタイル・価格・ショップ案内の6グループは表示と見出しを変更できます。ブランド・用途・スタイル・価格は各3リンク、案内は2リンクの表示・名前・URLを指定できます。名前やURLが空のリンクは表示されません。

検索入口、ヘッダー固定、メガメニューボタンも独立したスイッチです。BASE標準メニュー（カート・BASEロゴ）と法定リンクは必須機能として保持します。

カテゴリー数・子分類・表示元

「カテゴリー データ元」の初期値は「BASEカテゴリーApp」です。BASEの登録カテゴリーを使用します。「テーマで設定」に切り替えると画像付きカテゴリー最大12枠を編集できます。両方を混在させません。ニットなどの名前は接続先ショップの登録データで、テーマが固定している名前ではありません。

「テーマで設定」では「テーマカテゴリー 使用枠数」を1〜12で選択し、各枠の名前・英字・URL・画像・表示を設定します。子分類は「カテゴリー N 子分類」に1行ずつ「名前 | URL」と入力します。例：マグカップ | /categories/12345。空欄なら子分類を表示しません。

子分類はメガメニューとフッターに表示されます。テーマカテゴリーのリンクを作っただけでは商品が自動分類されません。BASEカテゴリーAppで商品を分類し、その実際のカテゴリーURLを貼り付けてください。デモ用の /?category=... はサンプルの絞り込み用です。

「BASEカテゴリーApp」ではBASEに登録された親・子カテゴリーを読み込みます。件数・名前・階層・商品との関連付けはBASE管理画面のカテゴリーAppで編集します。テーマの12枠上限は適用されません。このモードのホームは画像枠ではなくカテゴリー階層のリンク一覧になります。

価格・ブランド・用途・スタイル

一覧のキーワード・価格帯・ブランド・用途・スタイルで絞り込めます。価格は昇順／降順に並べ替え可能です。絞り込み対象は読み込み済みの商品です。商品数が多い場合は「もっと見る」で追加してください。

ブランド・用途・スタイル・独自カテゴリーを使う場合、商品説明に下記の情報を1行ずつ記載します。BASEのカテゴリーAppを使う場合はカテゴリー欄へ実際のカテゴリーURLを指定してください。

カテゴリーTabは設定したカテゴリーURLから商品を取得します。外部サイトのカテゴリーは読み込めません。通常の検索ページはBASEの商品検索Appなど、導入中のAppに依存します。

Brand: YOHaKu CERAMICS
Purpose: 朝の時間
Style: ナチュラル
Category: 食器・キッチン

画像・色・文字を整える

主画像はPC用とスマホ用を別々に設定できます。推奨目安はPC 1536×1024px、スマホ1024×1536px。文字を写真に焼き込まず、タイトルや説明を設定すると読みやすくなります。

商品カード画像は正方形・縦長3:4・横長4:3を選択可能です。写真は枠に合わせてトリミングされます。商品詳細では大きな画像とサムネイルを表示します。

アクセント・文字・フッターの3色、本文フォント（ゴシック／明朝）、ボタン形状、商品画像比率をテーマ別設定で変更できます。ページ背景はBASEの「基本設定 → 背景」を使用します。背景画像の繰り返しもBASEの設定に従います。

SALE価格と送料無料の設定

SALE価格はBASEの「セール App」で設定します。対象商品にセールを設定すると、本テーマの商品一覧・商品詳細に通常価格とセール価格が表示されます。商品カードにはSALE表示と割引率を表示します。テーマのデザイン設定には実際の販売価格を書き込みません。

「合計〇〇円以上の購入で送料無料」はBASEの「送料詳細設定 App」で設定します。配送方法設定画面の送料無料条件から「設定する」を選択し、免除する注文金額を入力して保存します。例：10,000円以上を送料無料にする。

満額送料無料は国内配送が対象です。判定はクーポン等の割引後の注文合計で行われるため、割引によって条件金額を下回ると送料が発生します。送料0円の配送方法を作り、特定の商品だけ無料にする設定も可能です。

告知バーや「共通 配送案内」には、実際の設定と一致する案内を入力してください。例：「税込10,000円以上のお買い上げで国内送料無料」。テーマの文章を変えるだけでは、BASEの送料計算は変更されません。

販売用テーマではBASEの商品・購入フォームを利用します。セール Appと送料詳細設定 Appで実際の条件を設定し、告知文を一致させてください。説明サイトのデモでは注文・決済はできません。

BASE公式：セール App ／ BASE公式：送料無料の設定

商品ページと回遊機能

お気に入りは商品カード・商品詳細・Headerから利用できます。同一ブラウザ内に最大60件保存します。会員アカウントとの同期はありません。最近見た商品は最大20件を保存し、現在の商品を除く最大4件を表示します。履歴がない時は枠を表示しません。

「関連商品」はBASEが返す関連商品がある場合に表示します。OFFで枠ごと消えます。商品画像は最大20枚、左右矢印・サムネイル・スマホの横スワイプに対応し、拡大表示でも切り替えられます。矢印は半透明です。

在庫わずか表示はスイッチと在庫数を設定します。指定数以下で「残りN点」。0を指定すると残数表示を行いません。SOLD OUTは残数スイッチにかかわらず表示します。

共通配送案内・共通返品案内・商品ページ共通バナーは各スイッチで表示を切り替えます。案内文は全商品に反映。バナーは画像を省略してテキストだけでも使えます。実際の送料や購入条件はBASE側の商品設定が優先されます。

サイズ・カラー等のSKUはBASEの商品編集の「種類と在庫」で登録します。本テーマはBASEの種類選択を使用します。例：S / White、M / White、M / Navy のように組合せを種類として登録します。在庫・購入価格はBASEが管理します。

キャンペーン・読みもの・フッター

キャンペーンの終了日時は 2026-12-01T00:00:00+09:00 のようにタイムゾーン付きで入力します。終了後は終了用文言へ切り替わります。ラベル・見出し・URL・ボタン・表示を変更でき、カウントダウンだけをOFFにもできます。セール価格や販売期間は自動変更しません。

浮動バナーは文字とURLを入力してONにすると表示します。閉じると同一ブラウザでは10分経過後の再訪から再表示します。

Blog App導入時は同一ショップのRSSから最新記事を最大3件取得します。記事がない場合はBlog欄を表示しません。3枠の画像・記事名・URLを手動入力すれば手動内容を優先します。外部記事URLも設定できます。BASEで固定にした記事はホーム・カテゴリー・検索ページに独立して表示されます。

Free Spaceは画像・タイトル・本文・HTMLに対応します。Newsは日付・文章・リンクを2件設定できます。未入力の枠は隠れます。外部埋め込みはサービス側の仕様も確認してください。

フッターは紹介文・背景色・Copyrightを編集でき、カテゴリー・案内・SNS列を個別にON / OFFできます。SNSはBASE管理画面のショップ情報に登録したアカウントを使用し、テーマへURLを重複入力する必要はありません。

利用条件・確認事項

説明サイトのデモは見た目と操作を確認するための静的サンプルです。デモの商品・画像・価格・仕様は展示用で、注文・決済・問い合わせ送信はできません。販売用テーマはBASEの実商品を使用します。

対応範囲は商品検索、カテゴリ管理、Blog、セール、ラベル、レビュー、商品説明カスタム、標準の商品・購入・配送案内です。送料・割引の計算はBASE側の設定に従います。その他のApps（英語・外貨、コミュニティ、メンバーシップ、予約販売、抽選販売、テイクアウト等）は本バージョンでは対応を表明していません。

YOHaKu Version 1.3.1 / 販売予定価格 ¥9,800 / KM Studio。デザインマーケット審査用の紹介サイトです。審査通過・販売開始を示すものではありません。お問い合わせ：ll.heal@gmail.com。

2026年10月7日、Windows Chromiumで320〜1280px、BASE実データのカテゴリー・検索・Blog・SALE・レビュー・購入選択・Contact・法定ページを再確認しました。今回の更新版のmacOS Safari、Firefox、実機での表示・タッチ操作も制作依頼者が確認し、すべて正常に動作したとの報告を受けています（2026年10月7日）。ご利用のショップでは商品・配送・各Apps設定後に購入導線をご確認ください。

ABOUT・会社情報・店舗の地図

ABOUTの画像・ラベル・タイトル・紹介文をテーマ設定で変更できます。「ABOUT 紹介文」が空欄の場合はBASEのショップ紹介を使用します。デモページも同じ設定に従います。

「ABOUT 店舗・会社情報 表示」で会社情報をON / OFF。店舗・会社名、住所、営業時間・定休日、アクセス、連絡先および各項目名を編集できます。未入力の項目は表示されません。ここへの入力はBASEの特定商取引法ページを変更しません。

「ABOUT Googleマップ 表示」をONにし、「ABOUT 地図の住所・施設名」に公開する店舗住所または施設名を入力するとGoogleマップと地図リンクを表示します。APIキーは不要です。空欄なら表示されません。住所が曖昧だと別の場所になることがあるため、表示された位置を確認してください。

実店舗がない場合は地図をOFFにできます。初期設定では実在する店舗住所を仮入力していません。

説明ページの公開場所

ショップのABOUT・お買い物ガイドはテーマに含まれ、BASEのショップページとして表示されます。

開発者向けの説明サイト・オンラインマニュアルは別サイトで提供します。BASEのファイルアップローダーはテーマ用の画像・CSS・JavaScriptなどの素材用です。単独のHTMLサイトを公開する機能ではありません。

ページ追加 AppはBASEオフィシャルテーマ向けであり、本テーマなどのカスタムテーマでは利用できません。

すべての設定項目

317項目。画面に表示される日本語の項目名で確認できます。選択肢が複数ある項目は、選べる値を併記しています。