kingsbellドキュメント
9ページ中1ページKingsbell は Rokad が開発する、Shopify 向けの設定可能なエディトリアルコマーステーマです。Online Store 2.0 の完全なストアフロント、画像中心のレイアウト、構造化された編集コンテンツ、詳細なマーチャント設定、任意のメンバー体験を統合しています。
リポジトリの現在のパッケージバージョンは 0.11.0 です。Kingsbell は引き続き 1.0.0 より前のリリースであり、Shopify Theme Store への初回申請に向けて品質強化が進められています。リポジトリ検証と Shopify ネイティブのパッケージ生成は実装済みですが、本番承認には開発ストア、実ブラウザ、アクセシビリティ、性能、実際のコマースフローの検証が必要です。
主な機能
- 商品、コレクション、カート、検索、ページ、ブログ、記事の標準テンプレート。
- Ajax カート、予測検索、ネイティブフィルター、レコメンド、ダイナミックチェックアウト。
- Standard、Editorial、Archive、Commission、Private の各デザイン方向。
- エッセイ、インタビュー、ビジュアルストーリー、リサーチ記事のテンプレート。
- 再利用可能なブロック、構造化セクション、グローバルデザイン設定。
- 明確なセキュリティ境界を持つメンバー向け表示。
- Theme Check、静的監査、パッケージ生成、QA 手順。
必要条件
- Node.js 20 以降。
- テーマ対応の Shopify CLI。
- Shopify 開発ストアへのアクセス。
- テーマのインストール、プレビュー、編集権限。
bash
npm install --global @shopify/cli @shopify/theme
shopify version
node --version推奨導入手順
- Kingsbell リポジトリをクローンします。
- 変更前に検証を実行します。
- 専用の開発ストアへ Shopify CLI を接続します。
- まず未変更の標準テンプレートを検証します。
- ブランド、色、書体、余白、商品カードを設定します。
- ナビゲーション、フッター、ホーム、商品、コレクション、編集ページを構築します。
- 実態に近い商品、顧客、B2B、記事、注文データを用意します。
- QA マトリクスを完了します。
- レビュー後にパッケージを生成します。
- 公開前に検証済みのロールバックパッケージを保持します。
最初のコマンド
bash
npm run check
npm run dev -- --store your-store.myshopify.com
npm run packageデザイン方向
| 方向 | 適した用途 |
|---|---|
| Standard | 控えめな編集表現を持つ一般的なコマース。 |
| Editorial | キャンペーン、ローンチ、商品ストーリー。 |
| Archive | カタログ、エディション、時系列ナビゲーション。 |
| Commission | オーダーメイドや相談型販売。 |
| Private | 外部の認可制御を伴うメンバー表示。 |
セキュリティ境界
Liquid の条件分岐は表示を隠せますが、商品の公開、検索インデックス、Storefront API、カート API、恒久ファイル、チェックアウトを保護しません。
プライベートコマースには Shopify の公開制御とカタログ、B2B 割り当て、必要な Shopify Functions、またはサーバー側認可を行うコンパニオンアプリが必要です。
本番公開前
開発ストア、キーボード、スクリーンリーダー、レスポンシブ、ブラウザ、商品とカート、アカウント、チェックアウト、Lighthouse、テーマエディター、プライベート認可、ロールバックを検証してください。