Kingsbell は Shopify ネイティブのブログと記事に構造化された編集レイヤーを追加します。タイトル、著者、日付、タグ、抜粋、本文の情報源は Shopify のままで、JSON セクションが周辺の表現を追加します。
ブログテンプレート
blog.editorial.json
blog.index.json前者は主要記事を持つジャーナル、後者は時系列インデックスです。どちらもタグ、ページネーション、メタデータ、抜粋、推定読了時間に対応します。
記事テンプレート
article.editorial.json
article.interview.json
article.visual.json
article.research.json標準の article.json も利用できます。
- Editorial: エッセイ、プロフィール、長文記事。
- Interview: 構造化された質問と回答。
- Visual: 写真、動画、ギャラリー。
- Research: 根拠、参考資料、観察記録。
編集セクション
- ジャーナルインデックス。
- 記事シェル。
- 強調引用。
- Shopify ホストの画像または動画。
- 非対称ギャラリー。
- 寄稿者プロフィール。
- 関連記事。
- 構造化対話。
- 索引付き注記と参考資料。
- 再利用可能なコメント。
本文は Shopify の記事エディターで管理し、視覚的または構造化されたモジュールをセクションで追加します。
読了時間と進捗
読了時間は 1 分あたり約 220 語で推定されます。ビジュアル記事、表、コード、インタビューでは参考値として扱ってください。
Reading Progress は JavaScript による拡張です。JavaScript なしでも記事を読める状態を保ち、Reduced Motion を尊重します。
抜粋、タグ、関連記事
抜粋は導入文として、記事の内容、重要性、読者が得られる内容を説明します。
タグの分類を一貫させてください。関連記事は最初のタグを利用できますが、結果をプレビューで確認する必要があります。
メディアとアクセシビリティ
Shopify ホストのメディア、適切な代替テキスト、レスポンシブサイズ、確認済みクロップを使用します。音声付き自動再生を避け、ギャラリーの DOM 順序も理解可能にしてください。
インタビューと参考資料
話者を色だけに依存せず明確に示します。リサーチ記事では根拠と意見を区別し、安定した情報源へリンクし、必要な日付を記録します。
Kingsbell は参考資料を表示しますが、正確性を検証しません。
Metaobject と再利用カード
カードグリッドは手動ブロックまたは kingsbell_content_card Metaobject のリストを使用できます。
複数ページで使うリソース、人、レポート、サービス、原則には Metaobject を使い、単発の内容には手動ブロックを使います。
公開前チェック
タイトル、著者、日付、抜粋、タグ、テンプレート、任意モジュール、リンク、参考資料、alt、モバイル、Reading Progress、リンクコピー、関連記事、プレースホルダー除去を確認してください。