KINARI サポート
Shopify テーマ KINARI の設定手順と、よくある質問をまとめています。上から順に進めれば、その日のうちに店を開けます。ここで解決しないことは、ページ末尾のお問い合わせからお知らせください。
インストールと更新
zip をアップロード
Shopify 管理画面の「オンラインストア → テーマ → テーマを追加 → zip ファイルをアップロード」。購入時の zip は保管しておいてください。
言語の既定を日本語に(重要)
日本語を「追加して公開」しただけでは、ストアは英語で表示されます。「設定 → 言語」で日本語の「…」→「ドメインのデフォルトとして設定」を選び、公開前にストアフロントを開いて「数量」「カートに入れる」が日本語になっていることを確認してください。
カスタマイズして公開
アップロードした KINARI の「カスタマイズ」を開き、次の「最初にやること」の順に設定します。見た目が整ったら「公開する」。
更新版の入れ方
更新版の zip を同じ手順でアップロードすると、新しいテーマとして別に追加され、それまでの設定は元のテーマに残ります。元のテーマの「…」→「コードを編集」から config/settings_data.json と templates/ の各 JSON をコピーして新しい版に貼り付け、プレビューで確認してから公開してください。変更点は同梱の CHANGELOG.md と、このページの更新履歴に書いてあります。
最初にやること
すべて「テーマ設定」(テーマエディタの左下、歯車のアイコン)にあります。
タイポグラフィ
書体は「和文」と「欧文」を別々に指定します。英字と数字は欧文の書体、日本語は和文の書体で表示されます(和欧混植)。
| 項目 | 初期値 | 役割・目安 |
|---|---|---|
| 見出しの書体(欧文) | EB Garamond | 見出しの英字・数字 |
| 見出しの書体(和文) | Zen Old 明朝 | 見出しの日本語。ページ表示後に読み込まれます |
| 本文の書体(欧文) | Jost | 本文の英字・数字 |
| 本文の書体(和文) | 端末のフォント | Mac はヒラギノ角ゴ、Windows は游ゴシック。ダウンロードが発生しません |
| 見出しの行間 / 本文の行間 | 140% / 180% | 120〜160% / 170〜190% |
| 見出しの字間 / 本文の字間 | 4% / 2% | 0〜6% / 0〜4% |
| 約物を詰める | ON | 「」()、。の前後の余白を詰めます。日本語を扱わない店は OFF |
本文の和文を Web フォントに変えるときは注意してください。日本語の Web フォントは 1 書体あたり 300KB〜3MB あり、欧文(20〜30KB)とは桁が違います。本文に指定すると全ページが重くなります。
色
背景・本文・補助テキスト・罫線・ボタン・ボタンの文字の 6 色。色を変えたら、本文と背景のコントラストが 4.5:1 以上あるか確認してください。初期値はすべて満たしています。
税
Shopify は税率をテーマに渡さないため、表示に使う税率をここで指定します。実際の課税は「設定 → 税金と関税」に従います。
| 項目 | 初期値 | 内容 |
|---|---|---|
| 消費税率 | 10% | 税抜き価格の逆算に使います |
| 軽減税率 | 8% | 下のタグが付いた商品に使います |
| 軽減税率の対象にするタグ | 軽減税率 | このタグの商品は「税込・軽減税率8%」と表示。商品一覧で対象を選び「…」→「タグを追加」でまとめて付けられます |
| 税抜き価格も併記する | OFF | 法人向けなどで税抜きも見せたいとき |
商品カード・レイアウト
| 項目 | 初期値 | 内容 |
|---|---|---|
| カードから直接カートに入れられるようにする | ON | バリエーションが 1 つの商品だけに出ます |
| お気に入りを使う | ON | カードにハートが出ます。端末に記憶するのでログイン不要 |
| お気に入りページ | — | 「favorites」テンプレートの固定ページを指定すると、ヘッダーにハートが出ます |
| パンくずを表示する | ON | 商品・コレクション・記事・ページ。構造化データ付き |
日本向けの機能
特定商取引法に基づく表記
「設定 → ポリシー → 特定商取引法に基づく表記」に入力して保存すると、フッターの「各種ポリシー」に自動でリンクが並びます。テーマ側の操作は不要です。
税込表示
「設定 → 税と関税 → 商品価格に税を含める」を ON にすると、価格の横に「税込」が自動で表示されます。「軽減税率」タグの商品は「税込・軽減税率8%」になります。
のし・ラッピング・メッセージカード
テーマエディタ → 商品ページ → 「贈り物の指定」ブロック。購入者が「贈り物にする」を選んだときだけ入力欄が開き、選ばなかった項目は注文に残りません。
| 項目 | 内容 |
|---|---|
| ラッピングを受け付ける | 包装紙の選択肢を 1 行に 1 つずつ |
| のしを受け付ける | 表書きの選択肢を 1 行に 1 つずつ(御祝・内祝・御礼・御中元・御歳暮・寿・志 など) |
| のしのイメージを表示する | 表書きと名入れを選ぶたびに、のし紙の見本を描き直します |
| メッセージカードを受け付ける | 文字数の上限も指定できます |
| 「明細に金額を記載しない」を選べるようにする | 注文に指示が残ります |
- のし紙の見本:表書きの語に合わせて水引が変わります。御祝・内祝・御中元などは紅白の蝶結び、寿・結婚・快気・見舞は紅白の結び切り、志・御霊前・御仏前は黒白の結び切りで、熨斗あわびが付きません。名入れは「山田・佐藤」のように「・」で区切ると連名になり、右から並びます。
- 外のしと内のし:のしを選ぶ欄に、違いを図で説明するリンクが付いています。のしをご存じない購入者が迷って離脱しないための仕組みです。
- 注文への記録:指定内容はカートにも表示され、注文の明細に項目として記録されます。実際にのしを掛ける・金額を伏せる作業は出荷時に。
- 受け付けたくない商品:商品ページのテンプレートを分けて、片方の「贈り物の指定」ブロックを削除してください。ギフトカード商品には最初から表示されません。
お届け希望日・時間帯
テーマエディタ → カートページ → 「お届け希望」。購入者には「最短のお届け日は 9月16日(水) です」のように表示され、届けられない日を選ぶと理由を出して選び直してもらいます。
| 項目 | 初期値 | 内容 |
|---|---|---|
| 最短のお届け日 | 4 日 | 発送に要する日数 |
| 最短日は営業日で数える | ON | 土日・祝日を飛ばして数えます |
| 土曜 / 日曜は発送しない | ON | 営業日から除く曜日 |
| 祝日は発送しない | ON | 日本の祝日をテーマが計算します(振替休日・国民の休日を含む)。データ更新は不要です |
| お届けできない日 | 12-30/01-04 | 1 行に 1 つ。年なしで書くと毎年、/ で期間、2026-08-13 で特定の日 |
| 時間帯の選択肢 | 午前中 ほか | 1 行に 1 つ |
指定された内容は注文に記録されます。配送日時の確約や送料の計算はテーマでは行いません。実際の配送設定は「設定 → 配送と配達」で。
送料無料まであと◯円
テーマエディタ → カートページ → 配送 → 「送料無料になる金額」。通貨記号なしの数字(例: 5000)。0 で非表示。実際の送料は「設定 → 配送と配達」で別途設定してください。
店舗受け取り・ギフトカード
「設定 → ロケーション」で店舗受け取りを有効にすると、商品ページに受け取れる店舗が表示されます。ギフトカード商品では「メールで相手に直接贈る」が表示され、贈る相手のメールアドレス・お名前・メッセージ・お届け日を受け付けます。
ヘッダーとフッター
- お知らせバー:テーマエディタ → ヘッダー → セクションを追加 → お知らせバー。文言を最大 3 つ、リンクも付けられます。閉じたことはそのセッション中だけ覚え、文言を変えると再び表示されます。
- ロゴとメニューの配置:ヘッダーの設定で、ロゴを左か中央、メニューをロゴと同じ行かロゴの下に。ロゴ画像がなければ店名を文字で出します。
- メガメニュー:ヘッダーに「メガメニュー」ブロックを追加し、「対象のメニュー項目」にメニューの項目名を同じ文字で入力します。その項目のドロップダウンが、子項目を列に並べた画像付きのメガメニューになります。
- フッター:メールマガジン登録、メニュー、各種ポリシー、言語と国の切り替え、決済アイコン。各種ポリシーは「設定 → ポリシー」で入力済みのものだけが並びます。
セクション一覧
ホームや固定ページに「セクションを追加」で置けるもの。
| セクション | 用途 | 覚えておくこと |
|---|---|---|
| メインビジュアル | トップの主役 | 画像がなくても成立。見出しは縦書きにできます |
| スライドショー | 複数枚を見せる | 自動送りは既定オフ。「動きを減らす」設定の端末では動きません |
| 画像と文 | 店の紹介・産地の話 | 左右入替、縦書き見出し |
| マルチカラム | 三つの約束・ご利用の流れ | 2〜4 列、画像は任意 |
| リッチテキスト | 短い文章 | 縦書き見出し + 横書き本文 |
| コレクション一覧 | 店の入口 | 画像と名前はコレクションのものを自動で使います |
| 注目のコレクション | 商品を並べる | 列数と画像比率 |
| よくある質問 | Q&A | 検索エンジン向けの構造化データを自動で出します |
| お客様の声 | 引用 + 名前 + 商品 | 星や写真は置きません |
| 動画 | YouTube / Vimeo / アップロード | 再生ボタンが押されるまで読み込みません |
| ロゴ一覧 | 取扱店・掲載メディア | 高さを揃え、色を落として並びます |
| 店舗案内 | 住所・営業時間・地図 | 地図は押されるまで読み込みません |
| 最近見た商品 | 端末に記憶。見た商品がなければ消えます | |
| お気に入り | 固定ページ用 | 「favorites」テンプレートに含まれます |
| カスタム Liquid | アプリのスニペットなど |
商品ページ
要素ごとにブロックに分かれており、並び替えられます。商品名 / 価格 / バリエーション / 数量 / 贈り物の指定 / 購入ボタン / 店舗受け取り / 発送目安 / 商品説明 / 詳細(開閉式) / 共有ボタン / Shop でフォロー。
- 詳細(開閉式):「保存方法と賞味期限」「配送と返品」のように折りたたむ項目。1 ブロック = 1 項目。中身はリッチテキストか固定ページ。リッチテキストにはメタフィールドを差し込めます(右上の「動的ソース」)。産地や賞味期限のように商品ごとに変わる情報に。
- 共有ボタン:LINE・X・URL コピー。
- 画像のズーム:セクション設定「画像をクリックで拡大する」(既定 ON)。
- 予約ラベル:在庫管理で「在庫切れでも販売を続ける」にした商品は、在庫が 0 のとき「予約する」「予約」と表示されます。
- 色見本:商品のオプション「色」をメタフィールドに接続すると色見本になります(Shopify の標準機能)。
コレクション・ブログ・固定ページ
- コレクション:絞り込みは「設定 → 検索と絞り込み」の条件がそのまま表示されます。ページ送りは「もっと見る」ボタン(既定)かページ番号。購入者が 2〜4 列を選べる切り替えも付いています。
- ブログ:投稿者名は既定で表示しません(Shopify のスタッフアカウント名がそのまま出るため)。記事ページには共有ボタンが付きます。
- 固定ページのテンプレート:「オンラインストア → ページ」でページを作り、右側の「テーマテンプレート」で選びます。
| テンプレート | 用途 |
|---|---|
| デフォルト | 会社概要・お手入れ方法など |
| contact | お問い合わせフォーム |
| faq | よくある質問(3 問入り。テーマエディタで編集) |
| favorites | お気に入り一覧。作ったら「テーマ設定 → 商品カード → お気に入りページ」に指定すると、ヘッダーにハートが出ます |
速度と表示
- 見出しの書体が、ページを開いた直後だけ違う:意図した動作です。日本語の Web フォントは容量が大きいため、ページの表示を優先し、書体の読み込みを後ろに回しています。数秒で指定の書体に切り替わります。
- 動画と地図:押されるまで読み込みません。
- 画像:Shopify が自動で最適化しますが、5000px を超える画像はアップロード前に縮小してください。
- 参考値(Lighthouse、2026-09-10):デスクトップ 97〜99、モバイル 84〜97、アクセシビリティ 100。
よくある質問
ストアが英語で表示されます
「設定 → 言語」で日本語を「ドメインのデフォルトとして設定」してください。日本語を追加して公開しただけでは英語のままです。
「税込」が表示されません
「設定 → 税と関税」で「商品価格に税を含める」を ON にしてください。
「軽減税率8%」が出ません
商品に「軽減税率」タグが付いているか、テーマ設定 → 税 のタグ名と一致しているかを確認してください。
フッターに特商法のリンクが出ません
「設定 → ポリシー」の「特定商取引法に基づく表記」が未入力です。入力して保存すると自動で表示されます。
最短のお届け日が思ったより先です
営業日で数えているためです。土日・祝日を飛ばさないなら「最短日は営業日で数える」を OFF にしてください。
お気に入りが別の端末に引き継がれません
端末の記憶を使う仕組みなので、端末ごとに別です。ログインが不要な代わりに引き継ぎはできません。
カードの「カートに入れる」が出ない商品があります
バリエーションが 2 つ以上の商品は、選ぶ必要があるので商品ページへ進みます。
メガメニューになりません
「対象のメニュー項目」の文字が、メニューの項目名と一字一句同じか確認してください。子項目のない項目はメガメニューになりません。
「あわせ買い」の商品が表示されません
Shopify の「Search & Discovery」アプリで、商品ごとに補完商品を設定してください。設定されていない商品ではセクションごと非表示になります。
店舗受け取りが表示されません
「設定 → ロケーション」で店舗受け取りを有効にしたロケーションが必要です。在庫がないバリエーションでは表示されません。
高速チェックアウトボタンが出ません
「設定 → 決済」で対応する決済方法を有効にしてください。
のしの指定が注文に反映されているか確認したい
注文詳細で、商品名の下に指定内容が表示されます。お届け希望日は「追加の詳細」に入ります。
コードを直接編集してもいいですか?
編集はできますが、更新版を入れるときに手作業で移す必要が出ます。テーマエディタで対応できることはテーマエディタで行うことをおすすめします。アプリのスニペットは「カスタム Liquid」セクションに入れれば、更新の影響を受けません。
サポートの範囲
購入から 6 か月、3 営業日以内に返信、日本語のみ。
- 含むもの:このページの範囲での設定の質問、テーマの不具合の修正、更新版の提供(1 年間)。
- 含まないもの:カスタマイズの代行(有償で承ります)、他社アプリとの相性、Shopify 本体の使い方(決済・配送・税の設定など)。
- ライセンス:1 ライセンスにつき 1 ストア。開発ストアでの検証は無制限。
更新履歴
- 0.3.0
- 2026-09-10。食品表示ブロック(一括表示の並び、アレルゲン 8 品目の一覧、メタフィールド kinari.* を自動で読む)。店の連絡先をテーマ設定に置き、ヘッダー・フッター・商品ページの電話注文ブロックへ。アプリ用セクション。のしの表書きに水引の指定、掛け方の初期値、説明文の編集。縦書きの見出しをコレクション・記事・ブログ・固定ページにも。日本語 17 書体の転送量の実測を書体設定に。
- 0.2.0
- 2026-09-10。お知らせバー、スライドショー、画像と文、マルチカラム、リッチテキスト、よくある質問、お客様の声、動画、コレクション一覧、ロゴ一覧、店舗案内、最近見た商品、お気に入り の各セクション。詳細(開閉式)と共有ボタンのブロック。メガメニュー、ロゴとメニューの配置、パンくず、画像ズーム、カードからの直接追加、予約ラベル、「もっと見る」と列数切り替え。のし紙の見本、祝日を数えるお届け希望日、軽減税率の表示と税抜き併記。
- 0.1.0
- 2026-09-09。最初の版。日本語組版、のし・ラッピング・メッセージカード、お届け希望日・時間帯、税込表示、特定商取引法ページ、送料無料バー、店舗受け取り、ギフトカードの受取人指定。
解決しないときは
お問い合わせフォームからお知らせください。
ストアの URL、テーマの版(テーマ設定の一番下に表示)、起きていることを書いていただけると、早くお返事できます。
お問い合わせフォームへ