MINERA サポート
テーマの設定手順と、よくある質問をまとめています。ここで解決しないことは、ページ末尾のお問い合わせからお知らせください。
初期設定の5ステップ
BASE 管理画面の「デザイン」→「デザイン編集」から行います。上から順に進めれば、その日のうちに公開できます。
ロゴ
「基本設定」でロゴ画像かロゴテキストを設定します。画像は高さ44pxに収まるよう縮小されるので、縦長でも横長でも構いません。
背景のトーン
「基本設定」の背景色を決めたら、「テーマ別設定」の「背景のトーン」を合わせます。暗い背景にしたのに罫線が見えないときは、ここが「明るい背景向け」のままです。
色を3つ
アクセント・ボタン・ボタンの文字色。ボタンを薄い色にするときは文字色を濃くしてください。それ以外の色はこの3つから自動で決まります。
メインビジュアル
横1600px以上の写真を1枚。見出しと説明文、ボタンの文言とリンク先を入れます（見出しと説明文の初期値は空欄です）。写真を入れなくても文字だけで成立しますが、写真も見出しも説明文もないあいだは表示されません。
石のはなし3枚
石の写真（正方形）・名前・石言葉を3組。店で扱う石に合わせて入れてください（初期値は空欄で、名前を入れたカードだけが表示されます）。使わない場合は「石のはなしを表示」をOFFに。
デザイン設定の一覧
「テーマ別設定」に並ぶ項目です。文章の初期値は見出しとボタンの文言だけで、本文・名前などはすべて空欄です（実在の店の情報と取り違えないように）。空欄の欄は表示されないので、使う欄から書き入れてください。画像の初期値もすべて空欄です。
全体
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| アクセントの色 | 色 | #A88B5C（罫線・見出しの飾り） |
| ボタンの色 | 色 | #2B2724 |
| ボタンの文字色 | 色 | #FFFFFF |
| 背景のトーン | 選択 | 明るい背景向け / 暗い背景向け |
| 見出しの書体 | 選択 | 明朝体（上品） / ゴシック体（モダン） |
| 商品一覧の列数 | 選択 | 3列 / 4列 / 2列 |
| 商品画像の比率 | 選択 | 正方形1:1 / やや縦長4:5 / 縦長3:4 |
| ヘッダーを固定する | ON/OFF | ON |
| 残り1点に LAST 1 を表示 | ON/OFF | ON |
トップページ
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| メインビジュアルを表示 | ON/OFF | ON |
| メインビジュアル画像 | 画像 | 横1600px以上を推奨 |
| 見出し・説明・ボタンの文言とリンク先 | 文章 | ボタン「商品を見る」とリンク先（商品一覧）以外は空欄。ボタン文言が空欄ならボタン非表示。画像も見出しも説明文もなければ欄ごと非表示 |
| カテゴリ一覧を表示 | ON/OFF | ON（カテゴリ管理App利用時） |
| 誕生石ナビを表示 | ON/OFF | ON（商品検索App利用時） |
| 誕生石ナビの検索語 | 文章 | 誕生石 |
| つくり手のことを表示 | ON/OFF | ON |
| つくり手の画像・見出し・文章 | 画像 / 文章 | 見出しの初期値は「つくり手のこと」、文章は空欄。画像も文章もなければ欄ごと非表示 |
| 石のはなしを表示 | ON/OFF | ON |
| 石のはなしの見出し | 文章 | 石のはなし |
| 石のはなし3枚（画像・名前・石言葉） | 画像 / 文章 | 空欄。画像は正方形を推奨。名前が空欄のカードは非表示、3枚とも空欄なら欄ごと非表示 |
| Instagram の案内を表示 | ON/OFF | ON（SNS設定時） |
| メールマガジンの案内文 | 文章 | 空欄（メールマガジンApp利用時。空欄なら見出しと登録欄だけ） |
About
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| About ページの画像 | 画像 | 横1200px以上を推奨 |
商品ページ
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| 商品説明からスペック表を自動生成 | ON/OFF | ON |
| サイズの選び方（見出し・文章・画像） | 文章 / 画像 | 空欄。見出しが空欄なら非表示。手首まわりの測り方や、選ぶサイズの目安など |
| お手入れと浄化（見出し・文章） | 文章 | 空欄。見出しが空欄なら非表示。水や汗・香水を避けること、浄化の方法など |
| 天然石について（見出し・文章） | 文章 | 空欄。見出しが空欄なら非表示。色味・模様・内包物の個体差について書いておくと問い合わせが減ります |
その他
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| フッターの一言 | 文章 | 空欄 |
商品説明の書き方
商品説明の中に、次のように「見出し語：内容」の行を書くと、その行が商品ページで表になります。行の順番は自由で、無い行は表に出ません。
石：ローズクォーツ / 水晶 サイズ：内周 約16cm 素材：8mm玉 / オペロンゴム
表になる見出し語：石 / 使用石 / 天然石 / サイズ / 内周 / 長さ / 素材 / 金具 / パーツ / 重さ / 重量 / 産地 / お手入れ / 浄化 / 製作 / 納期 / 発送 / カラー / 色
全角・半角のコロン（：と :）どちらでも構いません。表にしたくない行は、見出し語の後にコロンを置かなければそのまま本文として表示されます。
誕生石ナビ
商品検索 App を導入していると、トップページに1〜12月のボタンが並びます。商品説明に「2月の誕生石」のように書いておくと、その月のボタンからその商品が検索でヒットします。
「誕生石」という言葉を別の表記（例：「バースストーン」）にしている場合は、「誕生石ナビの検索語」を書き換えてください。
よくある質問
ロゴ画像の推奨サイズは？
高さ44pxに縮小して表示されます。横長なら高さ88px（Retina対応）以上、縦長でも同じ高さに収まります。背景が透明な PNG がきれいに出ます。
暗い背景にしたら罫線や文字が見えなくなりました
「テーマ別設定」→「背景のトーン」を「暗い背景向け」にしてください。背景色と文字色は「基本設定」で、罫線や薄い色はこのトーンで決まります。
SNS のアイコンはどこに出ますか？
BASE の「ショップ設定」で登録した SNS が、フッターと About ページにアイコンで並びます。Instagram・X・Facebook・LINE・YouTube・TikTok・note・Ameba に対応し、アイコンは BASE が配布している各社の公式のものを使っています。YouTube はチャンネルの URL をそのまま登録してください。
HTML を直接編集してもいいですか？
編集はできますが、その時点でテーマの自動更新が止まり、以後の修正が反映されなくなります。設定画面で対応できることは設定画面で行うことをおすすめします。
スペック表が出ません
「商品説明からスペック表を自動生成」が ON になっているか、見出し語の直後にコロン（：または :）があるかを確認してください。見出し語は上の一覧にあるものだけが対象です。
App を入れていないのにメニューが出ています／出ません
Blog・カテゴリ・コミュニティ・メンバーシップ・検索・メールマガジン・言語切替のメニューは、対応する App を導入したときだけ表示されます。導入直後に反映されない場合は、ページを再読み込みしてください。
商品が25件以上あるとき、一覧はどうなりますか？
トップページには最初30件を表示し、「MORE」を押すと6件ずつ追加されます。商品を開いて戻ったときは、追加読み込み済みの状態とスクロール位置に戻ります。
更新履歴
- 1.2.0
- BASE の審査でいただいたご指摘に対応。デザイン設定の文章の初期値を見出しだけにし（本文・名前などは空欄、空欄の欄は表示しない）、SNS を各社の公式アイコンにして YouTube を追加、暗い背景での検索欄・言語と通貨の切り替え・商品オプション・数量の文字色、決済方法ロゴの「・」、ラベル画像の大きさ、商品画像が多いときの横スクロールを直しました。見出しの下の余白が効いていなかったのも直しました。
- 1.1.0
- 見出しを明朝体にしたときだけ明朝体の書体ファイルを読み込むようにし、ページの読み込みを軽くしました。
- 1.0.3
- 飾りの色を薄くしたときのバッジ・ラベルの読みやすさ、狭い画面でのショップ名の折り返し、ブラウザで戻ったときのスクロール位置、商品一覧へのジャンプ位置を直しました。
- 1.0.2
- 決済方法一覧の「・」、Blog 記事のシェアボタンの形を直し、デザイン設定「アクセントカラー」を「飾りの色」に改名しました。
- 1.0.1
- ショップのリンク色が、フッターのナビ・「送料を確認する」・Blog の「続きを読む」など本文以外のリンクにも当たり、背景との明度差が小さい色では読みにくくなっていたのを修正。リンク色は本文中のリンクだけに当てるようにしました。Blog に記事がないときの表示も中央寄せに整えました。
- 1.0.0
- 初版。BASE デザインマーケットへ申請。