ZINE サポート
テーマの設定手順と、よくある質問をまとめています。ここで解決しないことは、ページ末尾のお問い合わせからお知らせください。
初期設定の6ステップ
BASE 管理画面の「デザイン」→「デザイン編集」から行います。上から順に進めれば、その日のうちに公開できます。
ロゴ
「基本設定」でロゴ画像かロゴテキストを設定します。ロゴはヘッダーの左、ナビは右に置かれます。画像は高さ 44px に収まるよう縮小されるので、横長の画像がきれいに出ます。テキストは太いグロテスク体（Space Grotesk）で表示され、長い店名は折り返します。
背景のトーン
「基本設定」の背景色を決めたら、「テーマ別設定」の「背景のトーン」を合わせます。既定の背景は白です。黒地にするレーベルも多いので、その場合は「暗い背景向け」にして、紙の色を #222222 前後に。
色を4つ
アクセント・紙の色・ボタン・ボタンの文字色。既定はアクセントが朱色（#E63312）、紙の色が薄いグレー（#F2F2F0）、ボタンが黒（#111111）です。アクセントはデータのバッジ・小見出し・セール価格に使われます。紙の色はパネル・トラックリストの枠・ドロワーメニューの面になります。
メインビジュアル
横 2000px 以上の横長の写真を1枚（印刷機、刷り上がりの束、カセットの棚）。写真を使わず「文字だけ」にすると、大きなタイトルだけの表紙のようなトップになります。見出しは読点「、」の位置で折り返します。句読点を使わずに改行したいときは、切りたい位置に縦棒「|」を入れてください（例：「小さな本と|小さなレーベル」）。「|」は表示されません。
新刊・新譜
小見出し、発売日、見出し、補足（判型や部数）、本文、写真、ボタンの文言とリンク先を設定します。リンク先には予約販売 App の商品ページか、Blog の記事の URL を。発売が終わったら見出しを空欄にすると、パネルごと消えます。
取扱店 3 つ
実店舗の名前（場所）と、置いている商品や営業時間を 3 つまで書きます。卸先が増えたら書き換えます。名前が空欄の欄は消え、3 つとも空欄なら見出しごと消えます。
デザイン設定の一覧
「テーマ別設定」に並ぶ項目です。すべて初期値のままでも動きますが、店に合わせて書き換えると印象が大きく変わります。画像の初期値はすべて空欄です。
全体
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| アクセントカラー | 色 | #E63312（データのバッジ・小見出し・セール価格） |
| 紙の色 | 色 | #F2F2F0（パネル・トラックリストの枠・ドロワーメニューの背景色） |
| ボタンの色 | 色 | #111111 |
| ボタンの文字色 | 色 | #FFFFFF |
| 背景のトーン | 選択 | 明るい背景向け / 暗い背景向け |
| 見出しの書体 | 選択 | ゴシック + グロテスク英字（既定） / 明朝 |
| 商品一覧の列数 | 選択 | 4列（既定） / 3列 / 2列 |
| 商品画像の比率 | 選択 | やや縦長 4:5（既定） / 正方形 1:1 / 縦長 3:4 |
| 商品カードの様式 | 選択 | 写真のみ（既定） / 紙の色を敷く |
| ヘッダーを固定する | ON/OFF | ON |
| 売り切れの商品写真を薄くして「SOLD OUT」の印 | ON/OFF | ON |
トップページ
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| メインビジュアルを表示・レイアウト・画像・文言 | ON/OFF / 選択 / 画像 / 文章 | ON。画像は横 2000 × 縦 1200px を推奨 |
| 新刊・新譜を表示・小見出し・発売日・見出し・補足・本文・ボタン・画像 | ON/OFF / 文章 / 画像 | ON。初期値あり。見出しが空欄なら欄ごと非表示 |
| 種類から探すを表示・見出し・リンク1〜6の名前とURL | ON/OFF / 文章 | ON。ZINE / 本 / カセット / レコード / データ / グッズ。名前が空欄の行は非表示 |
| カテゴリの一覧を表示 | ON/OFF | ON（カテゴリ管理App利用時） |
| 取扱店を表示・見出し・店1〜3の名前と説明 | ON/OFF / 文章 | ON。初期値あり。名前が空欄の店は非表示 |
| データ販売を表示・見出し・本文・画像・ボタン | ON/OFF / 文章 / 画像 | ON。初期値あり。見出しが空欄なら欄ごと非表示 |
| レーベルについてを表示・画像・見出し・本文・SNSリンクを大きく表示 | ON/OFF / 画像 / 文章 | ON。初期値あり。SNS はショップ設定の Instagram / X / TikTok / note |
| 即売会・イベントの予定を表示・見出し・予定1〜3・補足 | ON/OFF / 文章 | ON。初期値あり。日付が空欄の行は非表示 |
| サービス案内を表示・案内1〜3 | ON/OFF / 文章 | ON。初期値あり（配送 / データ販売 / 取扱店・卸） |
| Instagram の案内を表示 | ON/OFF | ON（SNS設定時） |
| メールマガジンの案内文 | 文章 | 初期値あり（メールマガジンApp利用時） |
About
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| About ページの画像 | 画像 | 横 1200px 以上の横長を推奨 |
商品ページ
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| 商品説明からバッジ・キャプション・トラックリスト・表を自動生成 | ON/OFF | ON |
| ZINE と自主制作について（見出し・本文） | 文章 | 初期値あり（リソグラフのかすれ、落丁の交換）。見出しが空欄なら非表示 |
| カセット・レコードの再生と保管（見出し・本文） | 文章 | 初期値あり（ダビング、ヒスノイズ、回転数、保管） |
| データ販売について（見出し・本文） | 文章 | 初期値あり（ダウンロード方法、個人利用、返品不可） |
| 配送と梱包（見出し・本文） | 文章 | 初期値あり（クリックポスト、レコードは宅配便、3営業日） |
| 取扱店・卸について（見出し・本文） | 文章 | 初期値あり（5 冊から、掛け率 7 割、買い切り） |
その他
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| フッターの一言 | 文章 | 空欄 |
商品説明の書き方
商品説明の中に次のような行を書くと、種別とエディションのバッジ・キャプション・トラックリスト・スペック表が商品ページに作られ、その行は本文から消えます。行の順番は自由で、無い行は出ません。
種別：カセット 部数：50 本 発行年：2025 収録時間：24 分 曲目：1. 夜明け (3:12) / 2. 街 (4:05) / 3. 雨 (3:48) / 4. 帰り道 (5:10) フォーマット：カセットテープ（ノーマル） 付属：ダウンロードコード（WAV / MP3） レーベル：night walk press
バッジ・キャプション・トラックリストになる行
- 種別：ZINE / 本 / カセット / レコード / CD / データ / グッズ のバッジになります。見出し語は 種別 / タイプ / 種類 / カテゴリ / 区分 / 媒体。「写真集」「リトルプレス」「漫画」は本、「テープ」はカセット、「LP」「EP」「7inch」「アナログ」はレコード、「PDF」「音源データ」「ダウンロード」はデータと判定します。
- 部数：「100 部」「50 本」「300 枚」「初版 300 部」は「Edition of 100」のように、「12/100」は「Edition 12 / 100」のバッジになります。見出し語は 部数 / エディション / 限定 / プレス数 / 本数。
- 判型・ページ数・発行年：この 3 行が、商品名の下に「A5 / 48 ページ / 2025 年 10 月」のような 1 行のキャプションになります。見出し語は 判型 / 版型 / サイズ、ページ数 / ページ / 頁、発行年 / 発行日 / 発売日 / 発売 / リリース。無い項目は飛ばします。
- 曲目：「1. 夜明け (3:12) / 2. 街 (4:05)」のように「/」で区切るか、「曲目：」の次の行から「1. 夜明け」と 1 曲ずつ改行します。「A1. 街」「B1. 雨」の面表記も読みます。先頭の番号は取り除いて番号を振り直し、末尾の「3:12」は時間として右端に。見出し語は 曲目 / 収録曲 / トラックリスト / 収録。40 曲まで。
スペック表になる見出し語
レーベル / 著者 / 作者 / 編集 / アーティスト / 発行 / 発行者 / 印刷 / 印刷所 / 製本 / 綴じ / 用紙 / 紙 / 色数 / 言語 / 収録時間 / 時間 / フォーマット / 形式 / 回転数 / 付属 / 付属品 / 特典 / 状態 / 発送 / 注意 / 備考 / 品番 / ISBN / JAN / 重さ / サイズ
全角・半角のコロン（：と :）どちらでも構いません。表にしたくない行は、見出し語の後にコロンを置かなければそのまま本文として表示されます。1行が160文字を超える行は本文のまま残ります。
予約販売とデータ販売
新刊・新譜を予約で受ける
- BASE の「予約販売 App」を導入し、新刊の商品に発送予定日を設定します。商品ページに「予約商品」のバッジと発送予定が出て、ボタンが「予約注文する」になります。
- その商品ページの URL を、テーマ別設定の「新刊・新譜」のボタンのリンク先に貼り付けます。
- 発売日欄に「10.11 (Sat)」、補足欄に「A5 / 48 ページ / 100 部限定」のように書きます。
- 発売後は、見出しを空欄にするか「新刊・新譜を表示」を OFF にします。
PDF と音源をデータで売る
- BASE の「デジタルコンテンツ App」を導入し、PDF や WAV / MP3 のファイルを登録した商品を作ります。購入後、商品ページの「Download」欄にリンクが出ます。
- 「データ」のカテゴリを作り、そのカテゴリページの URL を「データ販売」のボタンのリンク先に。
- 各商品の説明に「種別：データ」「形式：PDF」「注意：個人利用のみ」を書きます。カセットに付ける「付属：ダウンロードコード」は、コードを同封する運用です（BASE の機能ではありません）。
卸と即売会
- 卸の受け方：「取扱店・卸について」の案内に条件（最低冊数、掛け率、買い切りか委託か）を書き、お問い合わせから店名と住所を受けます。請求書は BASE の外で。卸先は「取扱店」に載せます。
- 即売会の週：「お知らせバナー App」で全ページの上部に「○日は文学フリマ出店のため、発送は○日以降」の帯を出し、「即売会・イベントの予定」の補足文にも書きます。
- 会場で先行販売：新刊を会場で先に売るなら、オンラインの公開日時を「新刊・新譜」の本文に書いておきます。予約販売 App なら、予約分の発送予定日を発売日にします。
バックナンバーと売り切れ
- 売り切れは残す：既定では売り切れの商品は写真を薄くして「SOLD OUT」のまま並びます。号数の記録として残しておくと、新しい読者が全体像を掴めます。
- データ版へ誘導：売り切れた号の説明に「PDF 版はこちら」とデータ商品へのリンクを書いておきます。
- 再入荷通知：「再入荷自動通知 App」を導入すると、売り切れの商品のボタンが「再入荷通知を希望する」になり、増刷したときに知らせられます。
- カテゴリ：シリーズごとにカテゴリを作り（「夜の散歩」など）、「種類から探す」から飛ばせます。
紙の色の選び方
「紙の色」は新刊・新譜のパネル、トラックリストの枠、データ販売の画像の下、ドロワーメニュー、カテゴリのドロップダウン、「紙の色を敷く」にしたときの商品写真の下に使われます。
- 明るい背景のとき：背景色より少し濃いグレー（例：背景 #FFFFFF なら紙の色 #F2F2F0）。
- 暗い背景のとき：背景より少し明るいグレー（例：背景 #111111 なら紙の色 #222222）。アクセントは少し明るい朱色（#FF5A3C 前後）、ボタンは白、ボタンの文字色は黒に。「背景のトーン」も「暗い背景向け」にしてください。
- ドロワーメニューとパネルもこの色の面になるので、文字色と近い色は避けてください。
写真の撮り方
- 表紙はスキャンか真上から：ZINE と本は、スキャナーで取り込むか、白い紙の上に置いて真上から撮ります。影を入れたいときは窓を横にして。
- 1枚目は表紙だけ：商品一覧の既定は 4:5 の縦長です。表紙を中央に、周りに少し余白を残して。カセットとレコードはジャケットを正面から。
- 2枚目以降は、中面・背・付属：パソコンの商品ページでは写真が縦に並びます。表紙 → 見開き 2〜3 ページ → 背と綴じ → 付属のカセットやコード、の順に。中面はネタバレにならない範囲で。
よくある質問
種別のバッジが出ません
「種別：」の値に ZINE / 本 / カセット / レコード / CD / データ / グッズ のいずれか、または「写真集」「テープ」「LP」「PDF」などの言葉が含まれている必要があります。「種別：小冊子」のように判定語がないときは「種別：本（小冊子）」と書いてください。
ページ数に「ページ」と書くと二重になりますか？
なりません。「ページ数：48」でも「ページ数：48 ページ」でも「48 ページ」と表示します。
曲目の時間が右端に揃いません
時間は「(3:12)」か末尾の「3:12」の形で読み取ります。「3分12秒」は読まないので、「3:12」に直してください。
黒地のショップにしたい
「基本設定」の背景色を #111111 に、「背景のトーン」を「暗い背景向け」に、紙の色を #222222、ボタンを #F2F2F0、ボタンの文字色を #111111、アクセントを #FF5A3C にしてください。種別のバッジは白地に反転します。
ロゴ画像の推奨サイズは？
高さ 44px に縮小して表示されます。横長なら高さ 88px（Retina対応）以上を用意してください。背景が透明な PNG がきれいに出ます。
暗い背景にしたら罫線や文字が見えなくなりました
「テーマ別設定」→「背景のトーン」を「暗い背景向け」にしてください。「紙の色」は背景より少し明るいグレーに、「ボタンの色」は白に、「ボタンの文字色」は黒に、「アクセント」は明るい朱色に変えてください。
メインビジュアルの見出しが変なところで改行されます
見出しは読点「、」と句点「。」の位置で折り返します。「小さな本と、小さなレーベル。」のように、切れてほしい位置に読点を入れてください。句読点を使いたくないときは、切りたい位置に縦棒「|」（全角の「｜」でも可）を入れると、その位置で必ず改行します。「|」は画面には表示されません。
HTML を直接編集してもいいですか？
編集はできますが、その時点でテーマの自動更新が止まり、以後の修正が反映されなくなります。設定画面で対応できることは設定画面で行うことをおすすめします。
商品が25件以上あるとき、一覧はどうなりますか？
トップページには最初 24 件を表示し、「もっと見る」を押すと続きが追加されます。商品を開いて戻ったときは、追加読み込み済みの状態とスクロール位置に戻ります。
更新履歴
- 1.0.0
- 初版。BASE デザインマーケットへ申請準備中。