Kyoto テーマのドキュメント
Kyoto は、生活雑貨・工芸品・ライフスタイル商品を扱うお店向けの Shopify テーマです。淡い色の背景に商品を置いて見せ、日本語の文字組みも英語と同じ水準で整えます。見出し、画像、カード、余白、商品ページの各パーツなど、ページのほぼすべての要素でサイズを選べます。
このドキュメントは Kyoto バージョン 1.0.0 を対象にしています。設定名は、テーマエディターに日本語で表示される名前のとおりに書いています。
まずはここから
- はじめに:テーマの追加方法、プリセット、デモストアの内容、最初に行う設定
- デモストアの構成:デモストアのホームページの全セクションを、画像と設定へのリンク付きで紹介
- よくある質問:書体、画像、アプリ、翻訳、アップデート、サポートについての質問と回答
- サポートの範囲:対応できる内容、返信までの目安、お問い合わせの方法
ストアを設定する
| ページ | 内容 |
|---|---|
| テーマ設定 | ロゴ、書体、レイアウト、角の形、ボタン、入力欄、カード、バッジ、アイコン、カート、検索、SNS、地域、アクセシビリティ |
| 配色 | カラーパレット、12 種類の配色、工芸の色をもとにした淡い色面 |
| 動き | 動きの強さ、動きの種類ごとの設定、「視差効果を減らす」設定への対応 |
| ヘッダーとフッター | ヘッダーのレイアウト、メニュー、メガメニュー、スマホ用メニュー、お知らせバー、フッター |
| セクションとブロック | セクション・ブロック・サイズ設定のしくみと、ページごとの一覧 |
| テンプレート | Kyoto に入っているテンプレート、お問い合わせ・よくある質問・商品比較のページ用テンプレート、テンプレートの作り方 |
| 商品ページ | 色の面の舞台、大きさの定規、博物館のラベル、アイコン、バリアントのカード、ギフト包装など |
| コレクションページ | コレクションのバナー、棚、商品の並びの見た目、絞り込み、プロモーションのタイル |
| 検索 | 検索パネル、入力中に出る候補、検索ページ |
| カート | カートドロワーとカートページ、送料無料までの残り金額、ギフト包装とメッセージ、のし、配送希望日時 |
| メタフィールド | Kyoto が読み込む商品・バリアント・コレクションのメタフィールドと、その作成方法 |
| 言語 | 収録している 8 言語と、テーマの文言を変更する方法 |
資料とヘルプ
設定を変える前に
最初にテーマを複製しておいてください。Shopify 管理画面の オンラインストア > テーマ で、Kyoto の横にある … メニューから 複製する を選びます。作業は複製したテーマで行い、仕上がったら公開します。途中で失敗しても、公開中のテーマには影響しません。