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枚（画像・名前・石言葉） | 画像 / 文章 | 初期値あり。画像は正方形を推奨 |
| Instagram の案内を表示 | ON/OFF | ON（SNS設定時） |
| メールマガジンの案内文 | 文章 | 初期値あり |
About
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| About ページの画像 | 画像 | 横 1200px 以上を推奨 |
商品ページ
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| 商品説明からスペック表を自動生成 | ON/OFF | ON |
| サイズの選び方（見出し・文章・画像） | 文章 / 画像 | 初期値あり |
| お手入れと浄化（見出し・文章） | 文章 | 初期値あり |
| 天然石について（見出し・文章） | 文章 | 初期値あり |
その他
| 項目 | 種類 | 初期値・推奨 |
|---|---|---|
| フッターの一言 | 文章 | 空欄 |
商品説明の書き方
商品説明の中に、次のように「見出し語：内容」の行を書くと、その行が商品ページで表になります。行の順番は自由で、無い行は表に出ません。
石：ローズクォーツ / 水晶 サイズ：内周 約16cm 素材：8mm 玉 / オペロンゴム
表になる見出し語：石 / 使用石 / 天然石 / サイズ / 内周 / 長さ / 素材 / 金具 / パーツ / 重さ / 重量 / 産地 / お手入れ / 浄化 / 製作 / 納期 / 発送 / カラー / 色
全角・半角のコロン（：と :）どちらでも構いません。表にしたくない行は、見出し語の後にコロンを置かなければそのまま本文として表示されます。
誕生石ナビ
商品検索 App を導入していると、トップページに 1〜12 月のボタンが並びます。商品説明に「2月の誕生石」のように書いておくと、その月のボタンからその商品が検索でヒットします。
「誕生石」という言葉を別の表記（例：「バースストーン」）にしている場合は、「誕生石ナビの検索語」を書き換えてください。
よくある質問
ロゴ画像の推奨サイズは？
高さ 44px に縮小して表示されます。横長なら高さ 88px（Retina対応）以上、縦長でも同じ高さに収まります。背景が透明な PNG がきれいに出ます。
暗い背景にしたら罫線や文字が見えなくなりました
「テーマ別設定」→「背景のトーン」を「暗い背景向け」にしてください。背景色と文字色は「基本設定」で、罫線や薄い色はこのトーンで決まります。
HTML を直接編集してもいいですか？
編集はできますが、その時点でテーマの自動更新が止まり、以後の修正が反映されなくなります。設定画面で対応できることは設定画面で行うことをおすすめします。
スペック表が出ません
「商品説明からスペック表を自動生成」が ON になっているか、見出し語の直後にコロン（：または :）があるかを確認してください。見出し語は上の一覧にあるものだけが対象です。
App を入れていないのにメニューが出ています／出ません
Blog・カテゴリ・コミュニティ・メンバーシップ・検索・メールマガジン・言語切替のメニューは、対応する App を導入したときだけ表示されます。導入直後に反映されない場合は、ページを再読み込みしてください。
商品が25件以上あるとき、一覧はどうなりますか？
トップページには最初 30 件を表示し、「MORE」を押すと 6 件ずつ追加されます。商品を開いて戻ったときは、追加読み込み済みの状態とスクロール位置に戻ります。
更新履歴
- 1.0.1
- ショップのリンク色が、フッターのナビ・「送料を確認する」・Blog の「続きを読む」など本文以外のリンクにも当たり、背景との明度差が小さい色では読みにくくなっていたのを修正。リンク色は本文中のリンクだけに当てるようにしました。Blog に記事がないときの表示も中央寄せに整えました。
- 1.0.0
- 初版。BASE デザインマーケットへ申請。